ekm-ui 0.4.16 → 0.4.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,7 +10,7 @@ Browserslist: caniuse-lite is outdated. Please run:
10
10
  npx update-browserslist-db@latest
11
11
  Why you should do it regularly: https://github.com/browserslist/update-db#readme
12
12
  DTS Build start
13
- DTS ⚡️ Build success in 67025ms
13
+ DTS ⚡️ Build success in 66390ms
14
14
  DTS dist/index.d.ts 3.59 KB
15
15
  DTS dist/footer-heart-icon.d.ts 70.00 B
16
16
  DTS dist/accordion.d.ts 2.25 KB
@@ -41,7 +41,7 @@ Browserslist: caniuse-lite is outdated. Please run:
41
41
  DTS dist/loading-button.d.ts 509.00 B
42
42
  DTS dist/love-footer.d.ts 145.00 B
43
43
  DTS dist/mini-feature-block.d.ts 254.00 B
44
- DTS dist/modal.d.ts 1.76 KB
44
+ DTS dist/modal.d.ts 1.79 KB
45
45
  DTS dist/no-results-block.d.ts 256.00 B
46
46
  DTS dist/navbar/navbar.d.ts 292.00 B
47
47
  DTS dist/sidebar/sidebar.d.ts 166.00 B
@@ -174,7 +174,7 @@ Browserslist: caniuse-lite is outdated. Please run:
174
174
  ESM dist/dashboard-notification.js 238.00 B
175
175
  ESM dist/date-range-picker.js 347.00 B
176
176
  ESM dist/drag-and-drop.js 2.12 KB
177
- ESM dist/chunk-HOZWJNIB.js 29.02 KB
177
+ ESM dist/chunk-GGXK2F5W.js 29.02 KB
178
178
  ESM dist/chunk-52VBZOHL.js 2.06 KB
179
179
  ESM dist/chunk-AL2UT5U7.js 75.66 KB
180
180
  ESM dist/chunk-YZ2YZSNQ.js 2.37 KB
@@ -210,12 +210,12 @@ Browserslist: caniuse-lite is outdated. Please run:
210
210
  ESM dist/chunk-AO5TGD7T.js 1.44 KB
211
211
  ESM dist/chunk-WVAVR5V6.js 347.00 B
212
212
  ESM dist/chunk-CNJDESTL.js 588.00 B
213
- ESM dist/chunk-TXDBBVCI.js 878.00 B
214
- ESM dist/chunk-HTXOCBXA.js 4.62 KB
213
+ ESM dist/chunk-QWGVJUJN.js 894.00 B
214
+ ESM dist/chunk-QL56KDLV.js 4.67 KB
215
215
  ESM dist/chunk-Y2GINGVR.js 2.99 KB
216
216
  ESM dist/chunk-ESJIQMQJ.js 738.00 B
217
217
  ESM dist/chunk-IY6WVOAI.js 764.00 B
218
- ESM dist/chunk-VGGEDWFD.js 2.52 KB
218
+ ESM dist/chunk-XUMA37J7.js 2.52 KB
219
219
  ESM dist/chunk-AVTJXS4U.js 544.00 B
220
220
  ESM dist/chunk-NDDDT4TO.js 1.63 KB
221
221
  ESM dist/chunk-QMOPWIA3.js 3.48 KB
@@ -319,7 +319,7 @@ Browserslist: caniuse-lite is outdated. Please run:
319
319
  ESM dist/dashboard-notification.js.map 51.00 B
320
320
  ESM dist/date-range-picker.js.map 51.00 B
321
321
  ESM dist/drag-and-drop.js.map 51.00 B
322
- ESM dist/chunk-HOZWJNIB.js.map 80.90 KB
322
+ ESM dist/chunk-GGXK2F5W.js.map 80.90 KB
323
323
  ESM dist/chunk-52VBZOHL.js.map 4.67 KB
324
324
  ESM dist/chunk-YZ2YZSNQ.js.map 5.68 KB
325
325
  ESM dist/chunk-THOZT55U.js.map 5.31 KB
@@ -338,13 +338,13 @@ Browserslist: caniuse-lite is outdated. Please run:
338
338
  ESM dist/chunk-YXTGVTGL.js.map 929.00 B
339
339
  ESM dist/chunk-EZPRW5WN.js.map 4.23 KB
340
340
  ESM dist/chunk-XKE3VK6Z.js.map 1.08 KB
341
- ESM dist/chunk-7WJGATIR.js.map 2.92 KB
342
341
  ESM dist/chunk-RTRHNOTP.js.map 1.27 KB
342
+ ESM dist/chunk-7WJGATIR.js.map 2.92 KB
343
343
  ESM dist/chunk-JHGOFDVG.js.map 1.76 KB
344
344
  ESM dist/chunk-U26NV6PE.js.map 8.39 KB
345
- ESM dist/chunk-XXP5K6Y4.js.map 24.62 KB
346
345
  ESM dist/chunk-2VS7BVWY.js.map 1.30 KB
347
346
  ESM dist/chunk-QCHLLBHM.js.map 2.86 KB
347
+ ESM dist/chunk-XXP5K6Y4.js.map 24.62 KB
348
348
  ESM dist/chunk-LIXVY47P.js.map 2.16 KB
349
349
  ESM dist/chunk-G2WGEIWK.js.map 3.33 KB
350
350
  ESM dist/chunk-OIYYCRK2.js.map 4.07 KB
@@ -354,12 +354,12 @@ Browserslist: caniuse-lite is outdated. Please run:
354
354
  ESM dist/chunk-AO5TGD7T.js.map 1.85 KB
355
355
  ESM dist/chunk-WVAVR5V6.js.map 762.00 B
356
356
  ESM dist/chunk-CNJDESTL.js.map 1.16 KB
357
- ESM dist/chunk-TXDBBVCI.js.map 2.18 KB
358
- ESM dist/chunk-HTXOCBXA.js.map 8.67 KB
357
+ ESM dist/chunk-QWGVJUJN.js.map 2.25 KB
358
+ ESM dist/chunk-QL56KDLV.js.map 8.84 KB
359
359
  ESM dist/chunk-Y2GINGVR.js.map 4.53 KB
360
360
  ESM dist/chunk-ESJIQMQJ.js.map 1.20 KB
361
361
  ESM dist/chunk-IY6WVOAI.js.map 1.57 KB
362
- ESM dist/chunk-VGGEDWFD.js.map 5.47 KB
362
+ ESM dist/chunk-XUMA37J7.js.map 5.48 KB
363
363
  ESM dist/chunk-AVTJXS4U.js.map 1.06 KB
364
364
  ESM dist/chunk-NDDDT4TO.js.map 3.64 KB
365
365
  ESM dist/chunk-QMOPWIA3.js.map 8.07 KB
@@ -396,4 +396,4 @@ Browserslist: caniuse-lite is outdated. Please run:
396
396
  ESM dist/chunk-TJMI4DH2.js.map 117.04 KB
397
397
  ESM dist/chunk-6LHL364H.js.map 62.53 KB
398
398
  ESM dist/chunk-AL2UT5U7.js.map 711.41 KB
399
- ESM ⚡️ Build success in 72795ms
399
+ ESM ⚡️ Build success in 73466ms
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # ekm-ui
2
2
 
3
+ ## 0.4.18
4
+
5
+ ### Patch Changes
6
+
7
+ - 66981aba: Fix modal title
8
+
3
9
  ## 0.4.16
4
10
 
5
11
  ### Patch Changes
@@ -1,4 +1,4 @@
1
- export { h as CardPaymentBlock } from './chunk-HOZWJNIB.js';
1
+ export { h as CardPaymentBlock } from './chunk-GGXK2F5W.js';
2
2
  import './chunk-52VBZOHL.js';
3
3
  import './chunk-AL2UT5U7.js';
4
4
  import './chunk-YZ2YZSNQ.js';
@@ -34,12 +34,12 @@ import './chunk-TBJGGVSZ.js';
34
34
  import './chunk-AO5TGD7T.js';
35
35
  import './chunk-WVAVR5V6.js';
36
36
  import './chunk-CNJDESTL.js';
37
- import './chunk-TXDBBVCI.js';
38
- import './chunk-HTXOCBXA.js';
37
+ import './chunk-QWGVJUJN.js';
38
+ import './chunk-QL56KDLV.js';
39
39
  import './chunk-Y2GINGVR.js';
40
40
  import './chunk-ESJIQMQJ.js';
41
41
  import './chunk-IY6WVOAI.js';
42
- import './chunk-VGGEDWFD.js';
42
+ import './chunk-XUMA37J7.js';
43
43
  import './chunk-AVTJXS4U.js';
44
44
  import './chunk-NDDDT4TO.js';
45
45
  import './chunk-QMOPWIA3.js';
@@ -6,9 +6,9 @@ import { a as a$a } from './chunk-XXP5K6Y4.js';
6
6
  import { a as a$k } from './chunk-OIYYCRK2.js';
7
7
  import { a as a$5 } from './chunk-TBJGGVSZ.js';
8
8
  import { a as a$e } from './chunk-AO5TGD7T.js';
9
- import { a as a$8 } from './chunk-HTXOCBXA.js';
9
+ import { a as a$8 } from './chunk-QL56KDLV.js';
10
10
  import { a as a$b } from './chunk-ESJIQMQJ.js';
11
- import { a as a$2 } from './chunk-VGGEDWFD.js';
11
+ import { a as a$2 } from './chunk-XUMA37J7.js';
12
12
  import { a as a$d } from './chunk-AVTJXS4U.js';
13
13
  import { a as a$c } from './chunk-NDDDT4TO.js';
14
14
  import { a as a$4 } from './chunk-ER5CL77P.js';
@@ -33,4 +33,4 @@ function Je({cardPayment:r,enablePayPal:e}){return jsxs(a$4,{className:"border-0
33
33
 
34
34
  export { lr as a, Cr as b, se as c, He as d, K as e, Ue as f, sr as g, Je as h };
35
35
  //# sourceMappingURL=out.js.map
36
- //# sourceMappingURL=chunk-HOZWJNIB.js.map
36
+ //# sourceMappingURL=chunk-GGXK2F5W.js.map
@@ -4,8 +4,8 @@ import { variantProps } from 'classname-variants/react';
4
4
  import { forwardRef } from 'react';
5
5
  import { jsx, jsxs } from 'react/jsx-runtime';
6
6
 
7
- var a=e(a$1(),1);var p=variantProps({base:"block p-2.5 w-full text-sm border text-sm rounded-lg",variants:{color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray"}}),v=variantProps({base:"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10",variants:{color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray"}}),w=variantProps({base:"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none",variants:{position:{left:"rounded-r-lg",right:"rounded-l-lg"},color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray",position:"left"}}),y=forwardRef(function(e,k){let{color:t,disabled:l,type:d,placeholder:n,id:g,icon:u,addon:s,position:c}=e;return u?jsx("div",{className:e.className&&e.className,children:jsxs("div",{className:"relative",children:[jsx("div",{className:"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5",children:u}),jsx("input",b(a$2({},v({color:t})),{type:d||"text",id:g,ref:k,placeholder:n||"Enter your text here...",name:e.name,disabled:l,onChange:e.onChange,value:e.value,onKeyDown:e.onKeyDown}))]})}):s?jsx("div",{className:e.className&&e.className,children:jsxs("div",{className:l?"flex cursor-not-allowed opacity-50":"flex",children:[c=="left"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-l-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400",children:s}),jsx("input",b(a$2({},w({color:t,position:c})),{type:d||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value,onKeyDown:e.onKeyDown})),c=="right"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-r-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400",children:s})]})}):jsx("div",{className:e.className&&e.className,children:jsx("div",{className:l?"relative cursor-not-allowed opacity-50":"relative",children:jsx("input",a$2({type:d||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value,onKeyDown:e.onKeyDown},p({color:t})))})})});y.propTypes={id:a.default.string.isRequired,placeholder:a.default.string,color:a.default.oneOf(["gray","failure","success"]),icon:a.default.element,addon:a.default.element,disabled:a.default.bool,position:a.default.oneOf(["left","right"])};y.displayName="TextInput";
7
+ var a=e(a$1(),1);var v=variantProps({base:"block p-2.5 w-full text-sm border text-sm rounded-lg",variants:{color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray"}}),p=variantProps({base:"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10",variants:{color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray"}}),w=variantProps({base:"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none",variants:{position:{left:"rounded-r-lg",right:"rounded-l-lg"},color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray",position:"left"}}),y=forwardRef(function(e,k){let{color:t,disabled:l,type:d,placeholder:n,id:g,icon:u,addon:s,position:c}=e;return u?jsx("div",{className:e.className&&e.className,children:jsxs("div",{className:"relative",children:[jsx("div",{className:"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5",children:u}),jsx("input",b(a$2({},p({color:t})),{type:d||"text",id:g,ref:k,placeholder:n||"Enter your text here...",name:e.name,disabled:l,onChange:e.onChange,value:e.value,onKeyDown:e.onKeyDown}))]})}):s?jsx("div",{className:e.className&&e.className,children:jsxs("div",{className:l?"flex cursor-not-allowed opacity-50":"flex",children:[c=="left"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-l-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400",children:s}),jsx("input",b(a$2({},w({color:t,position:c})),{type:d||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value,onKeyDown:e.onKeyDown})),c=="right"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-r-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400",children:s})]})}):jsx("div",{className:e.className&&e.className,children:jsx("div",{className:l?"relative cursor-not-allowed opacity-50":"relative",children:jsx("input",a$2({type:d||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value,onKeyDown:e.onKeyDown,readOnly:e.readOnly||!1},v({color:t})))})})});y.propTypes={id:a.default.string.isRequired,placeholder:a.default.string,color:a.default.oneOf(["gray","failure","success"]),icon:a.default.element,addon:a.default.element,disabled:a.default.bool,position:a.default.oneOf(["left","right"]),readOnly:a.default.bool};y.displayName="TextInput";
8
8
 
9
9
  export { y as a };
10
10
  //# sourceMappingURL=out.js.map
11
- //# sourceMappingURL=chunk-HTXOCBXA.js.map
11
+ //# sourceMappingURL=chunk-QL56KDLV.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/textinput.tsx"],"names":["import_prop_types","variantProps","forwardRef","jsx","jsxs","textInputProps","iconProps","addonProps","TextInput","props","ref","color","disabled","type","placeholder","id","icon","addon","position","__spreadProps","__spreadValues","PropTypes"],"mappings":"yFAEA,IAAAA,EAAsB,SADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,cAAAC,MAAkB,QA6DnB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3DR,IAAMC,EAAiBJ,EAAa,CAClC,KAAM,uDACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKK,EAAYL,EAAa,CAC7B,KAAM,6DACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKM,EAAaN,EAAa,CAC9B,KAAM,gEACN,SAAU,CACR,SAAU,CACR,KAAM,eACN,MAAO,cACT,EACA,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,OACP,SAAU,MACZ,CACF,CAAC,EAEYO,EAAYN,EAAW,SAAmBO,EAAOC,EAAK,CACjE,GAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,YAAAC,EAAa,GAAAC,EAAI,KAAAC,EAAM,MAAAC,EAAO,SAAAC,CAAS,EACpET,EACF,OAAIO,EAEAb,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAU,0EACZ,SAAAa,EACH,EACAb,EAAC,QAAAgB,EAAAC,EAAA,GACKd,EAAU,CAAE,MAAAK,CAAM,CAAC,GADxB,CAEC,KAAME,GAAc,OACpB,GAAIE,EACJ,IAAKL,EACL,YAAaI,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUG,EACV,SAAUH,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,WACnB,GACF,EACF,EAEOQ,EAEPd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OACC,UAAWQ,EAAW,qCAAuC,OAE5D,UAAAM,GAAY,QACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,EAEFd,EAAC,QAAAgB,EAAAC,EAAA,GACKb,EAAW,CAAE,MAAAI,EAAO,SAAAO,CAAS,CAAC,GADnC,CAEC,KAAML,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,WACnB,EACCS,GAAY,SACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,GAEJ,EACF,EAIAd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAN,EAAC,OACC,UACES,EAAW,yCAA2C,WAGxD,SAAAT,EAAC,QAAAiB,EAAA,CACC,KAAMP,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,UACjB,SAAUA,EAAM,UAAY,IACxBJ,EAAe,CAAE,MAAAM,CAAM,CAAC,EAC9B,EACF,EACF,CAGN,CAAC,EAEDH,EAAU,UAAY,CAEpB,GAAI,EAAAa,QAAU,OAAO,WAErB,YAAa,EAAAA,QAAU,OAEvB,MAAO,EAAAA,QAAU,MAAM,CAAC,OAAQ,UAAW,SAAS,CAAC,EAErD,KAAM,EAAAA,QAAU,QAEhB,MAAO,EAAAA,QAAU,QAEjB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,MAAM,CAAC,OAAQ,OAAO,CAAC,EAE3C,SAAU,EAAAA,QAAU,IACtB,EAEAb,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\n\nconst textInputProps = variantProps({\n base: \"block p-2.5 w-full text-sm border text-sm rounded-lg\",\n variants: {\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n },\n});\n\nconst iconProps = variantProps({\n base: \"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10\",\n variants: {\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n },\n});\n\nconst addonProps = variantProps({\n base: \"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none\",\n variants: {\n position: {\n left: \"rounded-r-lg\",\n right: \"rounded-l-lg\",\n },\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n position: \"left\",\n },\n});\n\nexport const TextInput = forwardRef(function TextInput(props, ref) {\n const { color, disabled, type, placeholder, id, icon, addon, position } =\n props;\n if (icon) {\n return (\n <div className={props.className && props.className}>\n <div className=\"relative\">\n <div className=\"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5\">\n {icon}\n </div>\n <input\n {...iconProps({ color })}\n type={type ? type : \"text\"}\n id={id}\n ref={ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n disabled={disabled}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n />\n </div>\n </div>\n );\n } else if (addon) {\n return (\n <div className={props.className && props.className}>\n <div\n className={disabled ? \"flex cursor-not-allowed opacity-50\" : \"flex\"}\n >\n {position == \"left\" && (\n <span className=\"rounded-e-0 inline-flex items-center rounded-l-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n {addon}\n </span>\n )}\n <input\n {...addonProps({ color, position })}\n type={type ? type : \"text\"}\n id={id}\n ref={props.ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n />\n {position == \"right\" && (\n <span className=\"rounded-e-0 inline-flex items-center rounded-r-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n {addon}\n </span>\n )}\n </div>\n </div>\n );\n } else {\n return (\n <div className={props.className && props.className}>\n <div\n className={\n disabled ? \"relative cursor-not-allowed opacity-50\" : \"relative\"\n }\n >\n <input\n type={type ? type : \"text\"}\n id={id}\n ref={props.ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n readOnly={props.readOnly || false}\n {...textInputProps({ color })}\n />\n </div>\n </div>\n );\n }\n});\n\nTextInput.propTypes = {\n /** Unique id for the TextInput Component */\n id: PropTypes.string.isRequired,\n /** Optional placeholder text for TextInput Component */\n placeholder: PropTypes.string,\n /** Optional color defaults to gray. Failure and Success options available*/\n color: PropTypes.oneOf([\"gray\", \"failure\", \"success\"]),\n /** Optional icon TextInput Component */\n icon: PropTypes.element,\n /** Optional addon TextInput Component */\n addon: PropTypes.element,\n /** Optional to disable component */\n disabled: PropTypes.bool,\n /** Optional for position of Addon */\n position: PropTypes.oneOf([\"left\", \"right\"]),\n /** Optional to mark component as read Only */\n readOnly: PropTypes.bool,\n};\n\nTextInput.displayName = \"TextInput\";\n"]}
@@ -0,0 +1,9 @@
1
+ import { a } from './chunk-QL56KDLV.js';
2
+ import { useState, useEffect } from 'react';
3
+ import { jsxs, jsx } from 'react/jsx-runtime';
4
+
5
+ function u({id:t,name:r,text:l}){let[s,a$1]=useState(!1);useEffect(()=>{let e=setInterval(()=>{a$1(!1);},1e3);return ()=>clearInterval(e)},[s]);let p=()=>{let e=document.getElementById(t);e&&(e.select(),e.setSelectionRange(0,99999),navigator.clipboard.writeText(e.value),a$1(!0));};return jsxs("div",{className:"relative rounded-md shadow-sm",children:[jsx(a,{id:t,name:r,color:s?"success":"gray",value:l,type:"text",disabled:!0,readOnly:!0}),jsx("button",{id:`btn-${t}`,className:"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3",onClick:p,children:jsx("span",{className:"text-gray-500 sm:text-sm",children:"COPY"})})]})}u.displayName="InputCopy";
6
+
7
+ export { u as a };
8
+ //# sourceMappingURL=out.js.map
9
+ //# sourceMappingURL=chunk-QWGVJUJN.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/input-copy.tsx"],"names":["useEffect","useState","jsx","jsxs","InputCopy","id","name","text","selected","setSelected","interval","handleCopy","copy","TextInput"],"mappings":"wCACA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QA+BhC,OACE,OAAAC,EADF,QAAAC,MAAA,oBAtBG,SAASC,EAAU,CAAE,GAAAC,EAAI,KAAAC,EAAM,KAAAC,CAAK,EAAmB,CAC5D,GAAM,CAACC,EAAUC,CAAW,EAAIR,EAAS,EAAK,EAE9CD,EAAU,IAAM,CACd,IAAMU,EAAW,YAAY,IAAM,CACjCD,EAAY,EAAK,CACnB,EAAG,GAAI,EAEP,MAAO,IAAM,cAAcC,CAAQ,CACrC,EAAG,CAACF,CAAQ,CAAC,EAEb,IAAMG,EAAa,IAAM,CACvB,IAAMC,EAAO,SAAS,eAAeP,CAAE,EACnCO,IACFA,EAAK,OAAO,EACZA,EAAK,kBAAkB,EAAG,KAAK,EAC/B,UAAU,UAAU,UAAUA,EAAK,KAAK,EACxCH,EAAY,EAAI,EAEpB,EAEA,OACEN,EAAC,OAAI,UAAU,gCACb,UAAAD,EAACW,EAAA,CACC,GAAIR,EACJ,KAAMC,EACN,MAAOE,EAAW,UAAY,OAC9B,MAAOD,EACP,KAAK,OACL,SAAQ,GACR,SAAQ,GACV,EACAL,EAAC,UACC,GAAI,OAAOG,IACX,UAAU,mEACV,QAASM,EAET,SAAAT,EAAC,QAAK,UAAU,2BAA2B,gBAE3C,EACF,GACF,CAEJ,CAEAE,EAAU,YAAc","sourcesContent":["// @ts-nocheck\nimport { useEffect, useState } from \"react\";\nimport { TextInput } from \"./textinput\";\n\ntype InputCopyProps = {\n id: string;\n name: string;\n text: string;\n};\n\nexport function InputCopy({ id, name, text }: InputCopyProps) {\n const [selected, setSelected] = useState(false);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setSelected(false);\n }, 1000);\n\n return () => clearInterval(interval);\n }, [selected]);\n\n const handleCopy = () => {\n const copy = document.getElementById(id) as HTMLInputElement;\n if (copy) {\n copy.select();\n copy.setSelectionRange(0, 99999);\n navigator.clipboard.writeText(copy.value);\n setSelected(true);\n }\n };\n\n return (\n <div className=\"relative rounded-md shadow-sm\">\n <TextInput\n id={id}\n name={name}\n color={selected ? \"success\" : \"gray\"}\n value={text}\n type=\"text\"\n disabled\n readOnly\n />\n <button\n id={`btn-${id}`}\n className=\"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3\"\n onClick={handleCopy}\n >\n <span className=\"text-gray-500 sm:text-sm\">\n COPY\n </span>\n </button>\n </div>\n );\n}\n\nInputCopy.displayName = \"InputCopy\";\n"]}
@@ -0,0 +1,11 @@
1
+ import { a } from './chunk-6LHL364H.js';
2
+ import { e as e$1, c, b, a as a$1 } from './chunk-Z4LPO673.js';
3
+ import { variantProps } from 'classname-variants/react';
4
+ import { FaTimes } from 'react-icons/fa';
5
+ import { jsx, jsxs } from 'react/jsx-runtime';
6
+
7
+ var e=e$1(a(),1);var w=variantProps({base:"relative p-4 w-full max-h-full ",variants:{size:{xsm:"max-w-md",sm:"max-w-xl",md:"max-w-2xl",lg:"max-w-3xl"},defaultVariants:{size:"md"}}});function d(N){var m=N,{children:t,title:a,show:o=!0}=m,n=c(m,["children","title","show"]);if(!o)return jsx("div",{});let c$1=()=>jsxs("div",{className:"flex items-center justify-between rounded-t border-b pb-3 dark:border-gray-600",children:[jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:a}),u()]}),u=(g=!1)=>jsxs("button",{type:"button",className:`${g&&"absolute end-2.5 top-3"} ms-auto inline-flex h-8 w-8 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white`,"data-modal-hide":"default-modal",onClick:n.onClose,children:[jsx(FaTimes,{}),jsx("span",{className:"sr-only",children:"Close modal"})]});return jsx("div",{id:"default-modal",tabIndex:"-1","aria-hidden":"true",className:"fixed left-0 right-0 top-0 z-50 flex h-[calc(100%-1rem)] max-h-full w-full items-center justify-center overflow-y-auto overflow-x-hidden bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50 md:inset-0",role:"dialog",children:jsx("div",b(a$1({},w(n)),{children:jsxs("div",{className:"relative rounded-lg bg-white pl-4 pr-4 pt-4 shadow dark:bg-gray-700",children:[a?c$1():u(!0),t]})}))})}function l({children:t}){return jsx("div",{children:t})}function s({children:t,border:a=!0,alignment:o="center"}){return jsx("div",{className:`flex gap-4 ${o=="center"&&"justify-center"} ${o=="left"&&"justify-start"} ${o=="right"&&"justify-end"} items-end p-4 md:p-5 ${a&&"border-t"} rounded-b border-gray-200 dark:border-gray-600`,children:t})}d.Body=l;d.Footer=s;d.defaultProps={size:"md"};d.propTypes={title:e.default.string,show:e.default.bool,size:e.default.oneOf(["xsm","sm","md","lg"]),onClose:e.default.func.isRequired,children:e.default.node.isRequired};l.propTypes={children:e.default.node.isRequired};s.propTypes={border:e.default.bool,children:e.default.node.isRequired,alignment:e.default.oneOf(["left","center","right"])};d.displayName="Modal";s.displayName="ModalFooter";l.displayName="ModalBody";
8
+
9
+ export { d as a, l as b, s as c };
10
+ //# sourceMappingURL=out.js.map
11
+ //# sourceMappingURL=chunk-XUMA37J7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/modal.tsx"],"names":["import_prop_types","variantProps","FaTimes","jsx","jsxs","modalProps","Modal","_a","_b","children","title","show","props","__objRest","renderHeadedModal","renderCloseButton","isHeadless","__spreadProps","__spreadValues","ModalBody","ModalFooter","border","alignment","PropTypes"],"mappings":"qGAEA,IAAAA,EAAsB,SADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,WAAAC,MAAe,iBAkBJ,cAAAC,EAGhB,QAAAC,MAHgB,oBAhBpB,IAAMC,EAAaJ,EAAa,CAC9B,KAAM,kCACN,SAAU,CACR,KAAM,CACJ,IAAK,WACL,GAAI,WACJ,GAAI,YACJ,GAAI,WACN,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,CAAC,EAEM,SAASK,EAAMC,EAA4C,CAA5C,IAAAC,EAAAD,EAAE,UAAAE,EAAU,MAAAC,EAAO,KAAAC,EAAO,EApBhD,EAoBsBH,EAAmCI,EAAAC,EAAnCL,EAAmC,CAAjC,WAAU,QAAO,SACvC,GAAI,CAACG,EAAM,OAAOR,EAAC,QAAI,EAEvB,IAAMW,EAAoB,IACxBV,EAAC,OAAI,UAAU,iFACb,UAAAD,EAAC,MAAG,UAAU,sDACX,SAAAO,EACH,EACCK,EAAkB,GACrB,EAGIA,EAAoB,CAACC,EAAa,KACtCZ,EAAC,UACC,KAAK,SACL,UAAW,GACTY,GAAc,sNAEhB,kBAAgB,gBAChB,QAASJ,EAAM,QAEf,UAAAT,EAACD,EAAA,EAAQ,EACTC,EAAC,QAAK,UAAU,UAAU,uBAAW,GACvC,EAGF,OACEA,EAAC,OACC,GAAG,gBACH,SAAS,KACT,cAAY,OACZ,UAAU,oNACV,KAAK,SAEL,SAAAA,EAAC,MAAAc,EAAAC,EAAA,GAAQb,EAAWO,CAAK,GAAxB,CACC,SAAAR,EAAC,OAAI,UAAU,sEACZ,UAAAM,EAAQI,EAAkB,EAAIC,EAAkB,EAAI,EACpDN,GACH,GACF,EACF,CAEJ,CAEO,SAASU,EAAU,CAAE,SAAAV,CAAS,EAAG,CACtC,OAAON,EAAC,OAAK,SAAAM,EAAS,CACxB,CAEO,SAASW,EAAY,CAAE,SAAAX,EAAU,OAAAY,EAAS,GAAM,UAAAC,EAAY,QAAS,EAAG,CAC7E,OACEnB,EAAC,OACC,UAAW,cAAcmB,GAAa,UAAY,oBAChDA,GAAa,QAAU,mBACrBA,GAAa,SAAW,sCAC1BD,GAAU,4DAGX,SAAAZ,EACH,CAEJ,CAEAH,EAAM,KAAOa,EACbb,EAAM,OAASc,EAEfd,EAAM,aAAe,CACnB,KAAM,IACR,EAEAA,EAAM,UAAY,CAEhB,MAAO,EAAAiB,QAAU,OAEjB,KAAM,EAAAA,QAAU,KAEhB,KAAM,EAAAA,QAAU,MAAM,CAAC,MAAO,KAAM,KAAM,IAAI,CAAC,EAE/C,QAAS,EAAAA,QAAU,KAAK,WAExB,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAJ,EAAU,UAAY,CAEpB,SAAU,EAAAI,QAAU,KAAK,UAC3B,EAEAH,EAAY,UAAY,CAEtB,OAAQ,EAAAG,QAAU,KAClB,SAAU,EAAAA,QAAU,KAAK,WACzB,UAAW,EAAAA,QAAU,MAAM,CAAC,OAAQ,SAAU,OAAO,CAAC,CACxD,EAEAjB,EAAM,YAAc,QACpBc,EAAY,YAAc,cAC1BD,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { FaTimes } from \"react-icons/fa\";\n\nconst modalProps = variantProps({\n base: \"relative p-4 w-full max-h-full \",\n variants: {\n size: {\n xsm: \"max-w-md\",\n sm: \"max-w-xl\",\n md: \"max-w-2xl\",\n lg: \"max-w-3xl\",\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n});\n\nexport function Modal({ children, title, show = true, ...props }) {\n if (!show) return <div />;\n\n const renderHeadedModal = () => (\n <div className=\"flex items-center justify-between rounded-t border-b pb-3 dark:border-gray-600\">\n <h3 className=\"text-xl font-semibold text-gray-900 dark:text-white\">\n {title}\n </h3>\n {renderCloseButton()}\n </div>\n );\n\n const renderCloseButton = (isHeadless = false) => (\n <button\n type=\"button\"\n className={`${\n isHeadless && \"absolute end-2.5 top-3\"\n } ms-auto inline-flex h-8 w-8 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white`}\n data-modal-hide=\"default-modal\"\n onClick={props.onClose}\n >\n <FaTimes />\n <span className=\"sr-only\">Close modal</span>\n </button>\n );\n\n return (\n <div\n id=\"default-modal\"\n tabIndex=\"-1\"\n aria-hidden=\"true\"\n className=\"fixed left-0 right-0 top-0 z-50 flex h-[calc(100%-1rem)] max-h-full w-full items-center justify-center overflow-y-auto overflow-x-hidden bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50 md:inset-0\"\n role=\"dialog\"\n >\n <div {...modalProps(props)}>\n <div className=\"relative rounded-lg bg-white pl-4 pr-4 pt-4 shadow dark:bg-gray-700\">\n {title ? renderHeadedModal() : renderCloseButton(true)}\n {children}\n </div>\n </div>\n </div>\n );\n}\n\nexport function ModalBody({ children }) {\n return <div>{children}</div>;\n}\n\nexport function ModalFooter({ children, border = true, alignment = \"center\" }) {\n return (\n <div\n className={`flex gap-4 ${alignment == \"center\" && \"justify-center\"} ${\n alignment == \"left\" && \"justify-start\"\n } ${alignment == \"right\" && \"justify-end\"} items-end p-4 md:p-5 ${\n border && \"border-t\"\n } rounded-b border-gray-200 dark:border-gray-600`}\n >\n {children}\n </div>\n );\n}\n\nModal.Body = ModalBody;\nModal.Footer = ModalFooter;\n\nModal.defaultProps = {\n size: \"md\",\n};\n\nModal.propTypes = {\n /** Tile of the modal not providing a title makes this a headless modal */\n title: PropTypes.string,\n /** Whether or not the modal is visible */\n show: PropTypes.bool,\n /** Size of the modal */\n size: PropTypes.oneOf([\"xsm\", \"sm\", \"md\", \"lg\"]),\n /** Callback for the close action */\n onClose: PropTypes.func.isRequired,\n /** Modal.Body and Modal.Footer compounds used to build up the modal. The footer is optional */\n children: PropTypes.node.isRequired,\n};\n\nModalBody.propTypes = {\n /** Markup to make up the Modal content */\n children: PropTypes.node.isRequired,\n};\n\nModalFooter.propTypes = {\n /** Markup to make up the Modal Footer */\n border: PropTypes.bool,\n children: PropTypes.node.isRequired,\n alignment: PropTypes.oneOf([\"left\", \"center\", \"right\"]),\n};\n\nModal.displayName = \"Modal\";\nModalFooter.displayName = \"ModalFooter\";\nModalBody.displayName = \"ModalBody\";\n"]}
@@ -1,4 +1,4 @@
1
- export { g as CountryPicker } from '../chunk-HOZWJNIB.js';
1
+ export { g as CountryPicker } from '../chunk-GGXK2F5W.js';
2
2
  import '../chunk-52VBZOHL.js';
3
3
  import '../chunk-AL2UT5U7.js';
4
4
  import '../chunk-YZ2YZSNQ.js';
@@ -34,12 +34,12 @@ import '../chunk-TBJGGVSZ.js';
34
34
  import '../chunk-AO5TGD7T.js';
35
35
  import '../chunk-WVAVR5V6.js';
36
36
  import '../chunk-CNJDESTL.js';
37
- import '../chunk-TXDBBVCI.js';
38
- import '../chunk-HTXOCBXA.js';
37
+ import '../chunk-QWGVJUJN.js';
38
+ import '../chunk-QL56KDLV.js';
39
39
  import '../chunk-Y2GINGVR.js';
40
40
  import '../chunk-ESJIQMQJ.js';
41
41
  import '../chunk-IY6WVOAI.js';
42
- import '../chunk-VGGEDWFD.js';
42
+ import '../chunk-XUMA37J7.js';
43
43
  import '../chunk-AVTJXS4U.js';
44
44
  import '../chunk-NDDDT4TO.js';
45
45
  import '../chunk-QMOPWIA3.js';
@@ -1,4 +1,4 @@
1
- export { c as DragAndDrop } from './chunk-HOZWJNIB.js';
1
+ export { c as DragAndDrop } from './chunk-GGXK2F5W.js';
2
2
  import './chunk-52VBZOHL.js';
3
3
  import './chunk-AL2UT5U7.js';
4
4
  import './chunk-YZ2YZSNQ.js';
@@ -34,12 +34,12 @@ import './chunk-TBJGGVSZ.js';
34
34
  import './chunk-AO5TGD7T.js';
35
35
  import './chunk-WVAVR5V6.js';
36
36
  import './chunk-CNJDESTL.js';
37
- import './chunk-TXDBBVCI.js';
38
- import './chunk-HTXOCBXA.js';
37
+ import './chunk-QWGVJUJN.js';
38
+ import './chunk-QL56KDLV.js';
39
39
  import './chunk-Y2GINGVR.js';
40
40
  import './chunk-ESJIQMQJ.js';
41
41
  import './chunk-IY6WVOAI.js';
42
- import './chunk-VGGEDWFD.js';
42
+ import './chunk-XUMA37J7.js';
43
43
  import './chunk-AVTJXS4U.js';
44
44
  import './chunk-NDDDT4TO.js';
45
45
  import './chunk-QMOPWIA3.js';
@@ -1,4 +1,4 @@
1
- export { d as FilePicker } from '../chunk-HOZWJNIB.js';
1
+ export { d as FilePicker } from '../chunk-GGXK2F5W.js';
2
2
  import '../chunk-52VBZOHL.js';
3
3
  import '../chunk-AL2UT5U7.js';
4
4
  import '../chunk-YZ2YZSNQ.js';
@@ -34,12 +34,12 @@ import '../chunk-TBJGGVSZ.js';
34
34
  import '../chunk-AO5TGD7T.js';
35
35
  import '../chunk-WVAVR5V6.js';
36
36
  import '../chunk-CNJDESTL.js';
37
- import '../chunk-TXDBBVCI.js';
38
- import '../chunk-HTXOCBXA.js';
37
+ import '../chunk-QWGVJUJN.js';
38
+ import '../chunk-QL56KDLV.js';
39
39
  import '../chunk-Y2GINGVR.js';
40
40
  import '../chunk-ESJIQMQJ.js';
41
41
  import '../chunk-IY6WVOAI.js';
42
- import '../chunk-VGGEDWFD.js';
42
+ import '../chunk-XUMA37J7.js';
43
43
  import '../chunk-AVTJXS4U.js';
44
44
  import '../chunk-NDDDT4TO.js';
45
45
  import '../chunk-QMOPWIA3.js';
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { h as CardPaymentBlock, g as CountryPicker, c as DragAndDrop, d as FilePicker, b as Layout, f as ProductPicker, a as StackedListItem, e as TableResultBlock } from './chunk-HOZWJNIB.js';
1
+ export { h as CardPaymentBlock, g as CountryPicker, c as DragAndDrop, d as FilePicker, b as Layout, f as ProductPicker, a as StackedListItem, e as TableResultBlock } from './chunk-GGXK2F5W.js';
2
2
  export { a as Sort } from './chunk-52VBZOHL.js';
3
3
  export { a as TableHeader } from './chunk-AL2UT5U7.js';
4
4
  export { b as ToastProvider, c as useToast } from './chunk-YZ2YZSNQ.js';
@@ -34,12 +34,12 @@ export { a as Radio } from './chunk-TBJGGVSZ.js';
34
34
  export { a as Spinner } from './chunk-AO5TGD7T.js';
35
35
  export { a as TestComponent } from './chunk-WVAVR5V6.js';
36
36
  export { a as InputAddon } from './chunk-CNJDESTL.js';
37
- export { a as InputCopy } from './chunk-TXDBBVCI.js';
38
- export { a as TextInput } from './chunk-HTXOCBXA.js';
37
+ export { a as InputCopy } from './chunk-QWGVJUJN.js';
38
+ export { a as TextInput } from './chunk-QL56KDLV.js';
39
39
  export { a as LoadingButton } from './chunk-Y2GINGVR.js';
40
40
  export { a as LoveFooter } from './chunk-ESJIQMQJ.js';
41
41
  export { a as MiniFeatureBlock } from './chunk-IY6WVOAI.js';
42
- export { a as Modal } from './chunk-VGGEDWFD.js';
42
+ export { a as Modal } from './chunk-XUMA37J7.js';
43
43
  export { a as NoResultsBlock } from './chunk-AVTJXS4U.js';
44
44
  export { a as Drawer } from './chunk-NDDDT4TO.js';
45
45
  export { a as Dropdown } from './chunk-QMOPWIA3.js';
@@ -1,5 +1,5 @@
1
- export { a as InputCopy } from './chunk-TXDBBVCI.js';
2
- import './chunk-HTXOCBXA.js';
1
+ export { a as InputCopy } from './chunk-QWGVJUJN.js';
2
+ import './chunk-QL56KDLV.js';
3
3
  import './chunk-6LHL364H.js';
4
4
  import './chunk-Z4LPO673.js';
5
5
  //# sourceMappingURL=out.js.map
@@ -1,4 +1,4 @@
1
- export { b as Layout } from '../chunk-HOZWJNIB.js';
1
+ export { b as Layout } from '../chunk-GGXK2F5W.js';
2
2
  import '../chunk-52VBZOHL.js';
3
3
  import '../chunk-AL2UT5U7.js';
4
4
  import '../chunk-YZ2YZSNQ.js';
@@ -34,12 +34,12 @@ import '../chunk-TBJGGVSZ.js';
34
34
  import '../chunk-AO5TGD7T.js';
35
35
  import '../chunk-WVAVR5V6.js';
36
36
  import '../chunk-CNJDESTL.js';
37
- import '../chunk-TXDBBVCI.js';
38
- import '../chunk-HTXOCBXA.js';
37
+ import '../chunk-QWGVJUJN.js';
38
+ import '../chunk-QL56KDLV.js';
39
39
  import '../chunk-Y2GINGVR.js';
40
40
  import '../chunk-ESJIQMQJ.js';
41
41
  import '../chunk-IY6WVOAI.js';
42
- import '../chunk-VGGEDWFD.js';
42
+ import '../chunk-XUMA37J7.js';
43
43
  import '../chunk-AVTJXS4U.js';
44
44
  import '../chunk-NDDDT4TO.js';
45
45
  import '../chunk-QMOPWIA3.js';
package/dist/modal.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import PropTypes from 'prop-types';
2
2
 
3
- declare function Modal({ children, show, ...props }: {
3
+ declare function Modal({ children, title, show, ...props }: {
4
4
  [x: string]: any;
5
5
  children: any;
6
+ title: any;
6
7
  show?: boolean | undefined;
7
8
  }): JSX.Element;
8
9
  declare namespace Modal {
package/dist/modal.js CHANGED
@@ -1,4 +1,4 @@
1
- export { a as Modal, b as ModalBody, c as ModalFooter } from './chunk-VGGEDWFD.js';
1
+ export { a as Modal, b as ModalBody, c as ModalFooter } from './chunk-XUMA37J7.js';
2
2
  import './chunk-6LHL364H.js';
3
3
  import './chunk-Z4LPO673.js';
4
4
  //# sourceMappingURL=out.js.map
@@ -1,4 +1,4 @@
1
- export { f as ProductPicker } from '../chunk-HOZWJNIB.js';
1
+ export { f as ProductPicker } from '../chunk-GGXK2F5W.js';
2
2
  import '../chunk-52VBZOHL.js';
3
3
  import '../chunk-AL2UT5U7.js';
4
4
  import '../chunk-YZ2YZSNQ.js';
@@ -34,12 +34,12 @@ import '../chunk-TBJGGVSZ.js';
34
34
  import '../chunk-AO5TGD7T.js';
35
35
  import '../chunk-WVAVR5V6.js';
36
36
  import '../chunk-CNJDESTL.js';
37
- import '../chunk-TXDBBVCI.js';
38
- import '../chunk-HTXOCBXA.js';
37
+ import '../chunk-QWGVJUJN.js';
38
+ import '../chunk-QL56KDLV.js';
39
39
  import '../chunk-Y2GINGVR.js';
40
40
  import '../chunk-ESJIQMQJ.js';
41
41
  import '../chunk-IY6WVOAI.js';
42
- import '../chunk-VGGEDWFD.js';
42
+ import '../chunk-XUMA37J7.js';
43
43
  import '../chunk-AVTJXS4U.js';
44
44
  import '../chunk-NDDDT4TO.js';
45
45
  import '../chunk-QMOPWIA3.js';
@@ -1,4 +1,4 @@
1
- export { a as StackedListItem } from './chunk-HOZWJNIB.js';
1
+ export { a as StackedListItem } from './chunk-GGXK2F5W.js';
2
2
  import './chunk-52VBZOHL.js';
3
3
  import './chunk-AL2UT5U7.js';
4
4
  import './chunk-YZ2YZSNQ.js';
@@ -34,12 +34,12 @@ import './chunk-TBJGGVSZ.js';
34
34
  import './chunk-AO5TGD7T.js';
35
35
  import './chunk-WVAVR5V6.js';
36
36
  import './chunk-CNJDESTL.js';
37
- import './chunk-TXDBBVCI.js';
38
- import './chunk-HTXOCBXA.js';
37
+ import './chunk-QWGVJUJN.js';
38
+ import './chunk-QL56KDLV.js';
39
39
  import './chunk-Y2GINGVR.js';
40
40
  import './chunk-ESJIQMQJ.js';
41
41
  import './chunk-IY6WVOAI.js';
42
- import './chunk-VGGEDWFD.js';
42
+ import './chunk-XUMA37J7.js';
43
43
  import './chunk-AVTJXS4U.js';
44
44
  import './chunk-NDDDT4TO.js';
45
45
  import './chunk-QMOPWIA3.js';
@@ -1,4 +1,4 @@
1
- export { e as TableResultBlock } from './chunk-HOZWJNIB.js';
1
+ export { e as TableResultBlock } from './chunk-GGXK2F5W.js';
2
2
  import './chunk-52VBZOHL.js';
3
3
  import './chunk-AL2UT5U7.js';
4
4
  import './chunk-YZ2YZSNQ.js';
@@ -34,12 +34,12 @@ import './chunk-TBJGGVSZ.js';
34
34
  import './chunk-AO5TGD7T.js';
35
35
  import './chunk-WVAVR5V6.js';
36
36
  import './chunk-CNJDESTL.js';
37
- import './chunk-TXDBBVCI.js';
38
- import './chunk-HTXOCBXA.js';
37
+ import './chunk-QWGVJUJN.js';
38
+ import './chunk-QL56KDLV.js';
39
39
  import './chunk-Y2GINGVR.js';
40
40
  import './chunk-ESJIQMQJ.js';
41
41
  import './chunk-IY6WVOAI.js';
42
- import './chunk-VGGEDWFD.js';
42
+ import './chunk-XUMA37J7.js';
43
43
  import './chunk-AVTJXS4U.js';
44
44
  import './chunk-NDDDT4TO.js';
45
45
  import './chunk-QMOPWIA3.js';
package/dist/textinput.js CHANGED
@@ -1,4 +1,4 @@
1
- export { a as TextInput } from './chunk-HTXOCBXA.js';
1
+ export { a as TextInput } from './chunk-QL56KDLV.js';
2
2
  import './chunk-6LHL364H.js';
3
3
  import './chunk-Z4LPO673.js';
4
4
  //# sourceMappingURL=out.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ekm-ui",
3
- "version": "0.4.16",
3
+ "version": "0.4.18",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ],
@@ -34,16 +34,18 @@ export function InputCopy({ id, name, text }: InputCopyProps) {
34
34
  <TextInput
35
35
  id={id}
36
36
  name={name}
37
- color={selected ? "success" : "grey"}
37
+ color={selected ? "success" : "gray"}
38
38
  value={text}
39
39
  type="text"
40
40
  disabled
41
+ readOnly
41
42
  />
42
43
  <button
44
+ id={`btn-${id}`}
43
45
  className="absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3"
44
46
  onClick={handleCopy}
45
47
  >
46
- <span className="text-gray-500 sm:text-sm" id="price-currency">
48
+ <span className="text-gray-500 sm:text-sm">
47
49
  COPY
48
50
  </span>
49
51
  </button>
package/src/modal.tsx CHANGED
@@ -18,13 +18,13 @@ const modalProps = variantProps({
18
18
  },
19
19
  });
20
20
 
21
- export function Modal({ children, show = true, ...props }) {
21
+ export function Modal({ children, title, show = true, ...props }) {
22
22
  if (!show) return <div />;
23
23
 
24
24
  const renderHeadedModal = () => (
25
- <div className="flex items-center justify-between rounded-t border-b p-4 dark:border-gray-600 md:p-5">
25
+ <div className="flex items-center justify-between rounded-t border-b pb-3 dark:border-gray-600">
26
26
  <h3 className="text-xl font-semibold text-gray-900 dark:text-white">
27
- {props.title}
27
+ {title}
28
28
  </h3>
29
29
  {renderCloseButton()}
30
30
  </div>
@@ -54,7 +54,7 @@ export function Modal({ children, show = true, ...props }) {
54
54
  >
55
55
  <div {...modalProps(props)}>
56
56
  <div className="relative rounded-lg bg-white pl-4 pr-4 pt-4 shadow dark:bg-gray-700">
57
- {props.title ? renderHeadedModal() : renderCloseButton(true)}
57
+ {title ? renderHeadedModal() : renderCloseButton(true)}
58
58
  {children}
59
59
  </div>
60
60
  </div>
package/src/textinput.tsx CHANGED
@@ -128,6 +128,7 @@ export const TextInput = forwardRef(function TextInput(props, ref) {
128
128
  onChange={props.onChange}
129
129
  value={props.value}
130
130
  onKeyDown={props.onKeyDown}
131
+ readOnly={props.readOnly || false}
131
132
  {...textInputProps({ color })}
132
133
  />
133
134
  </div>
@@ -151,6 +152,8 @@ TextInput.propTypes = {
151
152
  disabled: PropTypes.bool,
152
153
  /** Optional for position of Addon */
153
154
  position: PropTypes.oneOf(["left", "right"]),
155
+ /** Optional to mark component as read Only */
156
+ readOnly: PropTypes.bool,
154
157
  };
155
158
 
156
159
  TextInput.displayName = "TextInput";
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/textinput.tsx"],"names":["import_prop_types","variantProps","forwardRef","jsx","jsxs","textInputProps","iconProps","addonProps","TextInput","props","ref","color","disabled","type","placeholder","id","icon","addon","position","__spreadProps","__spreadValues","PropTypes"],"mappings":"yFAEA,IAAAA,EAAsB,SADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,cAAAC,MAAkB,QA6DnB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3DR,IAAMC,EAAiBJ,EAAa,CAClC,KAAM,uDACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKK,EAAYL,EAAa,CAC7B,KAAM,6DACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKM,EAAaN,EAAa,CAC9B,KAAM,gEACN,SAAU,CACR,SAAU,CACR,KAAM,eACN,MAAO,cACT,EACA,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,OACP,SAAU,MACZ,CACF,CAAC,EAEYO,EAAYN,EAAW,SAAmBO,EAAOC,EAAK,CACjE,GAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,YAAAC,EAAa,GAAAC,EAAI,KAAAC,EAAM,MAAAC,EAAO,SAAAC,CAAS,EACpET,EACF,OAAIO,EAEAb,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAU,0EACZ,SAAAa,EACH,EACAb,EAAC,QAAAgB,EAAAC,EAAA,GACKd,EAAU,CAAE,MAAAK,CAAM,CAAC,GADxB,CAEC,KAAME,GAAc,OACpB,GAAIE,EACJ,IAAKL,EACL,YAAaI,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUG,EACV,SAAUH,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,WACnB,GACF,EACF,EAEOQ,EAEPd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OACC,UAAWQ,EAAW,qCAAuC,OAE5D,UAAAM,GAAY,QACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,EAEFd,EAAC,QAAAgB,EAAAC,EAAA,GACKb,EAAW,CAAE,MAAAI,EAAO,SAAAO,CAAS,CAAC,GADnC,CAEC,KAAML,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,WACnB,EACCS,GAAY,SACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,GAEJ,EACF,EAIAd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAN,EAAC,OACC,UACES,EAAW,yCAA2C,WAGxD,SAAAT,EAAC,QAAAiB,EAAA,CACC,KAAMP,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,WACbJ,EAAe,CAAE,MAAAM,CAAM,CAAC,EAC9B,EACF,EACF,CAGN,CAAC,EAEDH,EAAU,UAAY,CAEpB,GAAI,EAAAa,QAAU,OAAO,WAErB,YAAa,EAAAA,QAAU,OAEvB,MAAO,EAAAA,QAAU,MAAM,CAAC,OAAQ,UAAW,SAAS,CAAC,EAErD,KAAM,EAAAA,QAAU,QAEhB,MAAO,EAAAA,QAAU,QAEjB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,MAAM,CAAC,OAAQ,OAAO,CAAC,CAC7C,EAEAb,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\n\nconst textInputProps = variantProps({\n base: \"block p-2.5 w-full text-sm border text-sm rounded-lg\",\n variants: {\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n },\n});\n\nconst iconProps = variantProps({\n base: \"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10\",\n variants: {\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n },\n});\n\nconst addonProps = variantProps({\n base: \"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none\",\n variants: {\n position: {\n left: \"rounded-r-lg\",\n right: \"rounded-l-lg\",\n },\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n position: \"left\",\n },\n});\n\nexport const TextInput = forwardRef(function TextInput(props, ref) {\n const { color, disabled, type, placeholder, id, icon, addon, position } =\n props;\n if (icon) {\n return (\n <div className={props.className && props.className}>\n <div className=\"relative\">\n <div className=\"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5\">\n {icon}\n </div>\n <input\n {...iconProps({ color })}\n type={type ? type : \"text\"}\n id={id}\n ref={ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n disabled={disabled}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n />\n </div>\n </div>\n );\n } else if (addon) {\n return (\n <div className={props.className && props.className}>\n <div\n className={disabled ? \"flex cursor-not-allowed opacity-50\" : \"flex\"}\n >\n {position == \"left\" && (\n <span className=\"rounded-e-0 inline-flex items-center rounded-l-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n {addon}\n </span>\n )}\n <input\n {...addonProps({ color, position })}\n type={type ? type : \"text\"}\n id={id}\n ref={props.ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n />\n {position == \"right\" && (\n <span className=\"rounded-e-0 inline-flex items-center rounded-r-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n {addon}\n </span>\n )}\n </div>\n </div>\n );\n } else {\n return (\n <div className={props.className && props.className}>\n <div\n className={\n disabled ? \"relative cursor-not-allowed opacity-50\" : \"relative\"\n }\n >\n <input\n type={type ? type : \"text\"}\n id={id}\n ref={props.ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n {...textInputProps({ color })}\n />\n </div>\n </div>\n );\n }\n});\n\nTextInput.propTypes = {\n /** Unique id for the TextInput Component */\n id: PropTypes.string.isRequired,\n /** Optional placeholder text for TextInput Component */\n placeholder: PropTypes.string,\n /** Optional color defaults to gray. Failure and Success options available*/\n color: PropTypes.oneOf([\"gray\", \"failure\", \"success\"]),\n /** Optional icon TextInput Component */\n icon: PropTypes.element,\n /** Optional addon TextInput Component */\n addon: PropTypes.element,\n /** Optional to disable component */\n disabled: PropTypes.bool,\n /** Optional for position of Addon */\n position: PropTypes.oneOf([\"left\", \"right\"]),\n};\n\nTextInput.displayName = \"TextInput\";\n"]}
@@ -1,9 +0,0 @@
1
- import { a } from './chunk-HTXOCBXA.js';
2
- import { useState, useEffect } from 'react';
3
- import { jsxs, jsx } from 'react/jsx-runtime';
4
-
5
- function i({id:n,name:a$1,text:l}){let[s,r]=useState(!1);return useEffect(()=>{let e=setInterval(()=>{r(!1);},1e3);return ()=>clearInterval(e)},[s]),jsxs("div",{className:"relative rounded-md shadow-sm",children:[jsx(a,{id:n,name:a$1,color:s?"success":"grey",value:l,type:"text",disabled:!0}),jsx("button",{className:"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3",onClick:()=>{let e=document.getElementById(n);e&&(e.select(),e.setSelectionRange(0,99999),navigator.clipboard.writeText(e.value),r(!0));},children:jsx("span",{className:"text-gray-500 sm:text-sm",id:"price-currency",children:"COPY"})})]})}i.displayName="InputCopy";
6
-
7
- export { i as a };
8
- //# sourceMappingURL=out.js.map
9
- //# sourceMappingURL=chunk-TXDBBVCI.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/input-copy.tsx"],"names":["useEffect","useState","jsx","jsxs","InputCopy","id","name","text","selected","setSelected","interval","TextInput","copy"],"mappings":"wCACA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QA+BhC,OACE,OAAAC,EADF,QAAAC,MAAA,oBAtBG,SAASC,EAAU,CAAE,GAAAC,EAAI,KAAAC,EAAM,KAAAC,CAAK,EAAmB,CAC5D,GAAM,CAACC,EAAUC,CAAW,EAAIR,EAAS,EAAK,EAE9C,OAAAD,EAAU,IAAM,CACd,IAAMU,EAAW,YAAY,IAAM,CACjCD,EAAY,EAAK,CACnB,EAAG,GAAI,EAEP,MAAO,IAAM,cAAcC,CAAQ,CACrC,EAAG,CAACF,CAAQ,CAAC,EAaXL,EAAC,OAAI,UAAU,gCACb,UAAAD,EAACS,EAAA,CACC,GAAIN,EACJ,KAAMC,EACN,MAAOE,EAAW,UAAY,OAC9B,MAAOD,EACP,KAAK,OACL,SAAQ,GACV,EACAL,EAAC,UACC,UAAU,mEACV,QAtBa,IAAM,CACvB,IAAMU,EAAO,SAAS,eAAeP,CAAE,EACnCO,IACFA,EAAK,OAAO,EACZA,EAAK,kBAAkB,EAAG,KAAK,EAC/B,UAAU,UAAU,UAAUA,EAAK,KAAK,EACxCH,EAAY,EAAI,EAEpB,EAgBM,SAAAP,EAAC,QAAK,UAAU,2BAA2B,GAAG,iBAAiB,gBAE/D,EACF,GACF,CAEJ,CAEAE,EAAU,YAAc","sourcesContent":["// @ts-nocheck\nimport { useEffect, useState } from \"react\";\nimport { TextInput } from \"./textinput\";\n\ntype InputCopyProps = {\n id: string;\n name: string;\n text: string;\n};\n\nexport function InputCopy({ id, name, text }: InputCopyProps) {\n const [selected, setSelected] = useState(false);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setSelected(false);\n }, 1000);\n\n return () => clearInterval(interval);\n }, [selected]);\n\n const handleCopy = () => {\n const copy = document.getElementById(id) as HTMLInputElement;\n if (copy) {\n copy.select();\n copy.setSelectionRange(0, 99999);\n navigator.clipboard.writeText(copy.value);\n setSelected(true);\n }\n };\n\n return (\n <div className=\"relative rounded-md shadow-sm\">\n <TextInput\n id={id}\n name={name}\n color={selected ? \"success\" : \"grey\"}\n value={text}\n type=\"text\"\n disabled\n />\n <button\n className=\"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3\"\n onClick={handleCopy}\n >\n <span className=\"text-gray-500 sm:text-sm\" id=\"price-currency\">\n COPY\n </span>\n </button>\n </div>\n );\n}\n\nInputCopy.displayName = \"InputCopy\";\n"]}
@@ -1,11 +0,0 @@
1
- import { a } from './chunk-6LHL364H.js';
2
- import { e as e$1, c, b, a as a$1 } from './chunk-Z4LPO673.js';
3
- import { variantProps } from 'classname-variants/react';
4
- import { FaTimes } from 'react-icons/fa';
5
- import { jsx, jsxs } from 'react/jsx-runtime';
6
-
7
- var e=e$1(a(),1);var v=variantProps({base:"relative p-4 w-full max-h-full ",variants:{size:{xsm:"max-w-md",sm:"max-w-xl",md:"max-w-2xl",lg:"max-w-3xl"},defaultVariants:{size:"md"}}});function o(w){var n=w,{children:d,show:a=!0}=n,t=c(n,["children","show"]);if(!a)return jsx("div",{});let y=()=>jsxs("div",{className:"flex items-center justify-between rounded-t border-b p-4 dark:border-gray-600 md:p-5",children:[jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:t.title}),m()]}),m=(c=!1)=>jsxs("button",{type:"button",className:`${c&&"absolute end-2.5 top-3"} ms-auto inline-flex h-8 w-8 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white`,"data-modal-hide":"default-modal",onClick:t.onClose,children:[jsx(FaTimes,{}),jsx("span",{className:"sr-only",children:"Close modal"})]});return jsx("div",{id:"default-modal",tabIndex:"-1","aria-hidden":"true",className:"fixed left-0 right-0 top-0 z-50 flex h-[calc(100%-1rem)] max-h-full w-full items-center justify-center overflow-y-auto overflow-x-hidden bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50 md:inset-0",role:"dialog",children:jsx("div",b(a$1({},v(t)),{children:jsxs("div",{className:"relative rounded-lg bg-white pl-4 pr-4 pt-4 shadow dark:bg-gray-700",children:[t.title?y():m(!0),d]})}))})}function l({children:d}){return jsx("div",{children:d})}function s({children:d,border:a=!0,alignment:t="center"}){return jsx("div",{className:`flex gap-4 ${t=="center"&&"justify-center"} ${t=="left"&&"justify-start"} ${t=="right"&&"justify-end"} items-end p-4 md:p-5 ${a&&"border-t"} rounded-b border-gray-200 dark:border-gray-600`,children:d})}o.Body=l;o.Footer=s;o.defaultProps={size:"md"};o.propTypes={title:e.default.string,show:e.default.bool,size:e.default.oneOf(["xsm","sm","md","lg"]),onClose:e.default.func.isRequired,children:e.default.node.isRequired};l.propTypes={children:e.default.node.isRequired};s.propTypes={border:e.default.bool,children:e.default.node.isRequired,alignment:e.default.oneOf(["left","center","right"])};o.displayName="Modal";s.displayName="ModalFooter";l.displayName="ModalBody";
8
-
9
- export { o as a, l as b, s as c };
10
- //# sourceMappingURL=out.js.map
11
- //# sourceMappingURL=chunk-VGGEDWFD.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/modal.tsx"],"names":["import_prop_types","variantProps","FaTimes","jsx","jsxs","modalProps","Modal","_a","_b","children","show","props","__objRest","renderHeadedModal","renderCloseButton","isHeadless","__spreadProps","__spreadValues","ModalBody","ModalFooter","border","alignment","PropTypes"],"mappings":"qGAEA,IAAAA,EAAsB,SADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,WAAAC,MAAe,iBAkBJ,cAAAC,EAGhB,QAAAC,MAHgB,oBAhBpB,IAAMC,EAAaJ,EAAa,CAC9B,KAAM,kCACN,SAAU,CACR,KAAM,CACJ,IAAK,WACL,GAAI,WACJ,GAAI,YACJ,GAAI,WACN,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,CAAC,EAEM,SAASK,EAAMC,EAAqC,CAArC,IAAAC,EAAAD,EAAE,UAAAE,EAAU,KAAAC,EAAO,EApBzC,EAoBsBF,EAA4BG,EAAAC,EAA5BJ,EAA4B,CAA1B,WAAU,SAChC,GAAI,CAACE,EAAM,OAAOP,EAAC,QAAI,EAEvB,IAAMU,EAAoB,IACxBT,EAAC,OAAI,UAAU,uFACb,UAAAD,EAAC,MAAG,UAAU,sDACX,SAAAQ,EAAM,MACT,EACCG,EAAkB,GACrB,EAGIA,EAAoB,CAACC,EAAa,KACtCX,EAAC,UACC,KAAK,SACL,UAAW,GACTW,GAAc,sNAEhB,kBAAgB,gBAChB,QAASJ,EAAM,QAEf,UAAAR,EAACD,EAAA,EAAQ,EACTC,EAAC,QAAK,UAAU,UAAU,uBAAW,GACvC,EAGF,OACEA,EAAC,OACC,GAAG,gBACH,SAAS,KACT,cAAY,OACZ,UAAU,oNACV,KAAK,SAEL,SAAAA,EAAC,MAAAa,EAAAC,EAAA,GAAQZ,EAAWM,CAAK,GAAxB,CACC,SAAAP,EAAC,OAAI,UAAU,sEACZ,UAAAO,EAAM,MAAQE,EAAkB,EAAIC,EAAkB,EAAI,EAC1DL,GACH,GACF,EACF,CAEJ,CAEO,SAASS,EAAU,CAAE,SAAAT,CAAS,EAAG,CACtC,OAAON,EAAC,OAAK,SAAAM,EAAS,CACxB,CAEO,SAASU,EAAY,CAAE,SAAAV,EAAU,OAAAW,EAAS,GAAM,UAAAC,EAAY,QAAS,EAAG,CAC7E,OACElB,EAAC,OACC,UAAW,cAAckB,GAAa,UAAY,oBAChDA,GAAa,QAAU,mBACrBA,GAAa,SAAW,sCAC1BD,GAAU,4DAGX,SAAAX,EACH,CAEJ,CAEAH,EAAM,KAAOY,EACbZ,EAAM,OAASa,EAEfb,EAAM,aAAe,CACnB,KAAM,IACR,EAEAA,EAAM,UAAY,CAEhB,MAAO,EAAAgB,QAAU,OAEjB,KAAM,EAAAA,QAAU,KAEhB,KAAM,EAAAA,QAAU,MAAM,CAAC,MAAO,KAAM,KAAM,IAAI,CAAC,EAE/C,QAAS,EAAAA,QAAU,KAAK,WAExB,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAJ,EAAU,UAAY,CAEpB,SAAU,EAAAI,QAAU,KAAK,UAC3B,EAEAH,EAAY,UAAY,CAEtB,OAAQ,EAAAG,QAAU,KAClB,SAAU,EAAAA,QAAU,KAAK,WACzB,UAAW,EAAAA,QAAU,MAAM,CAAC,OAAQ,SAAU,OAAO,CAAC,CACxD,EAEAhB,EAAM,YAAc,QACpBa,EAAY,YAAc,cAC1BD,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { FaTimes } from \"react-icons/fa\";\n\nconst modalProps = variantProps({\n base: \"relative p-4 w-full max-h-full \",\n variants: {\n size: {\n xsm: \"max-w-md\",\n sm: \"max-w-xl\",\n md: \"max-w-2xl\",\n lg: \"max-w-3xl\",\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n});\n\nexport function Modal({ children, show = true, ...props }) {\n if (!show) return <div />;\n\n const renderHeadedModal = () => (\n <div className=\"flex items-center justify-between rounded-t border-b p-4 dark:border-gray-600 md:p-5\">\n <h3 className=\"text-xl font-semibold text-gray-900 dark:text-white\">\n {props.title}\n </h3>\n {renderCloseButton()}\n </div>\n );\n\n const renderCloseButton = (isHeadless = false) => (\n <button\n type=\"button\"\n className={`${\n isHeadless && \"absolute end-2.5 top-3\"\n } ms-auto inline-flex h-8 w-8 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white`}\n data-modal-hide=\"default-modal\"\n onClick={props.onClose}\n >\n <FaTimes />\n <span className=\"sr-only\">Close modal</span>\n </button>\n );\n\n return (\n <div\n id=\"default-modal\"\n tabIndex=\"-1\"\n aria-hidden=\"true\"\n className=\"fixed left-0 right-0 top-0 z-50 flex h-[calc(100%-1rem)] max-h-full w-full items-center justify-center overflow-y-auto overflow-x-hidden bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50 md:inset-0\"\n role=\"dialog\"\n >\n <div {...modalProps(props)}>\n <div className=\"relative rounded-lg bg-white pl-4 pr-4 pt-4 shadow dark:bg-gray-700\">\n {props.title ? renderHeadedModal() : renderCloseButton(true)}\n {children}\n </div>\n </div>\n </div>\n );\n}\n\nexport function ModalBody({ children }) {\n return <div>{children}</div>;\n}\n\nexport function ModalFooter({ children, border = true, alignment = \"center\" }) {\n return (\n <div\n className={`flex gap-4 ${alignment == \"center\" && \"justify-center\"} ${\n alignment == \"left\" && \"justify-start\"\n } ${alignment == \"right\" && \"justify-end\"} items-end p-4 md:p-5 ${\n border && \"border-t\"\n } rounded-b border-gray-200 dark:border-gray-600`}\n >\n {children}\n </div>\n );\n}\n\nModal.Body = ModalBody;\nModal.Footer = ModalFooter;\n\nModal.defaultProps = {\n size: \"md\",\n};\n\nModal.propTypes = {\n /** Tile of the modal not providing a title makes this a headless modal */\n title: PropTypes.string,\n /** Whether or not the modal is visible */\n show: PropTypes.bool,\n /** Size of the modal */\n size: PropTypes.oneOf([\"xsm\", \"sm\", \"md\", \"lg\"]),\n /** Callback for the close action */\n onClose: PropTypes.func.isRequired,\n /** Modal.Body and Modal.Footer compounds used to build up the modal. The footer is optional */\n children: PropTypes.node.isRequired,\n};\n\nModalBody.propTypes = {\n /** Markup to make up the Modal content */\n children: PropTypes.node.isRequired,\n};\n\nModalFooter.propTypes = {\n /** Markup to make up the Modal Footer */\n border: PropTypes.bool,\n children: PropTypes.node.isRequired,\n alignment: PropTypes.oneOf([\"left\", \"center\", \"right\"]),\n};\n\nModal.displayName = \"Modal\";\nModalFooter.displayName = \"ModalFooter\";\nModalBody.displayName = \"ModalBody\";\n"]}