@ctlyst.id/utils 1.0.2 → 1.1.0

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),O=n=>n!=null&&typeof n=="object"&&"nodeType"in n&&n.nodeType===Node.ELEMENT_NODE,C=n=>O(n)?n.ownerDocument??document:document,b=(n,t)=>{var o;const e=n.target;return n.button>0||e&&!C(e).contains(e)?!1:!((o=t.current)!=null&&o.contains(e))},B=()=>!!(typeof window<"u"&&window.document&&window.document.createElement),M=B(),A=(n,t=[])=>{const e=l.useRef(n);return l.useEffect(()=>{e.current=n}),l.useCallback((...o)=>{var s;return(s=e.current)==null?void 0:s.call(e,...o)},t)},E=A;var N=function(){var n=document.getSelection();if(!n.rangeCount)return function(){};for(var t=document.activeElement,e=[],o=0;o<n.rangeCount;o++)e.push(n.getRangeAt(o));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return n.removeAllRanges(),function(){n.type==="Caret"&&n.removeAllRanges(),n.rangeCount||e.forEach(function(s){n.addRange(s)}),t&&t.focus()}},$=N,L={"text/plain":"Text","text/html":"Url",default:"Text"},I="Copy to clipboard: #{key}, Enter";function V(n){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return n.replace(/#{\s*key\s*}/g,t)}function U(n,t){var e,o,s,r,c,a,i=!1;t||(t={}),e=t.debug||!1;try{s=$(),r=document.createRange(),c=document.getSelection(),a=document.createElement("span"),a.textContent=n,a.ariaHidden="true",a.style.all="unset",a.style.position="fixed",a.style.top=0,a.style.clip="rect(0, 0, 0, 0)",a.style.whiteSpace="pre",a.style.webkitUserSelect="text",a.style.MozUserSelect="text",a.style.msUserSelect="text",a.style.userSelect="text",a.addEventListener("copy",function(u){if(u.stopPropagation(),t.format)if(u.preventDefault(),typeof u.clipboardData>"u"){e&&console.warn("unable to use e.clipboardData"),e&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var f=L[t.format]||L.default;window.clipboardData.setData(f,n)}else u.clipboardData.clearData(),u.clipboardData.setData(t.format,n);t.onCopy&&(u.preventDefault(),t.onCopy(u.clipboardData))}),document.body.appendChild(a),r.selectNodeContents(a),c.addRange(r);var d=document.execCommand("copy");if(!d)throw new Error("copy command was unsuccessful");i=!0}catch(u){e&&console.error("unable to copy using execCommand: ",u),e&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",n),t.onCopy&&t.onCopy(window.clipboardData),i=!0}catch(f){e&&console.error("unable to copy using clipboardData: ",f),e&&console.error("falling back to prompt"),o=V("message"in t?t.message:I),window.prompt(o,n)}}finally{c&&(typeof c.removeRange=="function"?c.removeRange(r):c.removeAllRanges()),a&&document.body.removeChild(a),s()}return i}var W=U;const z=({value:n="",optionsOrTimeout:t={}}={})=>{const[e,o]=l.useState(!1),[s,r]=l.useState(n);l.useEffect(()=>r(n),[n]);const{timeout:c=1500,...a}=typeof t=="number"?{timeout:t}:t,i=l.useCallback(()=>{const d=W(s,a);o(d)},[s,a]);return l.useEffect(()=>{let d=null;return e&&(d=window.setTimeout(()=>{o(!1)},c)),()=>{d&&window.clearTimeout(d)}},[c,e]),{value:s,setValue:r,onCopy:i,hasCopied:e}},F=z,H=({value:n,delay:t=500})=>{const[e,o]=l.useState(n);return l.useEffect(()=>{const s=setTimeout(()=>o(n),t||500);return()=>{clearTimeout(s)}},[n,t]),e},Q=H;var j=process.env.NODE_ENV==="production",D="Invariant failed";function S(n,t){if(!n){if(j)throw new Error(D);var e=typeof t=="function"?t():t,o=e?"".concat(D,": ").concat(e):D;throw new Error(o)}}var w=function(t){var e=t.top,o=t.right,s=t.bottom,r=t.left,c=o-r,a=s-e,i={top:e,right:o,bottom:s,left:r,width:c,height:a,x:r,y:e,center:{x:(o+r)/2,y:(s+e)/2}};return i},q=function(t,e){return{top:t.top-e.top,left:t.left-e.left,bottom:t.bottom+e.bottom,right:t.right+e.right}},R=function(t,e){return{top:t.top+e.top,left:t.left+e.left,bottom:t.bottom-e.bottom,right:t.right-e.right}},y={top:0,right:0,bottom:0,left:0},K=function(t){var e=t.borderBox,o=t.margin,s=o===void 0?y:o,r=t.border,c=r===void 0?y:r,a=t.padding,i=a===void 0?y:a,d=w(q(e,s)),u=w(R(e,c)),f=w(R(u,i));return{marginBox:d,borderBox:w(e),paddingBox:u,contentBox:f,margin:s,border:c,padding:i}},m=function(t){var e=t.slice(0,-2),o=t.slice(-2);if(o!=="px")return 0;var s=Number(e);return isNaN(s)&&(process.env.NODE_ENV!=="production"?S(!1,"Could not parse value [raw: "+t+", without suffix: "+e+"]"):S(!1)),s},X=function(t,e){var o={top:m(e.marginTop),right:m(e.marginRight),bottom:m(e.marginBottom),left:m(e.marginLeft)},s={top:m(e.paddingTop),right:m(e.paddingRight),bottom:m(e.paddingBottom),left:m(e.paddingLeft)},r={top:m(e.borderTopWidth),right:m(e.borderRightWidth),bottom:m(e.borderBottomWidth),left:m(e.borderLeftWidth)};return K({borderBox:t,margin:o,padding:s,border:r})},G=function(t){var e=t.getBoundingClientRect(),o=window.getComputedStyle(t);return X(e,o)};const J=M?l.useLayoutEffect:l.useEffect,T=J,Y=(n,t)=>{const[e,o]=l.useState(null),s=l.useRef();return T(()=>{const r=()=>{const c=n.current;c&&(s.current=requestAnimationFrame(()=>{const a=G(c);o(a)}))};return r(),t&&(window.addEventListener("resize",r),window.addEventListener("scroll",r)),()=>{t&&(window.removeEventListener("resize",r),window.removeEventListener("scroll",r)),s.current&&cancelAnimationFrame(s.current)}},[t]),e},Z=Y,_=({onClose:n,onOpen:t,isOpen:e,defaultIsOpen:o,id:s}={})=>{const[r,c]=l.useState(o||!1),a=e!==void 0?e:r,i=e!==void 0,d=l.useId(),u=s??`disclosure-${d}`,f=E(t),v=E(n),p=l.useCallback(()=>{i||c(!1),v==null||v()},[i,v]),h=l.useCallback(()=>{i||c(!0),f==null||f()},[i,f]),x=l.useCallback(()=>{a?p():h()},[a,h,p]);return{onClose:p,onOpen:h,onToggle:x,getButtonProps:({onClick:g,...k}={})=>({...k,"aria-expanded":a,"aria-controls":u,onClick(P){g==null||g(P),x()}}),getDisclosureProps:({...g}={})=>({...g,hidden:!a,id:u}),isOpen:a}},ee=_,te=(n,t={})=>{const{ssr:e=!0,fallback:o}=t,s=Array.isArray(n)?n:[n];let r=Array.isArray(o)?o:[o];r=r.filter(i=>i!=null);const[c,a]=l.useState(()=>s.map((i,d)=>({media:i,matches:e?!!r[d]:window.matchMedia(i).matches})));return l.useEffect(()=>{const i=window;a(s.map(f=>({media:f,matches:i.matchMedia(f).matches})));const d=s.map(f=>i.matchMedia(f)),u=f=>{a(v=>v.slice().map(p=>p.media===f.media?{...p,matches:f.matches}:p))};return d.forEach(f=>{f.addEventListener("change",u)}),()=>{d.forEach(f=>{f.removeEventListener("change",u)})}},[window]),c.map(i=>i.matches)},ne=te,oe=()=>{const[n,t]=l.useState(navigator.onLine);return l.useEffect(()=>{const e=()=>t(navigator.onLine);return window.addEventListener("online",e),window.addEventListener("offline",e),()=>{window.removeEventListener("online",e),window.removeEventListener("offline",e)}},[]),{isOnline:n,isOffline:!n}},re=oe,ae=({enabled:n=!0,ref:t,handler:e})=>{const o=E(e),r=l.useRef({isPointerDown:!1,ignoreEmulatedMouseEvents:!1}).current;l.useEffect(()=>{if(!n)return;const c=u=>{b(u,t)&&(r.isPointerDown=!0)},a=u=>{if(r.ignoreEmulatedMouseEvents){r.ignoreEmulatedMouseEvents=!1;return}r.isPointerDown&&e&&b(u,t)&&(r.isPointerDown=!1,o(u))},i=u=>{r.ignoreEmulatedMouseEvents=!0,e&&r.isPointerDown&&b(u,t)&&(r.isPointerDown=!1,o(u))},d=C(t.current);return d.addEventListener("mousedown",c,!0),d.addEventListener("mouseup",a,!0),d.addEventListener("touchstart",c,!0),d.addEventListener("touchend",i,!0),()=>{d.removeEventListener("mousedown",c,!0),d.removeEventListener("mouseup",a,!0),d.removeEventListener("touchstart",c,!0),d.removeEventListener("touchend",i,!0)}},[e,t,o,r,n])},se=ae;exports.canUseDOM=B;exports.getOwnerDocument=C;exports.isBrowser=M;exports.isElement=O;exports.isValidEvent=b;exports.useCallbackRef=E;exports.useClipboard=F;exports.useDebounce=Q;exports.useDimensions=Z;exports.useDisclosure=ee;exports.useMediaQuery=ne;exports.useOnlineStatus=re;exports.useOutsideClick=se;exports.useSafeLayoutEffect=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),B=n=>n!=null&&typeof n=="object"&&"nodeType"in n&&n.nodeType===Node.ELEMENT_NODE,C=n=>B(n)?n.ownerDocument??document:document,w=(n,t)=>{var o;const e=n.target;return n.button>0||e&&!C(e).contains(e)?!1:!((o=t.current)!=null&&o.contains(e))},O=()=>!!(typeof window<"u"&&window.document&&window.document.createElement),M=O(),k=(n,t=[])=>{const e=l.useRef(n);return l.useEffect(()=>{e.current=n}),l.useCallback((...o)=>{var a;return(a=e.current)==null?void 0:a.call(e,...o)},t)},E=k;var $=function(){var n=document.getSelection();if(!n.rangeCount)return function(){};for(var t=document.activeElement,e=[],o=0;o<n.rangeCount;o++)e.push(n.getRangeAt(o));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return n.removeAllRanges(),function(){n.type==="Caret"&&n.removeAllRanges(),n.rangeCount||e.forEach(function(a){n.addRange(a)}),t&&t.focus()}},A=$,S={"text/plain":"Text","text/html":"Url",default:"Text"},I="Copy to clipboard: #{key}, Enter";function V(n){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return n.replace(/#{\s*key\s*}/g,t)}function U(n,t){var e,o,a,s,c,r,i=!1;t||(t={}),e=t.debug||!1;try{a=A(),s=document.createRange(),c=document.getSelection(),r=document.createElement("span"),r.textContent=n,r.ariaHidden="true",r.style.all="unset",r.style.position="fixed",r.style.top=0,r.style.clip="rect(0, 0, 0, 0)",r.style.whiteSpace="pre",r.style.webkitUserSelect="text",r.style.MozUserSelect="text",r.style.msUserSelect="text",r.style.userSelect="text",r.addEventListener("copy",function(u){if(u.stopPropagation(),t.format)if(u.preventDefault(),typeof u.clipboardData>"u"){e&&console.warn("unable to use e.clipboardData"),e&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var f=S[t.format]||S.default;window.clipboardData.setData(f,n)}else u.clipboardData.clearData(),u.clipboardData.setData(t.format,n);t.onCopy&&(u.preventDefault(),t.onCopy(u.clipboardData))}),document.body.appendChild(r),s.selectNodeContents(r),c.addRange(s);var d=document.execCommand("copy");if(!d)throw new Error("copy command was unsuccessful");i=!0}catch(u){e&&console.error("unable to copy using execCommand: ",u),e&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",n),t.onCopy&&t.onCopy(window.clipboardData),i=!0}catch(f){e&&console.error("unable to copy using clipboardData: ",f),e&&console.error("falling back to prompt"),o=V("message"in t?t.message:I),window.prompt(o,n)}}finally{c&&(typeof c.removeRange=="function"?c.removeRange(s):c.removeAllRanges()),r&&document.body.removeChild(r),a()}return i}var F=U;const W=({value:n="",optionsOrTimeout:t={}}={})=>{const[e,o]=l.useState(!1),[a,s]=l.useState(n);l.useEffect(()=>s(n),[n]);const{timeout:c=1500,...r}=typeof t=="number"?{timeout:t}:t,i=l.useCallback(()=>{const d=F(a,r);o(d)},[a,r]);return l.useEffect(()=>{let d=null;return e&&(d=window.setTimeout(()=>{o(!1)},c)),()=>{d&&window.clearTimeout(d)}},[c,e]),{value:a,setValue:s,onCopy:i,hasCopied:e}},z=W,H=({value:n,thousandSeparator:t=".",decimalLength:e,decimalSeparator:o=",",code:a=""})=>{const c=(r=>{const i=r.toString().split("."),d=i[0].replace(/\B(?=(\d{3})+(?!\d))/g,t);let u="";return e!==void 0?i.length>1&&e>0?u=o+i[1].padEnd(e,"0").slice(0,e):e>0&&(u=o+"0".repeat(e)):i.length>1&&(u=o+i[1]),d+u})(n);return a?a+c:c},Q=H,j=({value:n,delay:t=500})=>{const[e,o]=l.useState(n);return l.useEffect(()=>{const a=setTimeout(()=>o(n),t||500);return()=>{clearTimeout(a)}},[n,t]),e},q=j;var K=process.env.NODE_ENV==="production",D="Invariant failed";function L(n,t){if(!n){if(K)throw new Error(D);var e=typeof t=="function"?t():t,o=e?"".concat(D,": ").concat(e):D;throw new Error(o)}}var b=function(t){var e=t.top,o=t.right,a=t.bottom,s=t.left,c=o-s,r=a-e,i={top:e,right:o,bottom:a,left:s,width:c,height:r,x:s,y:e,center:{x:(o+s)/2,y:(a+e)/2}};return i},X=function(t,e){return{top:t.top-e.top,left:t.left-e.left,bottom:t.bottom+e.bottom,right:t.right+e.right}},R=function(t,e){return{top:t.top+e.top,left:t.left+e.left,bottom:t.bottom-e.bottom,right:t.right-e.right}},y={top:0,right:0,bottom:0,left:0},G=function(t){var e=t.borderBox,o=t.margin,a=o===void 0?y:o,s=t.border,c=s===void 0?y:s,r=t.padding,i=r===void 0?y:r,d=b(X(e,a)),u=b(R(e,c)),f=b(R(u,i));return{marginBox:d,borderBox:b(e),paddingBox:u,contentBox:f,margin:a,border:c,padding:i}},m=function(t){var e=t.slice(0,-2),o=t.slice(-2);if(o!=="px")return 0;var a=Number(e);return isNaN(a)&&(process.env.NODE_ENV!=="production"?L(!1,"Could not parse value [raw: "+t+", without suffix: "+e+"]"):L(!1)),a},J=function(t,e){var o={top:m(e.marginTop),right:m(e.marginRight),bottom:m(e.marginBottom),left:m(e.marginLeft)},a={top:m(e.paddingTop),right:m(e.paddingRight),bottom:m(e.paddingBottom),left:m(e.paddingLeft)},s={top:m(e.borderTopWidth),right:m(e.borderRightWidth),bottom:m(e.borderBottomWidth),left:m(e.borderLeftWidth)};return G({borderBox:t,margin:o,padding:a,border:s})},Y=function(t){var e=t.getBoundingClientRect(),o=window.getComputedStyle(t);return J(e,o)};const Z=M?l.useLayoutEffect:l.useEffect,T=Z,_=(n,t)=>{const[e,o]=l.useState(null),a=l.useRef();return T(()=>{const s=()=>{const c=n.current;c&&(a.current=requestAnimationFrame(()=>{const r=Y(c);o(r)}))};return s(),t&&(window.addEventListener("resize",s),window.addEventListener("scroll",s)),()=>{t&&(window.removeEventListener("resize",s),window.removeEventListener("scroll",s)),a.current&&cancelAnimationFrame(a.current)}},[t]),e},ee=_,te=({onClose:n,onOpen:t,isOpen:e,defaultIsOpen:o,id:a}={})=>{const[s,c]=l.useState(o||!1),r=e!==void 0?e:s,i=e!==void 0,d=l.useId(),u=a??`disclosure-${d}`,f=E(t),v=E(n),p=l.useCallback(()=>{i||c(!1),v==null||v()},[i,v]),h=l.useCallback(()=>{i||c(!0),f==null||f()},[i,f]),x=l.useCallback(()=>{r?p():h()},[r,h,p]);return{onClose:p,onOpen:h,onToggle:x,getButtonProps:({onClick:g,...P}={})=>({...P,"aria-expanded":r,"aria-controls":u,onClick(N){g==null||g(N),x()}}),getDisclosureProps:({...g}={})=>({...g,hidden:!r,id:u}),isOpen:r}},ne=te,oe=(n,t={})=>{const{ssr:e=!0,fallback:o}=t,a=Array.isArray(n)?n:[n];let s=Array.isArray(o)?o:[o];s=s.filter(i=>i!=null);const[c,r]=l.useState(()=>a.map((i,d)=>({media:i,matches:e?!!s[d]:window.matchMedia(i).matches})));return l.useEffect(()=>{const i=window;r(a.map(f=>({media:f,matches:i.matchMedia(f).matches})));const d=a.map(f=>i.matchMedia(f)),u=f=>{r(v=>v.slice().map(p=>p.media===f.media?{...p,matches:f.matches}:p))};return d.forEach(f=>{f.addEventListener("change",u)}),()=>{d.forEach(f=>{f.removeEventListener("change",u)})}},[window]),c.map(i=>i.matches)},re=oe,ae=()=>{const[n,t]=l.useState(navigator.onLine);return l.useEffect(()=>{const e=()=>t(navigator.onLine);return window.addEventListener("online",e),window.addEventListener("offline",e),()=>{window.removeEventListener("online",e),window.removeEventListener("offline",e)}},[]),{isOnline:n,isOffline:!n}},se=ae,ie=({enabled:n=!0,ref:t,handler:e})=>{const o=E(e),s=l.useRef({isPointerDown:!1,ignoreEmulatedMouseEvents:!1}).current;l.useEffect(()=>{if(!n)return;const c=u=>{w(u,t)&&(s.isPointerDown=!0)},r=u=>{if(s.ignoreEmulatedMouseEvents){s.ignoreEmulatedMouseEvents=!1;return}s.isPointerDown&&e&&w(u,t)&&(s.isPointerDown=!1,o(u))},i=u=>{s.ignoreEmulatedMouseEvents=!0,e&&s.isPointerDown&&w(u,t)&&(s.isPointerDown=!1,o(u))},d=C(t.current);return d.addEventListener("mousedown",c,!0),d.addEventListener("mouseup",r,!0),d.addEventListener("touchstart",c,!0),d.addEventListener("touchend",i,!0),()=>{d.removeEventListener("mousedown",c,!0),d.removeEventListener("mouseup",r,!0),d.removeEventListener("touchstart",c,!0),d.removeEventListener("touchend",i,!0)}},[e,t,o,s,n])},ue=ie;exports.canUseDOM=O;exports.getOwnerDocument=C;exports.isBrowser=M;exports.isElement=B;exports.isValidEvent=w;exports.useCallbackRef=E;exports.useClipboard=z;exports.useCurrencyFormatter=Q;exports.useDebounce=q;exports.useDimensions=ee;exports.useDisclosure=ne;exports.useMediaQuery=re;exports.useOnlineStatus=se;exports.useOutsideClick=ue;exports.useSafeLayoutEffect=T;

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { useRef as L, useEffect as m, useCallback as b, useState as v, useLayoutEffect as N, useId as P } from "react";
-const $ = (n) => n != null && typeof n == "object" && "nodeType" in n && n.nodeType === Node.ELEMENT_NODE, T = (n) => $(n) ? n.ownerDocument ?? document : document, D = (n, t) => {
+import { useRef as L, useEffect as m, useCallback as b, useState as v, useLayoutEffect as P, useId as $ } from "react";
+const A = (n) => n != null && typeof n == "object" && "nodeType" in n && n.nodeType === Node.ELEMENT_NODE, T = (n) => A(n) ? n.ownerDocument ?? document : document, D = (n, t) => {
   var o;
   const e = n.target;
   return n.button > 0 || e && !T(e).contains(e) ? !1 : !((o = t.current) != null && o.contains(e));
@@ -8,8 +8,8 @@ const $ = (n) => n != null && typeof n == "object" && "nodeType" in n && n.nodeT
   return m(() => {
     e.current = n;
   }), b((...o) => {
-    var i;
-    return (i = e.current) == null ? void 0 : i.call(e, ...o);
+    var a;
+    return (a = e.current) == null ? void 0 : a.call(e, ...o);
   }, t);
 }, x = V;
 var U = function() {
@@ -29,105 +29,118 @@ var U = function() {
       break;
   }
   return n.removeAllRanges(), function() {
-    n.type === "Caret" && n.removeAllRanges(), n.rangeCount || e.forEach(function(i) {
-      n.addRange(i);
+    n.type === "Caret" && n.removeAllRanges(), n.rangeCount || e.forEach(function(a) {
+      n.addRange(a);
     }), t && t.focus();
   };
-}, W = U, S = {
+}, F = U, S = {
   "text/plain": "Text",
   "text/html": "Url",
   default: "Text"
-}, z = "Copy to clipboard: #{key}, Enter";
-function F(n) {
+}, W = "Copy to clipboard: #{key}, Enter";
+function z(n) {
   var t = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
   return n.replace(/#{\s*key\s*}/g, t);
 }
 function H(n, t) {
-  var e, o, i, r, c, a, s = !1;
+  var e, o, a, s, u, r, i = !1;
   t || (t = {}), e = t.debug || !1;
   try {
-    i = W(), r = document.createRange(), c = document.getSelection(), a = document.createElement("span"), a.textContent = n, a.ariaHidden = "true", a.style.all = "unset", a.style.position = "fixed", a.style.top = 0, a.style.clip = "rect(0, 0, 0, 0)", a.style.whiteSpace = "pre", a.style.webkitUserSelect = "text", a.style.MozUserSelect = "text", a.style.msUserSelect = "text", a.style.userSelect = "text", a.addEventListener("copy", function(u) {
-      if (u.stopPropagation(), t.format)
-        if (u.preventDefault(), typeof u.clipboardData > "u") {
+    a = F(), s = document.createRange(), u = document.getSelection(), r = document.createElement("span"), r.textContent = n, r.ariaHidden = "true", r.style.all = "unset", r.style.position = "fixed", r.style.top = 0, r.style.clip = "rect(0, 0, 0, 0)", r.style.whiteSpace = "pre", r.style.webkitUserSelect = "text", r.style.MozUserSelect = "text", r.style.msUserSelect = "text", r.style.userSelect = "text", r.addEventListener("copy", function(c) {
+      if (c.stopPropagation(), t.format)
+        if (c.preventDefault(), typeof c.clipboardData > "u") {
           e && console.warn("unable to use e.clipboardData"), e && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
           var l = S[t.format] || S.default;
           window.clipboardData.setData(l, n);
         } else
-          u.clipboardData.clearData(), u.clipboardData.setData(t.format, n);
-      t.onCopy && (u.preventDefault(), t.onCopy(u.clipboardData));
-    }), document.body.appendChild(a), r.selectNodeContents(a), c.addRange(r);
+          c.clipboardData.clearData(), c.clipboardData.setData(t.format, n);
+      t.onCopy && (c.preventDefault(), t.onCopy(c.clipboardData));
+    }), document.body.appendChild(r), s.selectNodeContents(r), u.addRange(s);
     var d = document.execCommand("copy");
     if (!d)
       throw new Error("copy command was unsuccessful");
-    s = !0;
-  } catch (u) {
-    e && console.error("unable to copy using execCommand: ", u), e && console.warn("trying IE specific stuff");
+    i = !0;
+  } catch (c) {
+    e && console.error("unable to copy using execCommand: ", c), e && console.warn("trying IE specific stuff");
     try {
-      window.clipboardData.setData(t.format || "text", n), t.onCopy && t.onCopy(window.clipboardData), s = !0;
+      window.clipboardData.setData(t.format || "text", n), t.onCopy && t.onCopy(window.clipboardData), i = !0;
     } catch (l) {
-      e && console.error("unable to copy using clipboardData: ", l), e && console.error("falling back to prompt"), o = F("message" in t ? t.message : z), window.prompt(o, n);
+      e && console.error("unable to copy using clipboardData: ", l), e && console.error("falling back to prompt"), o = z("message" in t ? t.message : W), window.prompt(o, n);
     }
   } finally {
-    c && (typeof c.removeRange == "function" ? c.removeRange(r) : c.removeAllRanges()), a && document.body.removeChild(a), i();
+    u && (typeof u.removeRange == "function" ? u.removeRange(s) : u.removeAllRanges()), r && document.body.removeChild(r), a();
   }
-  return s;
+  return i;
 }
 var Q = H;
 const j = ({ value: n = "", optionsOrTimeout: t = {} } = {}) => {
-  const [e, o] = v(!1), [i, r] = v(n);
-  m(() => r(n), [n]);
-  const { timeout: c = 1500, ...a } = typeof t == "number" ? { timeout: t } : t, s = b(() => {
-    const d = Q(i, a);
+  const [e, o] = v(!1), [a, s] = v(n);
+  m(() => s(n), [n]);
+  const { timeout: u = 1500, ...r } = typeof t == "number" ? { timeout: t } : t, i = b(() => {
+    const d = Q(a, r);
     o(d);
-  }, [i, a]);
+  }, [a, r]);
   return m(() => {
     let d = null;
     return e && (d = window.setTimeout(() => {
       o(!1);
-    }, c)), () => {
+    }, u)), () => {
       d && window.clearTimeout(d);
     };
-  }, [c, e]), {
-    value: i,
-    setValue: r,
-    onCopy: s,
+  }, [u, e]), {
+    value: a,
+    setValue: s,
+    onCopy: i,
     hasCopied: e
   };
-}, ce = j, q = ({ value: n, delay: t = 500 }) => {
+}, ue = j, q = ({
+  value: n,
+  thousandSeparator: t = ".",
+  decimalLength: e,
+  decimalSeparator: o = ",",
+  code: a = ""
+}) => {
+  const u = ((r) => {
+    const i = r.toString().split("."), d = i[0].replace(/\B(?=(\d{3})+(?!\d))/g, t);
+    let c = "";
+    return e !== void 0 ? i.length > 1 && e > 0 ? c = o + i[1].padEnd(e, "0").slice(0, e) : e > 0 && (c = o + "0".repeat(e)) : i.length > 1 && (c = o + i[1]), d + c;
+  })(n);
+  return a ? a + u : u;
+}, de = q, K = ({ value: n, delay: t = 500 }) => {
   const [e, o] = v(n);
   return m(() => {
-    const i = setTimeout(() => o(n), t || 500);
+    const a = setTimeout(() => o(n), t || 500);
     return () => {
-      clearTimeout(i);
+      clearTimeout(a);
     };
   }, [n, t]), e;
-}, ue = q;
-var K = process.env.NODE_ENV === "production", y = "Invariant failed";
+}, le = K;
+var X = process.env.NODE_ENV === "production", y = "Invariant failed";
 function B(n, t) {
   if (!n) {
-    if (K)
+    if (X)
       throw new Error(y);
     var e = typeof t == "function" ? t() : t, o = e ? "".concat(y, ": ").concat(e) : y;
     throw new Error(o);
   }
 }
 var E = function(t) {
-  var e = t.top, o = t.right, i = t.bottom, r = t.left, c = o - r, a = i - e, s = {
+  var e = t.top, o = t.right, a = t.bottom, s = t.left, u = o - s, r = a - e, i = {
     top: e,
     right: o,
-    bottom: i,
-    left: r,
-    width: c,
-    height: a,
-    x: r,
+    bottom: a,
+    left: s,
+    width: u,
+    height: r,
+    x: s,
     y: e,
     center: {
-      x: (o + r) / 2,
-      y: (i + e) / 2
+      x: (o + s) / 2,
+      y: (a + e) / 2
     }
   };
-  return s;
-}, X = function(t, e) {
+  return i;
+}, G = function(t, e) {
   return {
     top: t.top - e.top,
     left: t.left - e.left,
@@ -146,125 +159,125 @@ var E = function(t) {
   right: 0,
   bottom: 0,
   left: 0
-}, G = function(t) {
-  var e = t.borderBox, o = t.margin, i = o === void 0 ? C : o, r = t.border, c = r === void 0 ? C : r, a = t.padding, s = a === void 0 ? C : a, d = E(X(e, i)), u = E(O(e, c)), l = E(O(u, s));
+}, J = function(t) {
+  var e = t.borderBox, o = t.margin, a = o === void 0 ? C : o, s = t.border, u = s === void 0 ? C : s, r = t.padding, i = r === void 0 ? C : r, d = E(G(e, a)), c = E(O(e, u)), l = E(O(c, i));
   return {
     marginBox: d,
     borderBox: E(e),
-    paddingBox: u,
+    paddingBox: c,
     contentBox: l,
-    margin: i,
-    border: c,
-    padding: s
+    margin: a,
+    border: u,
+    padding: i
   };
 }, f = function(t) {
   var e = t.slice(0, -2), o = t.slice(-2);
   if (o !== "px")
     return 0;
-  var i = Number(e);
-  return isNaN(i) && (process.env.NODE_ENV !== "production" ? B(!1, "Could not parse value [raw: " + t + ", without suffix: " + e + "]") : B(!1)), i;
-}, J = function(t, e) {
+  var a = Number(e);
+  return isNaN(a) && (process.env.NODE_ENV !== "production" ? B(!1, "Could not parse value [raw: " + t + ", without suffix: " + e + "]") : B(!1)), a;
+}, Y = function(t, e) {
   var o = {
     top: f(e.marginTop),
     right: f(e.marginRight),
     bottom: f(e.marginBottom),
     left: f(e.marginLeft)
-  }, i = {
+  }, a = {
     top: f(e.paddingTop),
     right: f(e.paddingRight),
     bottom: f(e.paddingBottom),
     left: f(e.paddingLeft)
-  }, r = {
+  }, s = {
     top: f(e.borderTopWidth),
     right: f(e.borderRightWidth),
     bottom: f(e.borderBottomWidth),
     left: f(e.borderLeftWidth)
   };
-  return G({
+  return J({
     borderBox: t,
     margin: o,
-    padding: i,
-    border: r
+    padding: a,
+    border: s
   });
-}, Y = function(t) {
+}, Z = function(t) {
   var e = t.getBoundingClientRect(), o = window.getComputedStyle(t);
-  return J(e, o);
+  return Y(e, o);
 };
-const Z = k ? N : m, _ = Z, ee = (n, t) => {
-  const [e, o] = v(null), i = L();
-  return _(() => {
-    const r = () => {
-      const c = n.current;
-      c && (i.current = requestAnimationFrame(() => {
-        const a = Y(c);
-        o(a);
+const _ = k ? P : m, ee = _, te = (n, t) => {
+  const [e, o] = v(null), a = L();
+  return ee(() => {
+    const s = () => {
+      const u = n.current;
+      u && (a.current = requestAnimationFrame(() => {
+        const r = Z(u);
+        o(r);
       }));
     };
-    return r(), t && (window.addEventListener("resize", r), window.addEventListener("scroll", r)), () => {
-      t && (window.removeEventListener("resize", r), window.removeEventListener("scroll", r)), i.current && cancelAnimationFrame(i.current);
+    return s(), t && (window.addEventListener("resize", s), window.addEventListener("scroll", s)), () => {
+      t && (window.removeEventListener("resize", s), window.removeEventListener("scroll", s)), a.current && cancelAnimationFrame(a.current);
     };
   }, [t]), e;
-}, de = ee, te = ({
+}, fe = te, ne = ({
   onClose: n,
   onOpen: t,
   isOpen: e,
   defaultIsOpen: o,
-  id: i
+  id: a
 } = {}) => {
-  const [r, c] = v(o || !1), a = e !== void 0 ? e : r, s = e !== void 0, d = P(), u = i ?? `disclosure-${d}`, l = x(t), g = x(n), p = b(() => {
-    s || c(!1), g == null || g();
-  }, [s, g]), h = b(() => {
-    s || c(!0), l == null || l();
-  }, [s, l]), R = b(() => {
-    a ? p() : h();
-  }, [a, h, p]);
+  const [s, u] = v(o || !1), r = e !== void 0 ? e : s, i = e !== void 0, d = $(), c = a ?? `disclosure-${d}`, l = x(t), g = x(n), p = b(() => {
+    i || u(!1), g == null || g();
+  }, [i, g]), h = b(() => {
+    i || u(!0), l == null || l();
+  }, [i, l]), R = b(() => {
+    r ? p() : h();
+  }, [r, h, p]);
   return {
     onClose: p,
     onOpen: h,
     onToggle: R,
     getButtonProps: ({ onClick: w, ...M } = {}) => ({
       ...M,
-      "aria-expanded": a,
-      "aria-controls": u,
-      onClick(A) {
-        w == null || w(A), R();
+      "aria-expanded": r,
+      "aria-controls": c,
+      onClick(N) {
+        w == null || w(N), R();
       }
     }),
     getDisclosureProps: ({ ...w } = {}) => ({
       ...w,
-      hidden: !a,
-      id: u
+      hidden: !r,
+      id: c
     }),
-    isOpen: a
+    isOpen: r
   };
-}, le = te, ne = (n, t = {}) => {
-  const { ssr: e = !0, fallback: o } = t, i = Array.isArray(n) ? n : [n];
-  let r = Array.isArray(o) ? o : [o];
-  r = r.filter((s) => s != null);
-  const [c, a] = v(() => i.map((s, d) => ({
-    media: s,
-    matches: e ? !!r[d] : window.matchMedia(s).matches
+}, me = ne, oe = (n, t = {}) => {
+  const { ssr: e = !0, fallback: o } = t, a = Array.isArray(n) ? n : [n];
+  let s = Array.isArray(o) ? o : [o];
+  s = s.filter((i) => i != null);
+  const [u, r] = v(() => a.map((i, d) => ({
+    media: i,
+    matches: e ? !!s[d] : window.matchMedia(i).matches
   })));
   return m(() => {
-    const s = window;
-    a(
-      i.map((l) => ({
+    const i = window;
+    r(
+      a.map((l) => ({
         media: l,
-        matches: s.matchMedia(l).matches
+        matches: i.matchMedia(l).matches
       }))
     );
-    const d = i.map((l) => s.matchMedia(l)), u = (l) => {
-      a((g) => g.slice().map((p) => p.media === l.media ? { ...p, matches: l.matches } : p));
+    const d = a.map((l) => i.matchMedia(l)), c = (l) => {
+      r((g) => g.slice().map((p) => p.media === l.media ? { ...p, matches: l.matches } : p));
     };
     return d.forEach((l) => {
-      l.addEventListener("change", u);
+      l.addEventListener("change", c);
     }), () => {
       d.forEach((l) => {
-        l.removeEventListener("change", u);
+        l.removeEventListener("change", c);
       });
     };
-  }, [window]), c.map((s) => s.matches);
-}, fe = ne, oe = () => {
+  }, [window]), u.map((i) => i.matches);
+}, pe = oe, re = () => {
   const [n, t] = v(navigator.onLine);
   return m(() => {
     const e = () => t(navigator.onLine);
@@ -272,43 +285,44 @@ const Z = k ? N : m, _ = Z, ee = (n, t) => {
       window.removeEventListener("online", e), window.removeEventListener("offline", e);
     };
   }, []), { isOnline: n, isOffline: !n };
-}, me = oe, re = ({ enabled: n = !0, ref: t, handler: e }) => {
-  const o = x(e), r = L({
+}, ve = re, ae = ({ enabled: n = !0, ref: t, handler: e }) => {
+  const o = x(e), s = L({
     isPointerDown: !1,
     ignoreEmulatedMouseEvents: !1
   }).current;
   m(() => {
     if (!n)
       return;
-    const c = (u) => {
-      D(u, t) && (r.isPointerDown = !0);
-    }, a = (u) => {
-      if (r.ignoreEmulatedMouseEvents) {
-        r.ignoreEmulatedMouseEvents = !1;
+    const u = (c) => {
+      D(c, t) && (s.isPointerDown = !0);
+    }, r = (c) => {
+      if (s.ignoreEmulatedMouseEvents) {
+        s.ignoreEmulatedMouseEvents = !1;
         return;
       }
-      r.isPointerDown && e && D(u, t) && (r.isPointerDown = !1, o(u));
-    }, s = (u) => {
-      r.ignoreEmulatedMouseEvents = !0, e && r.isPointerDown && D(u, t) && (r.isPointerDown = !1, o(u));
+      s.isPointerDown && e && D(c, t) && (s.isPointerDown = !1, o(c));
+    }, i = (c) => {
+      s.ignoreEmulatedMouseEvents = !0, e && s.isPointerDown && D(c, t) && (s.isPointerDown = !1, o(c));
     }, d = T(t.current);
-    return d.addEventListener("mousedown", c, !0), d.addEventListener("mouseup", a, !0), d.addEventListener("touchstart", c, !0), d.addEventListener("touchend", s, !0), () => {
-      d.removeEventListener("mousedown", c, !0), d.removeEventListener("mouseup", a, !0), d.removeEventListener("touchstart", c, !0), d.removeEventListener("touchend", s, !0);
+    return d.addEventListener("mousedown", u, !0), d.addEventListener("mouseup", r, !0), d.addEventListener("touchstart", u, !0), d.addEventListener("touchend", i, !0), () => {
+      d.removeEventListener("mousedown", u, !0), d.removeEventListener("mouseup", r, !0), d.removeEventListener("touchstart", u, !0), d.removeEventListener("touchend", i, !0);
     };
-  }, [e, t, o, r, n]);
-}, pe = re;
+  }, [e, t, o, s, n]);
+}, ge = ae;
 export {
   I as canUseDOM,
   T as getOwnerDocument,
   k as isBrowser,
-  $ as isElement,
+  A as isElement,
   D as isValidEvent,
   x as useCallbackRef,
-  ce as useClipboard,
-  ue as useDebounce,
-  de as useDimensions,
-  le as useDisclosure,
-  fe as useMediaQuery,
-  me as useOnlineStatus,
-  pe as useOutsideClick,
-  _ as useSafeLayoutEffect
+  ue as useClipboard,
+  de as useCurrencyFormatter,
+  le as useDebounce,
+  fe as useDimensions,
+  me as useDisclosure,
+  pe as useMediaQuery,
+  ve as useOnlineStatus,
+  ge as useOutsideClick,
+  ee as useSafeLayoutEffect
 };

package/dist/types/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export * from './use-callback-ref';
 export * from './use-clipboard';
+export * from './use-currency-formatter';
 export * from './use-debounce';
 export * from './use-dimensions';
 export * from './use-disclosure';

package/dist/types/hooks/use-currency-formatter/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useCurrencyFormatter } from './use-currency-formatter';
+export * from './use-currency-formatter';

package/dist/types/hooks/use-currency-formatter/use-currency-formatter.d.ts

@@ -0,0 +1,9 @@
+export interface NumberSeparatorProps {
+    value: number;
+    thousandSeparator?: string;
+    decimalLength?: number;
+    decimalSeparator?: string;
+    code?: string;
+}
+declare const useCurrencyFormatter: ({ value, thousandSeparator, decimalLength, decimalSeparator, code, }: NumberSeparatorProps) => string;
+export default useCurrencyFormatter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctlyst.id/utils",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Utilities library for voila user facing library.",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -34,7 +34,8 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
+    "@vanilla-extract/vite-plugin": "^3.8.0",
     "ts-dedent": "^2.2.0"
   },
-  "gitHead": "1499085217c762f3011eefc83a8a2e1511e3a17c"
+  "gitHead": "df86aef119d346aaf8eef07f71aba98b5c18da29"
 }