@dgshahr/ui-kit 0.1.0 → 1.0.1

package/dist/useFlipPosition-BWxiBDQ_.js

@@ -0,0 +1,124 @@
+import { d as z } from "./index-CzwAoGdL.js";
+import { useRef as w, useState as C, useCallback as H, useMemo as L, useEffect as S } from "react";
+function B(t) {
+  return t.startsWith("top") ? t.replace("top", "bottom") : t.replace("bottom", "top");
+}
+function F(t) {
+  return t.endsWith("left") ? t.replace("left", "right") : t.endsWith("right") ? t.replace("right", "left") : t;
+}
+function T(t, e) {
+  return t.endsWith("center") ? e.left && !e.right ? t.replace("center", "right") : e.right && !e.left ? t.replace("center", "left") : t : t;
+}
+function $(t, e) {
+  const r = RegExp(/matrix\(([^)]+)\)/).exec(t);
+  if (!r) return `scale(${e})`;
+  const n = r[1].split(",").map((s) => parseFloat(s.trim()));
+  return n.length !== 6 ? `scale(${e})` : (n[0] = e, n[3] = e, `matrix(${n.join(", ")})`);
+}
+function j(t, e) {
+  let r;
+  switch (t) {
+    case "top-left":
+    case "bottom-left":
+      r = e.left;
+      break;
+    case "top-right":
+    case "bottom-right":
+      r = e.right;
+      break;
+    case "top-center":
+    case "bottom-center":
+    default:
+      r = e.left + e.width / 2;
+      break;
+  }
+  const n = t.startsWith("top") ? e.top : e.bottom;
+  return { anchorX: r, anchorY: n };
+}
+function A(t, e, r, n) {
+  let s = 0, l = 0;
+  switch (t) {
+    case "top-left":
+    case "bottom-left":
+      s = e;
+      break;
+    case "top-center":
+    case "bottom-center":
+      s = e - n.width / 2;
+      break;
+    case "top-right":
+    case "bottom-right":
+      s = e - n.width;
+      break;
+  }
+  switch (t) {
+    case "top-left":
+    case "top-center":
+    case "top-right":
+      l = r - n.height;
+      break;
+    case "bottom-left":
+    case "bottom-center":
+    case "bottom-right":
+      l = r;
+      break;
+  }
+  return { top: l, left: s };
+}
+function I(t, e, r, n, s, l, c) {
+  const h = t < l, m = t + r.height > s - l, u = e < l, f = e + r.width > n - l;
+  if (!c)
+    return {
+      top: h,
+      bottom: m,
+      left: u,
+      right: f
+    };
+  const i = Math.min(r.bottom, s) - Math.max(t, 0), o = Math.min(r.right, n) - Math.max(e, 0), g = h && m ? i >= c ? { top: !1, bottom: !1 } : i < r.height / 2 ? { top: !0, bottom: !1 } : { top: !1, bottom: !0 } : h ? { top: i < c, bottom: !1 } : m ? { top: !1, bottom: i < c } : { top: !1, bottom: !1 }, b = u && f ? o >= c ? { left: !1, right: !1 } : o < r.width / 2 ? { left: !0, right: !1 } : { left: !1, right: !0 } : u ? { left: o < c, right: !1 } : f ? { left: !1, right: o < c } : { left: !1, right: !1 };
+  return {
+    top: g.top,
+    bottom: g.bottom,
+    left: b.left,
+    right: b.right
+  };
+}
+function q({
+  initialPosition: t,
+  onPositionChange: e,
+  padding: r = 8,
+  debounceWait: n = 50,
+  minVisible: s
+}) {
+  const l = w(null), c = w(null), [h, m] = C(t), u = H(() => {
+    const i = l.current, o = c.current;
+    if (!i || !o) return;
+    const g = i.getBoundingClientRect(), { anchorX: b, anchorY: v } = j(t, g), d = window.getComputedStyle(o), W = d.display !== "none" && d.visibility !== "hidden" && d.opacity !== "0";
+    let y;
+    if (W)
+      y = o.getBoundingClientRect();
+    else {
+      const M = d.transform || "none", O = $(M, 1);
+      o.style.setProperty("opacity", "0", "important"), o.style.setProperty("transform", O, "important"), o.style.setProperty("visibility", "hidden", "important"), o.style.setProperty("position", "absolute", "important"), o.style.setProperty("transition", "none", "important"), o.offsetHeight, y = o.getBoundingClientRect(), o.style.removeProperty("opacity"), o.style.removeProperty("transform"), o.style.removeProperty("visibility"), o.style.removeProperty("position"), o.style.removeProperty("transition");
+    }
+    const k = window.innerWidth, x = window.innerHeight, { top: E, left: P } = A(t, b, v, y), p = I(
+      E,
+      P,
+      y,
+      k,
+      x,
+      r,
+      s
+    );
+    let a = t;
+    (t.startsWith("top") && p.top || t.startsWith("bottom") && p.bottom) && (a = B(a)), (t.endsWith("left") && p.left || t.endsWith("right") && p.right) && (a = F(a)), a.endsWith("center") && (a = T(a, p)), a !== h && (m(a), e && e(a));
+  }, [e, r]), f = L(
+    () => z(u, n),
+    [u, n]
+  );
+  return S(() => (f(), window.addEventListener("resize", f), window.addEventListener("scroll", f), () => {
+    window.removeEventListener("resize", f), window.removeEventListener("scroll", f), f.cancel();
+  }), [f]), { anchorRef: l, popperRef: c, position: h };
+}
+export {
+  q as u
+};

package/dist/useFlipPosition-CWhLgzoz.cjs

@@ -0,0 +1 @@
+"use strict";const z=require("./index-BfuaA-Ji.cjs"),m=require("react");function C(t){return t.startsWith("top")?t.replace("top","bottom"):t.replace("bottom","top")}function H(t){return t.endsWith("left")?t.replace("left","right"):t.endsWith("right")?t.replace("right","left"):t}function L(t,e){return t.endsWith("center")?e.left&&!e.right?t.replace("center","right"):e.right&&!e.left?t.replace("center","left"):t:t}function S(t,e){const r=RegExp(/matrix\(([^)]+)\)/).exec(t);if(!r)return`scale(${e})`;const n=r[1].split(",").map(s=>parseFloat(s.trim()));return n.length!==6?`scale(${e})`:(n[0]=e,n[3]=e,`matrix(${n.join(", ")})`)}function B(t,e){let r;switch(t){case"top-left":case"bottom-left":r=e.left;break;case"top-right":case"bottom-right":r=e.right;break;case"top-center":case"bottom-center":default:r=e.left+e.width/2;break}const n=t.startsWith("top")?e.top:e.bottom;return{anchorX:r,anchorY:n}}function F(t,e,r,n){let s=0,l=0;switch(t){case"top-left":case"bottom-left":s=e;break;case"top-center":case"bottom-center":s=e-n.width/2;break;case"top-right":case"bottom-right":s=e-n.width;break}switch(t){case"top-left":case"top-center":case"top-right":l=r-n.height;break;case"bottom-left":case"bottom-center":case"bottom-right":l=r;break}return{top:l,left:s}}function T(t,e,r,n,s,l,f){const u=t<l,p=t+r.height>s-l,h=e<l,c=e+r.width>n-l;if(!f)return{top:u,bottom:p,left:h,right:c};const a=Math.min(r.bottom,s)-Math.max(t,0),o=Math.min(r.right,n)-Math.max(e,0),b=u&&p?a>=f?{top:!1,bottom:!1}:a<r.height/2?{top:!0,bottom:!1}:{top:!1,bottom:!0}:u?{top:a<f,bottom:!1}:p?{top:!1,bottom:a<f}:{top:!1,bottom:!1},d=h&&c?o>=f?{left:!1,right:!1}:o<r.width/2?{left:!0,right:!1}:{left:!1,right:!0}:h?{left:o<f,right:!1}:c?{left:!1,right:o<f}:{left:!1,right:!1};return{top:b.top,bottom:b.bottom,left:d.left,right:d.right}}function $({initialPosition:t,onPositionChange:e,padding:r=8,debounceWait:n=50,minVisible:s}){const l=m.useRef(null),f=m.useRef(null),[u,p]=m.useState(t),h=m.useCallback(()=>{const a=l.current,o=f.current;if(!a||!o)return;const b=a.getBoundingClientRect(),{anchorX:d,anchorY:v}=B(t,b),y=window.getComputedStyle(o),W=y.display!=="none"&&y.visibility!=="hidden"&&y.opacity!=="0";let w;if(W)w=o.getBoundingClientRect();else{const M=y.transform||"none",O=S(M,1);o.style.setProperty("opacity","0","important"),o.style.setProperty("transform",O,"important"),o.style.setProperty("visibility","hidden","important"),o.style.setProperty("position","absolute","important"),o.style.setProperty("transition","none","important"),o.offsetHeight,w=o.getBoundingClientRect(),o.style.removeProperty("opacity"),o.style.removeProperty("transform"),o.style.removeProperty("visibility"),o.style.removeProperty("position"),o.style.removeProperty("transition")}const k=window.innerWidth,P=window.innerHeight,{top:x,left:E}=F(t,d,v,w),g=T(x,E,w,k,P,r,s);let i=t;(t.startsWith("top")&&g.top||t.startsWith("bottom")&&g.bottom)&&(i=C(i)),(t.endsWith("left")&&g.left||t.endsWith("right")&&g.right)&&(i=H(i)),i.endsWith("center")&&(i=L(i,g)),i!==u&&(p(i),e&&e(i))},[e,r]),c=m.useMemo(()=>z.debounce(h,n),[h,n]);return m.useEffect(()=>(c(),window.addEventListener("resize",c),window.addEventListener("scroll",c),()=>{window.removeEventListener("resize",c),window.removeEventListener("scroll",c),c.cancel()}),[c]),{anchorRef:l,popperRef:f,position:u}}exports.useFlipPosition=$;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgshahr/ui-kit",
-  "version": "0.1.0",
+  "version": "1.0.1",
   "description": "A modern, accessible, and customizable React component library",
   "author": "dgshahr",
   "contributes": [
@@ -219,7 +219,7 @@
   "devDependencies": {
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
-    "@dgshahr/dg-theme-tailwind-plugin": "^1.0.11",
+    "@dgshahr/dg-theme-tailwind-plugin": "^1.1.0",
     "@eslint/compat": "^1.2.8",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.24.0",
@@ -231,6 +231,7 @@
     "@storybook/react": "^8.6.12",
     "@storybook/react-vite": "^8.6.12",
     "@svgr/cli": "^8.1.0",
+    "@tailwindcss/vite": "^4.1.8",
     "@types/lodash.debounce": "^4.0.9",
     "@types/node": "^22.14.0",
     "@types/react": "^19.1.0",
@@ -238,7 +239,6 @@
     "@typescript-eslint/eslint-plugin": "^8.29.0",
     "@typescript-eslint/parser": "^8.29.0",
     "@vitejs/plugin-react-swc": "^3.8.1",
-    "autoprefixer": "^10.4.21",
     "clsx": "^2.0.0",
     "date-fns-jalali": "^4.1.0-0",
     "eslint": "^9.24.0",
@@ -256,15 +256,14 @@
     "jsdom": "^26.0.0",
     "lint-staged": "^15.5.0",
     "lodash.debounce": "^4.0.8",
-    "postcss": "^8.5.3",
     "prettier": "^3.5.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "rollup-preserve-directives": "^1.1.3",
     "storybook": "^8.6.12",
-    "tailwindcss": "^3.3.6",
+    "tailwindcss": "^4.1.8",
     "typescript": "^5.8.3",
-    "vite": "^6.2.5",
+    "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-lib-inject-css": "^2.2.1"
   },

package/dist/AccordionItem-BcOHTf5E.cjs

@@ -1 +0,0 @@
-"use client";"use strict";const t=require("react/jsx-runtime"),o=require("./clsx-C11secjj.cjs"),u=require("react"),j=require("./IconArrowDown2-C1dLVveG.cjs"),I=require("./Divider/index.cjs"),f=u.createContext({activeKey:null,setActiveKey:()=>{}}),p=()=>u.useContext(f);function b(i,s=!1){if(!i)return s?[]:null;const e=Array.isArray(i);return s?e?i:[i]:e?i[0]:i}const C=i=>{const{defaultActiveKey:s,className:e,children:a,disableAccordion:l}=i,[g,k]=u.useState(b(s,l));return t.jsx("div",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",e),children:t.jsx(f.Provider,{value:{activeKey:g,setActiveKey:k},children:a})})},D=i=>{const{children:s,title:e,accordionKey:a,className:l,contentClassName:g,hideDivider:k=!1,hideArrow:h=!1,titleClassName:y,disable:m}=i,{activeKey:r,setActiveKey:d}=p(),v=u.useId(),n=a??v,x=Array.isArray(r);function w(){return m?!1:x?r.includes(n):n===r}const c=w();function A(){d(c?x?r.filter(N=>N!==n):null:x?[...r,n]:n)}return t.jsxs("div",{className:o.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4",l),children:[t.jsxs("button",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",c?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-600",y),onClick:A,disabled:m,children:[t.jsx("div",{className:c?"dgs-ui-kit-font-h5-bold":"dgs-ui-kit-font-p1-medium",children:e}),!h&&t.jsx(j.IconArrowDown2,{className:o.clsx("dgs-ui-kit-transition-transform dgs-ui-kit-duration-300 dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",c&&"dgs-ui-kit-rotate-180"),width:20,height:20})]}),t.jsx("div",{className:o.clsx("dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",c?"dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3":"dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",g),children:t.jsx("div",{className:"dgs-ui-kit-overflow-hidden",children:s})}),!k&&t.jsx(I,{type:"horizontal",color:"white",className:"dgs-ui-kit-mt-4"})]})};exports.AccordionGroup=C;exports.AccordionItem=D;

package/dist/FieldBottomInfo-CE1uBAqq.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),g=require("./IconInfoCircleOutline-0ef3qbeI.cjs"),l=u=>{const{errorMessage:i,hintMessage:t,extraHelper:s,disabled:r,className:d}=u;return e.jsxs("div",{className:n.clsx("dgs-ui-kit-flex dgs-ui-kit-font-p3-regular",{"dgs-ui-kit-justify-between":(i??t)&&s,"dgs-ui-kit-justify-start":(i??t)&&!s,"dgs-ui-kit-justify-end":!(i??t)&&s,"dgs-ui-kit-text-gray-400":r},i?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500",d),children:[(i||t)&&e.jsxs("div",{className:n.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":r}),children:[e.jsx(g.IconInfoCircleOutline,{width:16,height:16}),e.jsx("span",{children:i??t})]}),s]})};exports.FieldBottomInfo=l;

package/dist/PickerWrapper-VwVWt_Vr.cjs

@@ -1 +0,0 @@
-"use client";"use strict";require('./assets/styles.css');const t=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs"),n=require("react"),R=require("./Drawer/index.cjs"),q=require("./useFlipPosition-CLwjhe7O.cjs"),S=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./index-CSis3p-s.cjs");;/* empty css                  */const v=n.createContext({toggleWrapperVisibility:()=>{}}),D=()=>n.useContext(v),A=a=>{const i=n.useRef(null);return n.useEffect(()=>{const s=r=>{i.current&&!i.current.contains(r.target)&&a()};return document.addEventListener("click",s,!0),()=>{document.removeEventListener("click",s,!0)}},[i,a]),i},C="dgs-ui-kit-duration-300",b=400,O=a=>{const{dropdownType:i="popover",disabled:s,isLoading:r,wrapperClassName:N,customInput:g,children:k,drawerProps:m,inputProps:I,popoverClassName:y}=a,[u,c]=n.useState(!1),[f,d]=n.useState(!1),[x,P]=n.useState("bottom-left");let o;const{anchorRef:T,popperRef:W}=q.useFlipPosition({initialPosition:"bottom-left",minVisible:180,onPositionChange(l){P(w=>w===l?w:l)}}),j=A(()=>{i==="popover"&&u&&(c(!1),o&&clearTimeout(o),o=setTimeout(()=>{d(!1)},b))});function h(){if(s||r)return;const l=!f;o&&clearTimeout(o),l?(d(!0),o=setTimeout(()=>{c(!0)},0)):(c(!1),o=setTimeout(()=>{d(!1)},b))}const p=e.clsx({"!dgs-ui-kit-cursor-not-allowed":s,"!dgs-ui-kit-cursor-wait":r,"!dgs-ui-kit-cursor-pointer":!r&&!s});return t.jsxs("div",{ref:j,className:e.clsx("dgs-ui-kit-relative",N),children:[t.jsx("button",{ref:T,type:"button",className:e.clsx("dgs-ui-kit-w-full",p),onClick:h,children:g?g(u):t.jsx(E.Input,{leftIcon:r?t.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):t.jsx(S.IconArrowDown2,{width:20,height:20,className:e.clsx("dgs-ui-kit-transition",C,{"dgs-ui-kit-rotate-180":u})}),containerClassName:e.clsx(p,{"dgs-ui-kit-items-baseline":r}),className:e.clsx("dgs-ui-kit-caret-transparent",p),disabled:s,...I})}),t.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&t.jsx(t.Fragment,{children:i==="popover"?t.jsx("div",{ref:W,className:e.clsx("dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-right-0 dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",C,u?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",{"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)]":x.includes("bottom"),"dgs-ui-kit-top-0 dgs-ui-kit-translate-y-[calc(-100%-8px)]":x.includes("top")},y),children:k}):t.jsx(R,{...m,open:u,onClose:()=>c(!1),containerClassName:e.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",m?.containerClassName),children:k})})})]})};exports.PickerWrapper=O;exports.usePickerWrapperContext=D;

package/dist/RadioCheckboxWrapper-0xf2r8Bg.cjs

@@ -1 +0,0 @@
-"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),r=require("./clsx-C11secjj.cjs");;/* empty css                  */const n=g=>{const{children:k,containerClassName:a,errorMessage:t,helperMessage:u,isError:c,label:d,variant:s="default"}=g,o=g.icon,e=c||!!t;return i.jsxs("label",{className:r.clsx("dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",{"dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50":s==="bordered","has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":s==="bordered"&&!e,"dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":s==="bordered"&&e},a),children:[i.jsxs("div",{className:r.clsx("dgs-ui-kit-flex dgs-ui-kit-items-start dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse"),children:[i.jsx("div",{className:r.clsx("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px] dgs-ui-kit-shrink-0",{"dgs-ui-kit-mt-1":d}),children:k({inputClassName:r.clsx("dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",{"group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":s!=="bordered"&&!e,"!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":s!=="bordered"&&e}),checkedInputClassName:"dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"})}),!!d&&i.jsxs("div",{className:"dgs-ui-kit-space-y-1",children:[i.jsx("div",{className:"dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500",children:d}),!!(t||u)&&i.jsx("div",{className:r.clsx("dgs-ui-kit-font-p3-regular",t?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500"),children:t||u})]})]}),s==="bordered"&&o?i.jsx("div",{className:"dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500",children:o}):null]})};exports.RadioCheckboxWrapper=n;

package/dist/RadioCheckboxWrapper-CoHqell5.js

@@ -1,78 +0,0 @@
-import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import { c as s } from "./clsx-OuTLNxxd.js";
-import './assets/styles.css';/* empty css                */
-const p = (u) => {
-  const {
-    children: a,
-    containerClassName: n,
-    errorMessage: r,
-    helperMessage: o,
-    isError: c,
-    label: d,
-    variant: i = "default"
-  } = u, k = u.icon, t = c || !!r;
-  return /* @__PURE__ */ g(
-    "label",
-    {
-      className: s(
-        "dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",
-        {
-          "dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50": i === "bordered",
-          "has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": i === "bordered" && !t,
-          "dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": i === "bordered" && t
-        },
-        n
-      ),
-      children: [
-        /* @__PURE__ */ g(
-          "div",
-          {
-            className: s(
-              "dgs-ui-kit-flex dgs-ui-kit-items-start dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse"
-            ),
-            children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  className: s(
-                    "dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px] dgs-ui-kit-shrink-0",
-                    {
-                      "dgs-ui-kit-mt-1": d
-                    }
-                  ),
-                  children: a({
-                    inputClassName: s(
-                      "dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",
-                      {
-                        "group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": i !== "bordered" && !t,
-                        "!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": i !== "bordered" && t
-                      }
-                    ),
-                    checkedInputClassName: "dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"
-                  })
-                }
-              ),
-              !!d && /* @__PURE__ */ g("div", { className: "dgs-ui-kit-space-y-1", children: [
-                /* @__PURE__ */ e("div", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500", children: d }),
-                !!(r || o) && /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: s(
-                      "dgs-ui-kit-font-p3-regular",
-                      r ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
-                    ),
-                    children: r || o
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        i === "bordered" && k ? /* @__PURE__ */ e("div", { className: "dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500", children: k }) : null
-      ]
-    }
-  );
-};
-export {
-  p as R
-};

package/dist/Slide-CfRBVhF3.cjs

@@ -1 +0,0 @@
-"use client";"use strict";const e=require("react/jsx-runtime"),p=require("./clsx-C11secjj.cjs"),n=require("react"),D=require("./IconArrowLeft2-CNA3H0xY.cjs"),q=require("./IconArrowRight2-CF_bdH81.cjs"),A=require("./Button/index.cjs"),L=n.createContext({slidesPerView:1,spaceBetween:0,navigationVariant:"outside",showNavigationDots:!0,showPaginationText:!1,childrenCount:0,sliderId:""}),P=()=>n.useContext(L);function O({active:i,autoplay:s,variant:r="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"}[r],i?"dgs-ui-kit-w-[22px]":"dgs-ui-kit-w-[6px]",s?"dgs-ui-kit-p-[1px]":""]}const V=i=>{const{active:s,onClick:r,onNavigateToNext:a,index:t}=i,{autoplay:d,navigationVariant:v="outside"}=P(),[l,u]=n.useState(0);return n.useEffect(()=>{if(!s||!d)return;const k=typeof d=="boolean"?7e3:d?.delay??7e3;let x=Date.now();const c=setInterval(()=>{const g=Date.now()-x,f=g/k*100;u(Math.min(f,100)),g>=k&&typeof a=="function"&&(a(),u(0),clearInterval(c))},100);return function(){return u(0),x=Date.now(),clearInterval(c)}},[s,d,a]),e.jsx("button",{className:p.clsx("dgs-ui-kit-rounded-full dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-h-[6px]",O({active:s,autoplay:d,variant:v})),onClick:r,"aria-label":`slider-navigation-dot-${t+1}`,children:s&&e.jsx("div",{className:p.clsx("dgs-ui-kit-h-full dgs-ui-kit-rounded-full",{"dgs-ui-kit-bg-white":v==="inside","dgs-ui-kit-bg-gray-700":v==="outside"}),style:{width:d?`${l}%`:"100%"}})})},F=i=>{const{onNavigate:s,slideIndex:r,slidesCount:a}=i,{navigationButtonsShowType:t="hide",dotsClassName:d,navigationContainerClassName:v,navigationVariant:l="outside",showNavigationDots:u=!0,showPaginationText:k}=P(),x=e.jsxs("div",{className:p.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%]":l==="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%]":t==="onSides","dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition":t==="hover"||t==="onSides"}),children:[e.jsx(A,{type:"button",variant:"secondary",onClick:()=>s(r-1),rightIcon:e.jsx(q.IconArrowRight2,{}),"aria-label":"slider-previous-button"}),e.jsx(A,{type:"button",variant:"secondary",onClick:()=>s(r+1),rightIcon:e.jsx(D.IconArrowLeft2,{}),"aria-label":"slider-next-button"})]});return e.jsxs(e.Fragment,{children:[t&&t!=="hide"&&t==="onSides"&&x,e.jsxs("div",{className:p.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-items-center dgs-ui-kit-mt-2":l==="outside","dgs-ui-kit-absolute dgs-ui-kit-bottom-4 dgs-ui-kit-w-full dgs-ui-kit-justify-center":l==="inside","dgs-ui-kit-justify-between":l==="outside"&&t!=="hide"&&t!=="onSides","dgs-ui-kit-justify-center":l==="outside"&&(t==="hide"||t==="onSides")},v),children:[t&&t!=="hide"&&t!=="onSides"&&x,(u||k)&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-3",children:[k&&e.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:[e.jsx("span",{className:p.clsx("dgs-ui-kit-font-bold",{"dgs-ui-kit-text-gray-600":l==="outside","dgs-ui-kit-text-white":l==="inside"}),children:r+1}),e.jsx("span",{children:"از"}),e.jsx("span",{children:a})]}),u&&e.jsx("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-gap-2",d),children:Array.from(Array(a).keys()).map((c,g)=>e.jsx(V,{active:r===g,index:g,onClick:()=>s(g),onNavigateToNext:()=>s(r+1)},c+a))})]})]})]})},R=n.forwardRef((i,s)=>{const[r,a]=n.useState(i),{className:t="",containerClassName:d="",showNavigationDots:v=!0,slidesPerView:l=1,navigationButtonsShowType:u="hide",spaceBetween:k=0,showPaginationText:x,onSlideIndexChange:c,initialSlide:g,containerXPadding:f=0}=r,[b,C]=n.useState(0),[T,W]=n.useState(0),E=Object.fromEntries(Object.entries(r).filter(([o])=>o!=="children")),h=n.useRef(null),m=Math.ceil(T/Math.floor(l)),M=(v||u&&u!=="hide"||x)&&m>1;function B(o){if(Math.ceil(Math.abs(o.currentTarget.scrollLeft))+o.currentTarget.clientWidth+1+f>=o.currentTarget.scrollWidth){C(m-1);return}const w=o.currentTarget.scrollWidth-f*2,N=w/m,y=(w-o.currentTarget.scrollLeft-f)/N;if(y<=m){C(0);return}C(Math.round(y%m))}function j(o){if(!h.current)return;const w=h.current.offsetWidth,N=b-o,y=h.current.scrollWidth/m,I=N*y;o<0?h.current.scrollTo({behavior:"smooth",left:-(w*m)}):o>=m?h.current.scrollTo({behavior:"smooth",left:0}):h.current.scrollBy({behavior:"smooth",left:I})}function S(){const w=Object.keys(i.responsive).sort((y,I)=>Number(y)-Number(I)).findLast(y=>Number(y)<=window.innerWidth),N=w?i.responsive[Number(w)]:null;a(N?{...r,...N}:i)}return n.useImperativeHandle(s,()=>({element:h.current,navigate:o=>j(Math.max(0,o-1))})),n.useEffect(()=>{if(!h.current)return;let o=h.current.childElementCount;f>0&&(o-=2),W(o)},[i.children,h,f]),n.useEffect(()=>{if(!(!i.responsive||Object.keys(i.responsive).length<=0))return S(),window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}},[i.responsive]),n.useEffect(()=>{c&&typeof c=="function"&&c(b)},[b]),n.useEffect(()=>{typeof g=="number"&&h.current&&j(Math.max(0,g-1))},[g,h.current]),e.jsx(L.Provider,{value:{...E,childrenCount:T,sliderId:n.useId()},children:e.jsxs("div",{className:p.clsx("dgs-ui-kit-overflow-hidden dgs-ui-kit-relative dgs-ui-kit-group",t),style:{direction:"rtl"},children:[e.jsxs("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-snap-x dgs-ui-kit-snap-mandatory dgs-ui-kit-overflow-x-auto no-scrollbar",d),style:{marginLeft:-k},onScroll:B,ref:h,children:[f>0&&e.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}}),i.children,f>0&&e.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}})]}),M&&e.jsx(F,{onNavigate:j,slideIndex:b,slidesCount:m})]})})});R.displayName="Slider";function $({slidesPerView:i,childIndex:s,centerMode:r,childrenCount:a,haveContainerPadding:t}){const d=s%Math.floor(i)===0,v=i%1!==0,l=s===0,u=s===a-1;if(!d)return"none";if(r){if(v&&!t){if(l)return"start";if(u)return"end"}return"center"}return"start"}const K=i=>{const{children:s,className:r,style:a,...t}=i,{slidesPerView:d=1,spaceBetween:v=0,centerMode:l=!1,containerXPadding:u=0,childrenCount:k=0,sliderId:x}=P(),c=n.useRef(null),[g,f]=n.useState(0);return n.useEffect(()=>{c.current&&f(Array.prototype.indexOf.call(document.querySelectorAll(`[id='slide-item-${x}']`),c.current))},[c,k,u]),e.jsx("div",{...t,ref:c,id:`slide-item-${x}`,className:p.clsx("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-normal",r),style:{width:100/(d??1)+"%",paddingLeft:v,scrollSnapAlign:$({slidesPerView:d,childIndex:g,centerMode:l,childrenCount:k||0,haveContainerPadding:u>0}),...a},children:s})};exports.Slide=K;exports.Slider=R;

package/dist/Step-CcJeR_kj.cjs

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

package/dist/TextFieldWrapper-CQbBbmlX.cjs

@@ -1 +0,0 @@
-"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),x=require("./clsx-C11secjj.cjs"),q=require("react"),w=require("./FieldBottomInfo-CE1uBAqq.cjs");;/* empty css                  */const m=d=>{const{link:i,labelContent:s,required:a,disabled:r,labelAddon:n}=d;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:x.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":r}),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,a&&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]})},C=d=>{const{labelContent:i,link:s,containerClassName:a,rightIcon:r,isError:n,errorMessage:l,hintMessage:g,required:f,labelAddon:p,maxLength:u,disabled:t,value:b,wrapperClassName:o,showMaxLength:j,children:y}=d,c=!!(l||g||u&&j),k=!!(i||s?.href),v=c||k||o?"div":q.Fragment,N=F=>{const h=F.currentTarget.querySelector("textarea, input");h&&h.focus()};return e.jsxs(v,{...o?{className:o}:{},children:[k&&e.jsx(m,{disabled:t,labelContent:i,link:s,required:f,labelAddon:p}),e.jsxs("div",{onClick:N,className:x.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 ${!t&&"hover:dgs-ui-kit-ring-gray-50"}`,n||l?"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 ${!t&&"hover:dgs-ui-kit-border-gray-300"}`,a,{"dgs-ui-kit-text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:r}),y]}),c&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&e.jsxs("span",{className:"ss02",children:[b?.toString()?.length??0,"/",u]})})]})};exports.FieldLabel=m;exports.TextFieldWrapper=C;

package/dist/useFlipPosition-CLwjhe7O.cjs

@@ -1 +0,0 @@
-"use strict";const L=require("./index-BfuaA-Ji.cjs"),a=require("react");function S(t){return t.startsWith("top")?t.replace("top","bottom"):t.replace("bottom","top")}function B(t){return t.endsWith("left")?t.replace("left","right"):t.endsWith("right")?t.replace("right","left"):t}function F(t,e){return t.endsWith("center")?e.left&&!e.right?t.replace("center","right"):e.right&&!e.left?t.replace("center","left"):t:t}function T(t,e){const r=RegExp(/matrix\(([^)]+)\)/).exec(t);if(!r)return`scale(${e})`;const n=r[1].split(",").map(l=>parseFloat(l.trim()));return n.length!==6?`scale(${e})`:(n[0]=e,n[3]=e,`matrix(${n.join(", ")})`)}function $(t,e){let r;switch(t){case"top-left":case"bottom-left":r=e.left;break;case"top-center":case"bottom-center":r=e.left+e.width/2;break;case"top-right":case"bottom-right":r=e.right;break;default:r=e.left+e.width/2}const n=t.startsWith("top")?e.top:e.bottom;return{anchorX:r,anchorY:n}}function q(t,e,r,n){let l=0,f=0;switch(t){case"top-left":case"bottom-left":l=e;break;case"top-center":case"bottom-center":l=e-n.width/2;break;case"top-right":case"bottom-right":l=e-n.width;break}switch(t){case"top-left":case"top-center":case"top-right":f=r-n.height;break;case"bottom-left":case"bottom-center":case"bottom-right":f=r;break}return{top:f,left:l}}function R(t,e,r,n,l,f,c){const u=t<f,g=t+r.height>l-f,m=e<f,p=e+r.width>n-f;if(c==null)return{top:u,bottom:g,left:m,right:p};const h=Math.min(r.bottom,l)-Math.max(t,0),s=Math.min(r.right,n)-Math.max(e,0),b=u&&g?h>=c?{top:!1,bottom:!1}:h<r.height/2?{top:!0,bottom:!1}:{top:!1,bottom:!0}:u?{top:h<c,bottom:!1}:g?{top:!1,bottom:h<c}:{top:!1,bottom:!1},o=m&&p?s>=c?{left:!1,right:!1}:s<r.width/2?{left:!0,right:!1}:{left:!1,right:!0}:m?{left:s<c,right:!1}:p?{left:!1,right:s<c}:{left:!1,right:!1};return{top:b.top,bottom:b.bottom,left:o.left,right:o.right}}function j({initialPosition:t,onPositionChange:e,padding:r=8,debounceWait:n=50,minVisible:l}){const f=a.useRef(null),c=a.useRef(null),[u,g]=a.useState(t),m=a.useRef(t);a.useEffect(()=>{m.current=t},[t]);const p=a.useRef(u);a.useEffect(()=>{p.current=u},[u]);const h=a.useCallback(()=>{const b=f.current,o=c.current;if(!b||!o)return;const d=m.current,P=b.getBoundingClientRect(),{anchorX:W,anchorY:E}=$(d,P),y=window.getComputedStyle(o),k=y.display!=="none"&&y.visibility!=="hidden"&&y.opacity!=="0";let v;if(k)v=o.getBoundingClientRect();else{const C=y.transform||"none",H=T(C,1);o.style.setProperty("opacity","0","important"),o.style.setProperty("transform",H,"important"),o.style.setProperty("visibility","hidden","important"),o.style.setProperty("position","absolute","important"),o.style.setProperty("transition","none","important"),o.offsetHeight,v=o.getBoundingClientRect(),o.style.removeProperty("opacity"),o.style.removeProperty("transform"),o.style.removeProperty("visibility"),o.style.removeProperty("position"),o.style.removeProperty("transition")}const x=window.innerWidth,M=window.innerHeight,{top:O,left:z}=q(d,W,E,v),w=R(O,z,v,x,M,r,l);let i=d;(d.startsWith("top")&&w.top||d.startsWith("bottom")&&w.bottom)&&(i=S(i)),(i.endsWith("left")&&w.left||i.endsWith("right")&&w.right)&&(i=B(i)),i.endsWith("center")&&(i=F(i,w)),i!==p.current&&(g(i),e&&e(i))},[e,r]),s=a.useMemo(()=>L.debounce(h,n),[h,n]);return a.useEffect(()=>(s(),window.addEventListener("resize",s),window.addEventListener("scroll",s),()=>{window.removeEventListener("resize",s),window.removeEventListener("scroll",s),s.cancel()}),[s]),{anchorRef:f,popperRef:c,position:u}}exports.useFlipPosition=j;

package/dist/useFlipPosition-pGmVUUhs.js

@@ -1,133 +0,0 @@
-import { d as S } from "./index-CzwAoGdL.js";
-import { useRef as v, useState as B, useEffect as P, useCallback as F, useMemo as T } from "react";
-function $(t) {
-  return t.startsWith("top") ? t.replace("top", "bottom") : t.replace("bottom", "top");
-}
-function j(t) {
-  return t.endsWith("left") ? t.replace("left", "right") : t.endsWith("right") ? t.replace("right", "left") : t;
-}
-function A(t, e) {
-  return t.endsWith("center") ? e.left && !e.right ? t.replace("center", "right") : e.right && !e.left ? t.replace("center", "left") : t : t;
-}
-function I(t, e) {
-  const r = RegExp(/matrix\(([^)]+)\)/).exec(t);
-  if (!r) return `scale(${e})`;
-  const n = r[1].split(",").map((l) => parseFloat(l.trim()));
-  return n.length !== 6 ? `scale(${e})` : (n[0] = e, n[3] = e, `matrix(${n.join(", ")})`);
-}
-function U(t, e) {
-  let r;
-  switch (t) {
-    case "top-left":
-    case "bottom-left":
-      r = e.left;
-      break;
-    case "top-center":
-    case "bottom-center":
-      r = e.left + e.width / 2;
-      break;
-    case "top-right":
-    case "bottom-right":
-      r = e.right;
-      break;
-    default:
-      r = e.left + e.width / 2;
-  }
-  const n = t.startsWith("top") ? e.top : e.bottom;
-  return { anchorX: r, anchorY: n };
-}
-function Y(t, e, r, n) {
-  let l = 0, f = 0;
-  switch (t) {
-    case "top-left":
-    case "bottom-left":
-      l = e;
-      break;
-    case "top-center":
-    case "bottom-center":
-      l = e - n.width / 2;
-      break;
-    case "top-right":
-    case "bottom-right":
-      l = e - n.width;
-      break;
-  }
-  switch (t) {
-    case "top-left":
-    case "top-center":
-    case "top-right":
-      f = r - n.height;
-      break;
-    case "bottom-left":
-    case "bottom-center":
-    case "bottom-right":
-      f = r;
-      break;
-  }
-  return { top: f, left: l };
-}
-function q(t, e, r, n, l, f, c) {
-  const a = t < f, p = t + r.height > l - f, h = e < f, m = e + r.width > n - f;
-  if (c == null)
-    return {
-      top: a,
-      bottom: p,
-      left: h,
-      right: m
-    };
-  const u = Math.min(r.bottom, l) - Math.max(t, 0), s = Math.min(r.right, n) - Math.max(e, 0), g = a && p ? u >= c ? { top: !1, bottom: !1 } : u < r.height / 2 ? { top: !0, bottom: !1 } : { top: !1, bottom: !0 } : a ? { top: u < c, bottom: !1 } : p ? { top: !1, bottom: u < c } : { top: !1, bottom: !1 }, o = h && m ? s >= c ? { left: !1, right: !1 } : s < r.width / 2 ? { left: !0, right: !1 } : { left: !1, right: !0 } : h ? { left: s < c, right: !1 } : m ? { left: !1, right: s < c } : { left: !1, right: !1 };
-  return {
-    top: g.top,
-    bottom: g.bottom,
-    left: o.left,
-    right: o.right
-  };
-}
-function J({
-  initialPosition: t,
-  onPositionChange: e,
-  padding: r = 8,
-  debounceWait: n = 50,
-  minVisible: l
-}) {
-  const f = v(null), c = v(null), [a, p] = B(t), h = v(t);
-  P(() => {
-    h.current = t;
-  }, [t]);
-  const m = v(a);
-  P(() => {
-    m.current = a;
-  }, [a]);
-  const u = F(() => {
-    const g = f.current, o = c.current;
-    if (!g || !o) return;
-    const b = h.current, W = g.getBoundingClientRect(), { anchorX: k, anchorY: x } = U(b, W), w = window.getComputedStyle(o), E = w.display !== "none" && w.visibility !== "hidden" && w.opacity !== "0";
-    let y;
-    if (E)
-      y = o.getBoundingClientRect();
-    else {
-      const H = w.transform || "none", L = I(H, 1);
-      o.style.setProperty("opacity", "0", "important"), o.style.setProperty("transform", L, "important"), o.style.setProperty("visibility", "hidden", "important"), o.style.setProperty("position", "absolute", "important"), o.style.setProperty("transition", "none", "important"), o.offsetHeight, y = o.getBoundingClientRect(), o.style.removeProperty("opacity"), o.style.removeProperty("transform"), o.style.removeProperty("visibility"), o.style.removeProperty("position"), o.style.removeProperty("transition");
-    }
-    const M = window.innerWidth, O = window.innerHeight, { top: z, left: C } = Y(b, k, x, y), d = q(
-      z,
-      C,
-      y,
-      M,
-      O,
-      r,
-      l
-    );
-    let i = b;
-    (b.startsWith("top") && d.top || b.startsWith("bottom") && d.bottom) && (i = $(i)), (i.endsWith("left") && d.left || i.endsWith("right") && d.right) && (i = j(i)), i.endsWith("center") && (i = A(i, d)), i !== m.current && (p(i), e && e(i));
-  }, [e, r]), s = T(
-    () => S(u, n),
-    [u, n]
-  );
-  return P(() => (s(), window.addEventListener("resize", s), window.addEventListener("scroll", s), () => {
-    window.removeEventListener("resize", s), window.removeEventListener("scroll", s), s.cancel();
-  }), [s]), { anchorRef: f, popperRef: c, position: a };
-}
-export {
-  J as u
-};