ekm-ui 0.3.2 → 0.3.5

package/dist/card-payment-block.mjs

@@ -1,38 +1,39 @@
-export { c as CardPaymentBlock } from './chunk-OZBN2ZC6.mjs';
+export { c as CardPaymentBlock } from './chunk-SQ6HYZPW.mjs';
+import './chunk-ZHHTK7UM.mjs';
+import './chunk-QWPN2UNV.mjs';
+import './chunk-ASCPOK5F.mjs';
+import './chunk-FAFXVD4P.mjs';
+import './chunk-256SAVHD.mjs';
+import './chunk-VPLCWU7T.mjs';
 import './chunk-3ZCDEN7B.mjs';
 import './chunk-HDNA6QBW.mjs';
 import './chunk-HAQTLD4G.mjs';
 import './chunk-X6GXSTW7.mjs';
-import './chunk-ZHHTK7UM.mjs';
-import './chunk-QWPN2UNV.mjs';
+import './chunk-EQANFKDN.mjs';
 import './chunk-RMX72FR3.mjs';
 import './chunk-NI4IFVX3.mjs';
 import './chunk-25FJ277C.mjs';
-import './chunk-FAFXVD4P.mjs';
-import './chunk-256SAVHD.mjs';
-import './chunk-VPLCWU7T.mjs';
+import './chunk-BIU2AAPZ.mjs';
 import './chunk-EIUBW4B6.mjs';
 import './chunk-B2KVPYRJ.mjs';
 import './chunk-OT256LE6.mjs';
 import './chunk-FJQEJBBY.mjs';
 import './chunk-UVKFEZEW.mjs';
 import './chunk-EWNPNF2B.mjs';
-import './chunk-YQAMEBON.mjs';
-import './chunk-EQANFKDN.mjs';
+import './chunk-2PQACPVE.mjs';
+import './chunk-ER4YVWM3.mjs';
 import './chunk-ZT7KDTGF.mjs';
 import './chunk-WU66HPYP.mjs';
 import './chunk-FRIXS4BL.mjs';
 import './chunk-LWDFKEBO.mjs';
 import './chunk-PJMH47GY.mjs';
 import './chunk-KAQJAKQH.mjs';
-import './chunk-BIU2AAPZ.mjs';
 import './chunk-VASBTVLS.mjs';
 import './chunk-YTTLKTRL.mjs';
 import './chunk-T2OVPC6F.mjs';
 import './chunk-2IZBG5JT.mjs';
 import './chunk-ZPLTGYYM.mjs';
 import './chunk-QRNTMHBL.mjs';
-import './chunk-ER4YVWM3.mjs';
 import './chunk-NS6AVKX7.mjs';
 import './chunk-BISZCSUR.mjs';
 import './chunk-O3QYDTAF.mjs';
@@ -42,7 +43,7 @@ import './chunk-UGSJ7PI7.mjs';
 import './chunk-S7V4MUJ2.mjs';
 import './chunk-QTAUYFKM.mjs';
 import './chunk-SAXGEQRG.mjs';
-import './chunk-LN7UO7PK.mjs';
+import './chunk-KC6MIMS4.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=card-payment-block.mjs.map

package/dist/card.d.ts

@@ -0,0 +1,7 @@
+declare function Card({ className, children, ...props }: {
+    [x: string]: any;
+    className: any;
+    children: any;
+}): JSX.Element;
+
+export { Card };

package/dist/card.mjs

@@ -0,0 +1,9 @@
+import { a as a$1 } from './chunk-H33QAJXR.mjs';
+import { c, b, a } from './chunk-RUPJ2ZHA.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function p(t){var e=t,{className:r,children:g}=e,i=c(e,["className","children"]);return jsx("div",b(a({className:a$1("flex flex-col rounded-lg border border-gray-200 bg-white px-5 py-4 shadow-sm dark:border-gray-700 dark:bg-gray-800",r&&r)},i),{children:jsx("div",{className:"flex h-full flex-col justify-center gap-4",children:g})}))}
+
+export { p as Card };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=card.mjs.map

package/dist/card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/card.tsx"],"names":["jsx","Card","_a","_b","className","children","props","__objRest","__spreadProps","__spreadValues","twMerge"],"mappings":"2FAYM,cAAAA,MAAA,oBATC,SAASC,EAAKC,EAAmC,CAAnC,IAAAC,EAAAD,EAAE,WAAAE,EAAW,SAAAC,CAHlC,EAGqBF,EAA0BG,EAAAC,EAA1BJ,EAA0B,CAAxB,YAAW,aAChC,OACEH,EAAC,MAAAQ,EAAAC,EAAA,CACC,UAAWC,EACT,qHACAN,GAAaA,CACf,GACIE,GALL,CAOC,SAAAN,EAAC,OAAI,UAAU,4CACZ,SAAAK,EACH,GACF,CAEJ","sourcesContent":["//@ts-nocheck\nimport { twMerge } from \"tailwind-merge\";\n\nexport function Card({ className, children, ...props }) {\n  return (\n    <div\n      className={twMerge(\n        \"flex flex-col rounded-lg border border-gray-200 bg-white px-5 py-4 shadow-sm dark:border-gray-700 dark:bg-gray-800\",\n        className && className\n      )}\n      {...props}\n    >\n      <div className=\"flex h-full flex-col justify-center gap-4\">\n        {children}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-YQAMEBON.mjs → chunk-2PQACPVE.mjs}

@@ -1,8 +1,8 @@
 import { Breadcrumb } from 'flowbite-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function d({children:s,title:i,text:m,breadcrumbs:r}){return r==null&&(r=[]),jsx("div",{className:"border-b bg-white p-8 shadow-sm dark:border-gray-700 dark:bg-gray-800 lg:flex lg:items-center lg:justify-between",children:jsxs("div",{className:"flex w-full flex-wrap items-center justify-between gap-x-8 gap-y-4 sm:flex-nowrap ",children:[jsxs("div",{children:[jsx(Breadcrumb,{"aria-label":"Default breadcrumb example",children:r.map(t=>jsx(Breadcrumb.Item,{className:" cursor-pointer hover:underline",children:t.linkLabel},t.linkURL))}),jsx("h2",{className:"mt-2 text-xl font-semibold leading-7 text-gray-900 dark:text-white sm:truncate",children:i}),jsx("p",{className:" text-sm font-normal text-gray-500 dark:text-gray-400",children:m})]}),jsx("div",{className:"mt-1 flex flex-shrink-0 flex-col sm:mt-0 sm:flex-row sm:flex-wrap sm:space-x-6",children:s})]})})}
+function d({children:s,title:i,text:m,breadcrumbs:t}){return t==null&&(t=[]),jsx("div",{className:"border-b bg-white p-8 shadow-sm dark:border-gray-700 dark:bg-gray-800 lg:flex lg:items-center lg:justify-between",children:jsxs("div",{className:"flex w-full flex-wrap items-center justify-between gap-x-8 gap-y-4 sm:flex-nowrap ",children:[jsxs("div",{children:[jsx(Breadcrumb,{"aria-label":"Default breadcrumb example",children:t.map(r=>jsx(Breadcrumb.Item,{className:" cursor-pointer hover:underline",children:r.linkLabel},r.linkURL))}),jsx("h2",{className:"mt-2 text-xl font-semibold leading-7 text-gray-900 dark:text-white sm:truncate",children:i}),jsx("p",{className:" text-sm font-normal text-gray-500 dark:text-gray-400",children:m})]}),jsx("div",{className:"mt-1 flex flex-shrink-0 flex-col sm:mt-0 sm:flex-row sm:flex-wrap sm:space-x-6",children:s})]})})}
 
 export { d as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-YQAMEBON.mjs.map
+//# sourceMappingURL=chunk-2PQACPVE.mjs.map

package/dist/chunk-2PQACPVE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/page-header.tsx"],"names":["Breadcrumb","jsx","jsxs","PageHeader","children","title","text","breadcrumbs","breadcrumb"],"mappings":"AACA,OAAS,cAAAA,MAAkB,iBAgBnB,OAGM,OAAAC,EAHN,QAAAC,MAAA,oBAPD,SAASC,EAAW,CAAE,SAAAC,EAAU,MAAAC,EAAO,KAAAC,EAAM,YAAAC,CAAY,EAAU,CACxE,OAAIA,GAAe,OACjBA,EAAc,CAAC,GAGfN,EAAC,OAAI,UAAU,mHACb,SAAAC,EAAC,OAAI,UAAU,qFACb,UAAAA,EAAC,OACC,UAAAD,EAACD,EAAA,CAAW,aAAW,6BACpB,SAAAO,EAAY,IAAKC,GAChBP,EAACD,EAAW,KAAX,CAEC,UAAU,kCAET,SAAAQ,EAAW,WAHPA,EAAW,OAIlB,CACD,EACH,EACAP,EAAC,MAAG,UAAU,iFACX,SAAAI,EACH,EACAJ,EAAC,KAAE,UAAU,wDACV,SAAAK,EACH,GACF,EAEAL,EAAC,OAAI,UAAU,iFACZ,SAAAG,EACH,GACF,EACF,CAEJ","sourcesContent":["//@ts-nocheck\nimport { Breadcrumb } from \"flowbite-react\";\n\ntype Props = {\n  title: string;\n  text?: string | Element[];\n  children?: JSX.Element;\n  breadcrumbs: Array<{ linkLabel: string; linkURL: string }>;\n};\n\nexport function PageHeader({ children, title, text, breadcrumbs }: Props) {\n  if (breadcrumbs == null) {\n    breadcrumbs = [];\n  }\n  return (\n    <div className=\"border-b bg-white p-8 shadow-sm dark:border-gray-700 dark:bg-gray-800 lg:flex lg:items-center lg:justify-between\">\n      <div className=\"flex w-full flex-wrap items-center justify-between gap-x-8 gap-y-4 sm:flex-nowrap \">\n        <div>\n          <Breadcrumb aria-label=\"Default breadcrumb example\">\n            {breadcrumbs.map((breadcrumb) => (\n              <Breadcrumb.Item\n                key={breadcrumb.linkURL}\n                className=\" cursor-pointer hover:underline\"\n              >\n                {breadcrumb.linkLabel}\n              </Breadcrumb.Item>\n            ))}\n          </Breadcrumb>\n          <h2 className=\"mt-2 text-xl font-semibold leading-7 text-gray-900 dark:text-white sm:truncate\">\n            {title}\n          </h2>\n          <p className=\" text-sm font-normal text-gray-500 dark:text-gray-400\">\n            {text}\n          </p>\n        </div>\n\n        <div className=\"mt-1 flex flex-shrink-0 flex-col sm:mt-0 sm:flex-row sm:flex-wrap sm:space-x-6\">\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-ASCPOK5F.mjs

@@ -0,0 +1,9 @@
+import { useRef, useEffect } from 'react';
+import s from 'clsx';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function y({children:i,content:n,tooltopPos:l,width:d}){let e=useRef(),a=useRef(),o=()=>{if(a.current&&e.current){let r=a.current.getBoundingClientRect(),t=e.current.getBoundingClientRect();["top","right","bottom","left"].find(b=>{switch(b){case"top":return r.top>=t.height;case"right":return window.innerWidth-r.right>=t.width;case"bottom":return window.innerHeight-r.bottom>=t.height;case"left":return r.left>=t.width;default:return !1}});}};return useEffect(()=>(o(),window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o);}),[]),jsxs("div",{className:"group relative block w-fit p-2",ref:a,children:[i,jsx("div",{className:s("invisible absolute z-50 w-full whitespace-normal break-words rounded-md bg-black px-3 py-1 text-xs text-white opacity-0 after:absolute after:h-0 after:w-0 after:border-solid group-hover:visible group-hover:opacity-100 dark:bg-gray-700",{top:"bottom-full left-1/2 -translate-x-1/2 after:-bottom-[4px] after:left-1/2 after:-translate-x-1/2 after:border-b-0 after:border-l-[5px] after:border-r-[5px] after:border-t-[5px] after:border-transparent after:border-t-black dark:after:border-t-gray-700",right:"left-full top-1/2 -translate-y-1/2 after:-left-[4px] after:top-1/2 after:-translate-y-1/2 after:border-b-[5px] after:border-l-[0px] after:border-r-[5px] after:border-t-[5px] after:border-transparent after:border-r-black dark:after:border-r-gray-700",bottom:"left-1/2 top-full -translate-x-1/2 after:-top-[4px] after:left-1/2 after:-translate-x-1/2 after:border-b-[5px] after:border-l-[5px] after:border-r-[5px] after:border-t-[0px] after:border-transparent after:border-b-black dark:after:border-b-gray-700",left:"right-full top-1/2 -translate-y-1/2 after:-right-[4px] after:top-1/2 after:-translate-y-1/2 after:border-b-[5px] after:border-l-[5px] after:border-r-[0px] after:border-t-[5px] after:border-transparent after:border-l-black dark:after:border-l-gray-700"}[l]),ref:e,style:{width:`${d}px`},children:n})]})}
+
+export { y as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-ASCPOK5F.mjs.map

package/dist/chunk-ASCPOK5F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tooltip/tooltip.tsx"],"names":["useEffect","useRef","clsx","jsx","jsxs","ToolTip","children","content","tooltopPos","width","tooltipRef","childRef","updateTooltipPosition","childRect","tooltipRect","newPosition","pos"],"mappings":"AACA,OAAmB,aAAAA,EAAW,UAAAC,MAAc,QAC5C,OAAOC,MAAU,OAwCb,OAEE,OAAAC,EAFF,QAAAC,MAAA,oBAtCG,SAASC,EAAQ,CAAE,SAAAC,EAAU,QAAAC,EAAS,WAAAC,EAAY,MAAAC,CAAM,EAAG,CAChE,IAAMC,EAAaT,EAAO,EACpBU,EAAWV,EAAO,EAElBW,EAAwB,IAAM,CAClC,GAAID,EAAS,SAAWD,EAAW,QAAS,CAC1C,IAAMG,EAAYF,EAAS,QAAQ,sBAAsB,EACnDG,EAAcJ,EAAW,QAAQ,sBAAsB,EAIvDK,EAHY,CAAC,MAAO,QAAS,SAAU,MAAM,EAGrB,KAAMC,GAAQ,CAC1C,OAAQA,EAAK,CACX,IAAK,MACH,OAAOH,EAAU,KAAOC,EAAY,OACtC,IAAK,QACH,OAAO,OAAO,WAAaD,EAAU,OAASC,EAAY,MAC5D,IAAK,SACH,OAAO,OAAO,YAAcD,EAAU,QAAUC,EAAY,OAC9D,IAAK,OACH,OAAOD,EAAU,MAAQC,EAAY,MACvC,QACE,MAAO,EACX,CACF,CAAC,EAEL,EAEA,OAAAd,EAAU,KACRY,EAAsB,EACtB,OAAO,iBAAiB,SAAUA,CAAqB,EAEhD,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAqB,CAC5D,GACC,CAAC,CAAC,EAGHR,EAAC,OAAI,UAAU,iCAAiC,IAAKO,EAClD,UAAAL,EACDH,EAAC,OACC,UAAWD,EACT,6OACA,CACE,IAAK,6PACL,MACE,2PACF,OACE,2PACF,KAAM,4PACR,EAAEM,CAAU,CAEd,EACA,IAAKE,EACL,MAAO,CAAE,MAAO,GAAGD,KAAU,EAE5B,SAAAF,EACH,GACF,CAEJ","sourcesContent":["//@ts-nocheck\nimport { useState, useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\n\nexport function ToolTip({ children, content, tooltopPos, width }) {\n  const tooltipRef = useRef();\n  const childRef = useRef();\n\n  const updateTooltipPosition = () => {\n    if (childRef.current && tooltipRef.current) {\n      const childRect = childRef.current.getBoundingClientRect();\n      const tooltipRect = tooltipRef.current.getBoundingClientRect();\n      const positions = [\"top\", \"right\", \"bottom\", \"left\"];\n\n      // Find a position where the tooltip fits\n      const newPosition = positions.find((pos) => {\n        switch (pos) {\n          case \"top\":\n            return childRect.top >= tooltipRect.height;\n          case \"right\":\n            return window.innerWidth - childRect.right >= tooltipRect.width;\n          case \"bottom\":\n            return window.innerHeight - childRect.bottom >= tooltipRect.height;\n          case \"left\":\n            return childRect.left >= tooltipRect.width;\n          default:\n            return false;\n        }\n      });\n    }\n  };\n\n  useEffect(() => {\n    updateTooltipPosition();\n    window.addEventListener(\"resize\", updateTooltipPosition);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateTooltipPosition);\n    };\n  }, []);\n\n  return (\n    <div className=\"group relative block w-fit p-2\" ref={childRef}>\n      {children}\n      <div\n        className={clsx(\n          \"invisible absolute z-50 w-full whitespace-normal break-words rounded-md bg-black px-3 py-1 text-xs text-white opacity-0 after:absolute after:h-0 after:w-0 after:border-solid group-hover:visible group-hover:opacity-100 dark:bg-gray-700\",\n          {\n            top: \"bottom-full left-1/2 -translate-x-1/2 after:-bottom-[4px] after:left-1/2 after:-translate-x-1/2 after:border-b-0 after:border-l-[5px] after:border-r-[5px] after:border-t-[5px] after:border-transparent after:border-t-black dark:after:border-t-gray-700\",\n            right:\n              \"left-full top-1/2 -translate-y-1/2 after:-left-[4px] after:top-1/2 after:-translate-y-1/2 after:border-b-[5px] after:border-l-[0px] after:border-r-[5px] after:border-t-[5px] after:border-transparent after:border-r-black dark:after:border-r-gray-700\",\n            bottom:\n              \"left-1/2 top-full -translate-x-1/2 after:-top-[4px] after:left-1/2 after:-translate-x-1/2 after:border-b-[5px] after:border-l-[5px] after:border-r-[5px] after:border-t-[0px] after:border-transparent after:border-b-black dark:after:border-b-gray-700\",\n            left: \"right-full top-1/2 -translate-y-1/2 after:-right-[4px] after:top-1/2 after:-translate-y-1/2 after:border-b-[5px] after:border-l-[5px] after:border-r-[0px] after:border-t-[5px] after:border-transparent after:border-l-black dark:after:border-l-gray-700\",\n          }[tooltopPos]\n          // takes the tooltip Positon and adds the relevant classes to the tooltip box to adjust the position of the box to the child element.\n        )}\n        ref={tooltipRef}\n        style={{ width: `${width}px` }}\n      >\n        {content}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-KC6MIMS4.mjs

@@ -0,0 +1,9 @@
+import { c, b as b$1, a } from './chunk-RUPJ2ZHA.mjs';
+import { variantProps } from 'classname-variants/react';
+import { jsx } from 'react/jsx-runtime';
+
+var b=variantProps({base:"group flex items-stretch items-center justify-center p-0.5 text-center font-medium relative focus:z-10 focus:outline-none rounded-lg",variants:{color:{default:"focus:outline-none text-white bg-cyan-700 border border-transparent enabled:hover:bg-cyan-800 focus:ring-cyan-300 dark:bg-cyan-600 dark:enabled:hover:bg-cyan-700 dark:focus:ring-cyan-800 rounded-lg focus:ring-2",dark:"enabled:hover:bg-gray-900 focus:ring-4 focus:ring-gray-300 dark:bg-gray-800 dark:enabled:hover:bg-gray-700 dark:focus:ring-gray-800 dark:border-gray-700",failure:"enabled:hover:bg-red-800 focus:ring-4 focus:ring-red-300 dark:enabled:hover:bg-red-700 dark:focus:ring-red-900",gray:"text-gray-900 bg-white border border-gray-200 enabled:hover:bg-gray-100 enabled:hover:text-cyan-700 :ring-cyan-700 focus:text-cyan-700 dark:bg-transparent dark:text-gray-400 dark:border-gray-600 dark:enabled:hover:text-white dark:enabled:hover:bg-gray-700 focus:ring-2",info:"enabled:hover:bg-cyan-800 focus:ring-4 focus:ring-cyan-300 dark:bg-cyan-600 dark:enabled:hover:bg-cyan-700 dark:focus:ring-cyan-800",light:"text-gray-900 bg-white border border-gray-300 enabled:hover:bg-gray-100 focus:ring-4 focus:ring-cyan-300 dark:bg-gray-600 dark:text-white dark:border-gray-600 dark:enabled:hover:bg-gray-700 dark:enabled:hover:border-gray-700 dark:focus:ring-gray-700",success:"enabled:hover:bg-green-800 focus:ring-4 focus:ring-green-300 dark:enabled:hover:bg-green-700 dark:focus:ring-green-800",warning:"enabled:hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300 dark:focus:ring-yellow-900"},disabled:{true:"cursor-not-allowed opacity-50",false:""},outline:{true:"border bg-transparent",false:""}},compoundVariants:[{variants:{color:"dark",outline:!0},className:"text-gray-800 border-gray-800 hover:text-white"},{variants:{color:"dark",outline:!1},className:"border-0 text-white bg-gray-800"},{variants:{color:"failure",outline:!0},className:"text-red-700 border-red-700 hover:text-white"},{variants:{color:"failure",outline:!1},className:"border-0 text-white bg-red-700"},{variants:{color:"info",outline:!0},className:"text-cyan-700 border-cyan-700 hover:text-white"},{variants:{color:"info",outline:!1},className:"text-white bg-cyan-700"},{variants:{color:"success",outline:!0},className:"text-green-700 border-green-700 hover:text-white"},{variants:{color:"success",outline:!1},className:"text-white bg-green-700"},{variants:{color:"warning",outline:!0},className:"text-yellow-400 border-yellow-400 hover:text-white"},{variants:{color:"warning",outline:!1},className:"text-white bg-yellow-400"},{variants:{color:"gray",outline:!0},className:"text-gray-900 bg-white hover:text-white border border-gray-200"},{variants:{color:"gray",outline:!1},className:"text-gray-900 bg-white border border-gray-200"}]}),u=Object.freeze({xs:"text-xs px-2 py-1",sm:"text-sm px-3 py-1.5",md:"text-sm px-4 py-2",lg:"text-base px-5 py-2.5",xl:"text-base px-6 py-3"});function h(y){var r=y,{color:n="default",disabled:s,outline:g,size:l="md",children:i}=r,d=c(r,["color","disabled","outline","size","children"]);return jsx("button",b$1(a(a({},b({color:n,disabled:s,outline:g})),d),{children:jsx("span",{className:`flex items-center rounded-md transition-all duration-200 ${u[l]}`,children:i})}))}
+
+export { h as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-KC6MIMS4.mjs.map

package/dist/chunk-KC6MIMS4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button.tsx"],"names":["variantProps","jsx","buttonProps","sizes","Button","_a","_b","color","disabled","outline","size","children","props","__objRest","__spreadProps","__spreadValues"],"mappings":"uDACA,OAAS,gBAAAA,MAAoB,2BAwIvB,cAAAC,MAAA,oBAtIN,IAAMC,EAAcF,EAAa,CAC/B,KAAM,uIACN,SAAU,CACR,MAAO,CACL,QACE,qNACF,KAAM,2JACN,QACE,iHACF,KAAM,+QACN,KAAM,sIACN,MACE,4PACF,QACE,yHACF,QACE,2FACJ,EACA,SAAU,CACR,KAAM,gCACN,MAAO,EACT,EACA,QAAS,CACP,KAAM,wBACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,SAAU,CACR,MAAO,OACP,QAAS,EACX,EACA,UAAW,gDACb,EACA,CACE,SAAU,CACR,MAAO,OACP,QAAS,EACX,EACA,UAAW,iCACb,EACA,CACE,SAAU,CACR,MAAO,UACP,QAAS,EACX,EACA,UAAW,8CACb,EACA,CACE,SAAU,CACR,MAAO,UACP,QAAS,EACX,EACA,UAAW,gCACb,EACA,CACE,SAAU,CACR,MAAO,OACP,QAAS,EACX,EACA,UAAW,gDACb,EACA,CACE,SAAU,CACR,MAAO,OACP,QAAS,EACX,EACA,UAAW,wBACb,EACA,CACE,SAAU,CACR,MAAO,UACP,QAAS,EACX,EACA,UAAW,kDACb,EACA,CACE,SAAU,CACR,MAAO,UACP,QAAS,EACX,EACA,UAAW,yBACb,EACA,CACE,SAAU,CACR,MAAO,UACP,QAAS,EACX,EACA,UAAW,oDACb,EACA,CACE,SAAU,CACR,MAAO,UACP,QAAS,EACX,EACA,UAAW,0BACb,EACA,CACE,SAAU,CACR,MAAO,OACP,QAAS,EACX,EACA,UACE,gEACJ,EACA,CACE,SAAU,CACR,MAAO,OACP,QAAS,EACX,EACA,UAAW,+CACb,CACF,CACF,CAAC,EAEKG,EAAQ,OAAO,OAAO,CAC1B,GAAI,oBACJ,GAAI,sBACJ,GAAI,oBACJ,GAAI,wBACJ,GAAI,qBACN,CAAC,EAEM,SAASC,EAAOC,EAOpB,CAPoB,IAAAC,EAAAD,EACrB,OAAAE,EAAQ,UACR,SAAAC,EACA,QAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,CApIF,EA+HuBL,EAMlBM,EAAAC,EANkBP,EAMlB,CALH,QACA,WACA,UACA,OACA,aAGA,OACEL,EAAC,SAAAa,EAAAC,IAAA,GAAWb,EAAY,CAAE,MAAAK,EAAO,SAAAC,EAAU,QAAAC,CAAQ,CAAC,GAAOG,GAA1D,CACC,SAAAX,EAAC,QACC,UAAW,4DAA4DE,EAAMO,CAAI,IAEhF,SAAAC,EACH,GACF,CAEJ","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\n\nconst buttonProps = variantProps({\n  base: \"group flex items-stretch items-center justify-center p-0.5 text-center font-medium relative focus:z-10 focus:outline-none rounded-lg\",\n  variants: {\n    color: {\n      default:\n        \"focus:outline-none text-white bg-cyan-700 border border-transparent enabled:hover:bg-cyan-800 focus:ring-cyan-300 dark:bg-cyan-600 dark:enabled:hover:bg-cyan-700 dark:focus:ring-cyan-800 rounded-lg focus:ring-2\",\n      dark: \"enabled:hover:bg-gray-900 focus:ring-4 focus:ring-gray-300 dark:bg-gray-800 dark:enabled:hover:bg-gray-700 dark:focus:ring-gray-800 dark:border-gray-700\",\n      failure:\n        \"enabled:hover:bg-red-800 focus:ring-4 focus:ring-red-300 dark:enabled:hover:bg-red-700 dark:focus:ring-red-900\",\n      gray: \"text-gray-900 bg-white border border-gray-200 enabled:hover:bg-gray-100 enabled:hover:text-cyan-700 :ring-cyan-700 focus:text-cyan-700 dark:bg-transparent dark:text-gray-400 dark:border-gray-600 dark:enabled:hover:text-white dark:enabled:hover:bg-gray-700 focus:ring-2\",\n      info: \"enabled:hover:bg-cyan-800 focus:ring-4 focus:ring-cyan-300 dark:bg-cyan-600 dark:enabled:hover:bg-cyan-700 dark:focus:ring-cyan-800\",\n      light:\n        \"text-gray-900 bg-white border border-gray-300 enabled:hover:bg-gray-100 focus:ring-4 focus:ring-cyan-300 dark:bg-gray-600 dark:text-white dark:border-gray-600 dark:enabled:hover:bg-gray-700 dark:enabled:hover:border-gray-700 dark:focus:ring-gray-700\",\n      success:\n        \"enabled:hover:bg-green-800 focus:ring-4 focus:ring-green-300 dark:enabled:hover:bg-green-700 dark:focus:ring-green-800\",\n      warning:\n        \"enabled:hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300 dark:focus:ring-yellow-900\",\n    },\n    disabled: {\n      true: \"cursor-not-allowed opacity-50\",\n      false: \"\",\n    },\n    outline: {\n      true: \"border bg-transparent\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      variants: {\n        color: \"dark\",\n        outline: true,\n      },\n      className: \"text-gray-800 border-gray-800 hover:text-white\",\n    },\n    {\n      variants: {\n        color: \"dark\",\n        outline: false,\n      },\n      className: \"border-0 text-white bg-gray-800\",\n    },\n    {\n      variants: {\n        color: \"failure\",\n        outline: true,\n      },\n      className: \"text-red-700 border-red-700 hover:text-white\",\n    },\n    {\n      variants: {\n        color: \"failure\",\n        outline: false,\n      },\n      className: \"border-0 text-white bg-red-700\",\n    },\n    {\n      variants: {\n        color: \"info\",\n        outline: true,\n      },\n      className: \"text-cyan-700 border-cyan-700 hover:text-white\",\n    },\n    {\n      variants: {\n        color: \"info\",\n        outline: false,\n      },\n      className: \"text-white bg-cyan-700\",\n    },\n    {\n      variants: {\n        color: \"success\",\n        outline: true,\n      },\n      className: \"text-green-700 border-green-700 hover:text-white\",\n    },\n    {\n      variants: {\n        color: \"success\",\n        outline: false,\n      },\n      className: \"text-white bg-green-700\",\n    },\n    {\n      variants: {\n        color: \"warning\",\n        outline: true,\n      },\n      className: \"text-yellow-400 border-yellow-400 hover:text-white\",\n    },\n    {\n      variants: {\n        color: \"warning\",\n        outline: false,\n      },\n      className: \"text-white bg-yellow-400\",\n    },\n    {\n      variants: {\n        color: \"gray\",\n        outline: true,\n      },\n      className:\n        \"text-gray-900 bg-white hover:text-white border border-gray-200\",\n    },\n    {\n      variants: {\n        color: \"gray\",\n        outline: false,\n      },\n      className: \"text-gray-900 bg-white border border-gray-200\",\n    },\n  ],\n});\n\nconst sizes = Object.freeze({\n  xs: \"text-xs px-2 py-1\",\n  sm: \"text-sm px-3 py-1.5\",\n  md: \"text-sm px-4 py-2\",\n  lg: \"text-base px-5 py-2.5\",\n  xl: \"text-base px-6 py-3\",\n});\n\nexport function Button({\n  color = \"default\",\n  disabled,\n  outline,\n  size = \"md\",\n  children,\n  ...props\n}) {\n  return (\n    <button {...buttonProps({ color, disabled, outline })} {...props}>\n      <span\n        className={`flex items-center rounded-md transition-all duration-200 ${sizes[size]}`}\n      >\n        {children}\n      </span>\n    </button>\n  );\n}\n"]}

package/dist/{chunk-OZBN2ZC6.mjs → chunk-SQ6HYZPW.mjs}

@@ -1,5 +1,5 @@
-import { a as a$1, b } from './chunk-HAQTLD4G.mjs';
 import { a as a$2 } from './chunk-256SAVHD.mjs';
+import { a as a$1, b } from './chunk-HAQTLD4G.mjs';
 import { a as a$3 } from './chunk-OT256LE6.mjs';
 import { a } from './chunk-LWDFKEBO.mjs';
 import { a as a$4 } from './chunk-EWY53DIV.mjs';
@@ -13,4 +13,4 @@ function X({cardPayment:a$1,enablePayPal:i}){return jsxs(Card,{className:"border
 
 export { j as a, Z as b, X as c };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-OZBN2ZC6.mjs.map
+//# sourceMappingURL=chunk-SQ6HYZPW.mjs.map