@yusufalperendumlu/component-library 0.1.14 → 0.1.15

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.
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("react");function r(e){var t,n,s="";if("string"==typeof e||"number"==typeof e)s+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(s&&(s+=" "),s+=n)}else for(n in e)e[n]&&(s&&(s+=" "),s+=n);return s}function n(){for(var e,t,n=0,s="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(s&&(s+=" "),s+=t);return s}var s={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},a=t.createContext&&t.createContext(s),o=["attr","size","title"];function i(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){u(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function u(e,t,r){var n;return n=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==typeof n?n:n+"")in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function x(e){return e&&e.map((e,r)=>t.createElement(e.tag,d({key:r},e.attr),x(e.child)))}function m(e){return r=>t.createElement(p,l({attr:d({},e.attr)},r),x(e.child))}function p(e){var r=r=>{var n,{attr:s,size:a,title:c}=e,u=i(e,o),x=a||r.size||"1em";return r.className&&(n=r.className),e.className&&(n=(n?n+" ":"")+e.className),t.createElement("svg",l({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,s,u,{className:n,style:d(d({color:e.color||r.color},r.style),e.style),height:x,width:x,xmlns:"http://www.w3.org/2000/svg"}),c&&t.createElement("title",null,c),e.children)};return void 0!==a?t.createElement(a.Consumer,null,e=>r(e)):r(s)}function h(e){return m({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M128 192l128 128 128-128z"},child:[]}]})(e)}const f=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,b=n,g=(e,t)=>r=>{var n;if(null==(null==t?void 0:t.variants))return b(e,null==r?void 0:r.class,null==r?void 0:r.className);const{variants:s,defaultVariants:a}=t,o=Object.keys(s).map(e=>{const t=null==r?void 0:r[e],n=null==a?void 0:a[e];if(null===t)return null;const o=f(t)||f(n);return s[e][o]}),i=r&&Object.entries(r).reduce((e,t)=>{let[r,n]=t;return void 0===n||(e[r]=n),e},{}),l=null==t||null===(n=t.compoundVariants)||void 0===n?void 0:n.reduce((e,t)=>{let{class:r,className:n,...s}=t;return Object.entries(s).every(e=>{let[t,r]=e;return Array.isArray(r)?r.includes({...a,...i}[t]):{...a,...i}[t]===r})?[...e,r,n]:e},[]);return b(e,o,l,null==r?void 0:r.class,null==r?void 0:r.className)},v=g("inline-flex items-center text-center px-2.5 py-0.5 rounded-full font-bold transition-colors",{variants:{variant:{default:"bg-gray-100 text-gray-800",success:"bg-[#32CD32] text-white",error:"bg-[#FF2400] text-white",warning:"bg-[#4D4DFF] text-white",info:"bg-[#B2BEB5] text-white",outline:"border border-gray-300 text-gray-800"},size:{sm:"text-xs px-2 py-0.5",md:"text-sm px-3 py-0.5",lg:"text-base px-4 py-1"}},defaultVariants:{variant:"default",size:"md"}}),y=g("outline-none font-inter transition-all font-[12px] gap-2 flex items-center justify-center rounded-md duration-300 ease-in-out disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-inherit",{variants:{variant:{primary:"bg-[#5876EE] text-white shadow-xs hover:bg-[#4a66d9]",secondary:"bg-[#BDC311] text-[#424242] shadow-xs hover:bg-[#a8b00e]",outline:"bg-transparent shadow-xs",danger:"bg-[#FF0000] shadow-xs hover:bg-[#d40000] hover:text-white"},size:{small:"w-fit px-2 py-1 text-sm",medium:"w-1/2 px-3 py-2 text-base",large:"w-full px-4 py-2 text-lg"},border:{primary:"border border-[#5876EE] ",secondary:"border border-[#BDC311]",outline:"border border-[#424242] ",danger:"border border-[#FF0000] text-[#FF0000]"}},defaultVariants:{variant:"primary",size:"medium"}});function w(e){return m({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z"},child:[]}]})(e)}const j=Object.assign(({isOpen:r,onClose:s,children:a,className:o,showCloseIcon:i=!0,theme:l})=>{const c=t.useRef(null);return t.useEffect(()=>{const e=e=>{c.current&&!c.current.contains(e.target)&&s()},t=e=>{"Escape"===e.key&&s()};return r&&(document.addEventListener("mousedown",e),document.addEventListener("keydown",t)),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[s,r]),r?e.jsx("div",{className:n("fixed inset-0 z-50 bg-black/50 flex items-center justify-center px-4"),children:e.jsxs("div",{ref:c,className:n("rounded-[4px] w-full max-w-md shadow-lg",o,"dark"===l?"bg-[#171215] text-white":"bg-white text-[#424242]"),children:[i&&e.jsx("div",{className:"relative",children:e.jsx("button",{onClick:s,className:"absolute top-5 right-4 cursor-pointer",children:e.jsx(w,{className:"w-5 h-5 text-[#424242]"})})}),a]})}):null},{Header:({children:t})=>e.jsx("div",{className:"px-6 py-4 border-b-2 border-[#424242]",children:e.jsx("h2",{className:"text-lg font-medium ",children:t})}),Body:({children:t})=>e.jsx("div",{className:"px-6 py-4",children:t}),Footer:({children:t})=>e.jsx("div",{className:"flex justify-end gap-2 px-6 py-4 border-t-2 border-[#424242]",children:t})}),N=g("outline-none font-inter bg-transparent min-w-[160px] px-4 py-2 placeholder:text-[#3f3f3f] rounded-md border border-[#424242] focus:outline-none transition-colors duration-200 ease-in-out rounded-md disabled:cursor-not-allowed disabled:opacity-50");function E(e){return m({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z"},child:[]}]})(e)}function O(e){return m({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"},child:[]}]})(e)}const k={success:e.jsx(function(e){return m({attr:{version:"1.2",baseProfile:"tiny",viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M16.972 6.251c-.967-.538-2.185-.188-2.72.777l-3.713 6.682-2.125-2.125c-.781-.781-2.047-.781-2.828 0-.781.781-.781 2.047 0 2.828l4 4c.378.379.888.587 1.414.587l.277-.02c.621-.087 1.166-.46 1.471-1.009l5-9c.537-.966.189-2.183-.776-2.72z"},child:[]}]})(e)},{className:"text-green-500 h-6 w-6 bg-white p-1 rounded-full text-sm mr-2"}),error:e.jsx(function(e){return m({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"},child:[]}]})(e)},{className:"text-white text-lg mr-2"})},C=g("flex items-center justify-between w-full max-w-xs px-4 py-2 rounded-md shadow-md transition-opacity duration-300",{variants:{type:{success:"bg-green-500 text-white",error:"bg-red-500 text-white"},position:{"top-left":"fixed top-4 left-4","top-right":"fixed top-4 right-4","bottom-left":"fixed bottom-4 left-4","bottom-right":"fixed bottom-4 right-4"}},defaultVariants:{type:"success",position:"top-right"}}),z=({id:r,title:s,description:a,duration:o=3e3,type:i,position:l,onClose:c})=>{const[d,u]=t.useState(!0),[x,m]=t.useState(!1),p=()=>{m(!0),setTimeout(()=>{c(r)},300)};return t.useEffect(()=>{if(!o)return;const e=setTimeout(()=>{p()},o);return()=>clearTimeout(e)},[o]),d?e.jsxs("div",{className:n(C({type:i,position:l}),x?"toast-exit":"toast-enter"),children:[e.jsx("span",{children:k[i]}),e.jsxs("div",{className:"flex flex-col ml-2 flex-1",children:[e.jsx("span",{className:"font-semibold",children:s}),e.jsx("span",{className:"text-sm",children:a})]}),e.jsx("button",{onClick:p,className:"ml-4",children:e.jsx(w,{size:16})})]}):null},F=t.createContext(null);exports.Autocomplete=({options:r,selected:s,setSelected:a,placeholder:o,showChosen:i=!1,label:l,className:c,theme:d})=>{const[u,x]=t.useState(""),[m,p]=t.useState(!1),f=t.useRef(null),b=r.filter(e=>e.name.toLowerCase().includes(u.toLowerCase())&&(!i||!s.find(t=>t.id===e.id))),g=e=>{f.current&&!f.current.contains(e.target)&&p(!1)};return t.useEffect(()=>(document.addEventListener("mousedown",g),()=>document.removeEventListener("mousedown",g)),[]),e.jsxs("div",{ref:f,className:n("relative w-full",c),children:[l&&e.jsx("label",{className:"mb-1 text-sm text-black dark:text-white",children:l}),e.jsxs("div",{className:"flex flex-wrap gap-1 border rounded-md p-2 min-h-[42px] items-center focus-within:ring-2 ring-[#5876EE]",children:[i?s.map(t=>e.jsxs("span",{className:"flex items-center gap-1 bg-[#5876EE] text-white px-2 py-1 rounded text-xs",children:[t.name,e.jsx("button",{type:"button",onClick:()=>(e=>{a(s.filter(t=>t.id!==e.id))})(t),className:"ml-1 text-white hover:text-gray-200",children:"×"})]},t.id)):e.jsx(e.Fragment,{children:s[0]&&e.jsx("span",{className:n("text-sm mr-2","dark"===d?"text-white":"text-black"),children:s[0].name})}),e.jsx("input",{type:"text",className:n("flex-1 outline-none border-none text-sm bg-transparent"),placeholder:!s.length||i?o:"",value:u,onChange:e=>{x(e.target.value),p(!0)},onFocus:()=>p(!0)}),e.jsx("button",{type:"button",className:"text-gray-600 hover:text-gray-800",onClick:()=>p(!m),children:e.jsx(h,{className:"w-6 h-6"})})]}),m&&b.length>0&&e.jsx("ul",{className:n("absolute z-10 mt-1 w-full max-h-60 overflow-y-auto border rounded-md shadow-md","dark"===d?"bg-[#171215] text-white ":"bg-white text-black "),children:b.map(t=>e.jsx("li",{className:n("cursor-pointer px-4 py-2 text-sm",s.find(e=>e.id===t.id)&&"bg-[#5876EE] text-white hover:text-black","dark"===d?"hover:bg-[#424242]":"hover:bg-[#E2E2E2]"),onClick:()=>(e=>{i?a([...s,e]):(a([e]),p(!1)),x("")})(t),children:t.name},t.id))})]})},exports.Badge=({className:t,children:r,variant:s,size:a,...o})=>e.jsx("span",{className:n(v({variant:s,size:a}),t),...o,children:r}),exports.Button=({variant:t,size:r,border:s,label:a,className:o,...i})=>e.jsx("button",{className:n(y({variant:t,size:r,border:s}),o),...i,children:a}),exports.Dialog=j,exports.Input=({placeholder:t,type:r,className:s,label:a,...o})=>e.jsxs("div",{className:n("flex flex-col",s),children:[a&&e.jsx("label",{className:"mb-1 text-sm text-[#424242]",children:a}),e.jsx("input",{type:r,className:n(N(),s),placeholder:t,...o})]}),exports.Table=function({columns:r,data:s,onRowClick:a,className:o,selectedRowId:i,rowIdKey:l="id",theme:c}){const[d,u]=t.useState(null),[x,m]=t.useState("asc"),[p,h]=t.useState(null),f=t.useMemo(()=>{if(!d)return s;const e=r.find(e=>e.key===d);return[...s].sort((t,r)=>{if(e?.sortFn){const n=e.sortFn(t,r);return"asc"===x?n:-n}return t[d]<r[d]?"asc"===x?-1:1:t[d]>r[d]?"asc"===x?1:-1:0})},[s,d,x,r]);return e.jsx("div",{className:n("border-none h-full flex flex-col",o),children:e.jsx("div",{className:n("h-full overflow-y-auto custom-scroll","dark"===c?"bg-[#171215]":"bg-white"),children:e.jsxs("table",{className:n("table-fixed min-w-full text-left text-sm font-medium","dark"===c?"text-white":"text-[#424242]"),children:[e.jsx("thead",{className:n("border-b-2 border-[#5876EE] text-[#5876EE] sticky top-0 z-10","dark"===c?"bg-[#171215]":"bg-white"),children:e.jsx("tr",{children:r.map(({key:t,label:r,sortable:s})=>e.jsx("th",{scope:"col",className:n("cursor-pointer w-1/5 select-none px-6 py-3 "),onClick:()=>((e,t)=>{t&&(d===e?m("asc"===x?"desc":"asc"):(u(e),m("asc")))})(t,s),children:e.jsxs("div",{className:"inline-flex items-center gap-1",children:[r,s&&d===t&&("asc"===x?e.jsx(O,{className:"h-3 w-3 font-light"}):e.jsx(E,{className:"h-3 w-3 font-light"}))]})},t))})}),e.jsx("tbody",{children:f.map((t,s)=>{const o=null!=i&&t[l]===i;return e.jsx("tr",{onClick:()=>{h(s),a?.(t)},className:n(o?"bg-[#BDC311]":s%2==0?"dark"===c?"bg-[#171215]":"bg-[#E2E2E2]":"dark"===c?"bg-[#424242]":"bg-[#FFFFFF]","cursor-pointer"),children:r.map(({key:r,render:n})=>e.jsx("td",{className:"whitespace-nowrap px-6 py-4",children:n?n(t[r],t):t[r]},r))},s)})})]})})})},exports.ToastrContainer=({children:r})=>{const[n,s]=t.useState([]),a=e=>{s(t=>t.filter(t=>t.id!==e))},o={addToast:e=>{const t=Date.now();s(r=>[...r,{id:t,...e,onClose:a}])}};return e.jsxs(F.Provider,{value:o,children:[r,e.jsx("div",{className:"fixed top-4 right-4 z-[999] flex flex-col space-y-2",children:n.map(t=>e.jsx(z,{...t},t.id))})]})},exports.useToastr=()=>{const{addToast:e}=(()=>{const e=t.useContext(F);if(!e)throw new Error("useToast must be used within a ToastrContainer");return e})();return{success:(t,r,n,s="top-right")=>e({type:"success",title:t,description:r,duration:n,position:s}),error:(t,r,n,s="top-right")=>e({type:"error",title:t,description:r,duration:n,position:s})}};
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("react");function r(e){var t,n,s="";if("string"==typeof e||"number"==typeof e)s+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(s&&(s+=" "),s+=n)}else for(n in e)e[n]&&(s&&(s+=" "),s+=n);return s}function n(){for(var e,t,n=0,s="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(s&&(s+=" "),s+=t);return s}var s={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},a=t.createContext&&t.createContext(s),o=["attr","size","title"];function i(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){u(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function u(e,t,r){var n;return n=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==typeof n?n:n+"")in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function x(e){return e&&e.map((e,r)=>t.createElement(e.tag,d({key:r},e.attr),x(e.child)))}function m(e){return r=>t.createElement(p,l({attr:d({},e.attr)},r),x(e.child))}function p(e){var r=r=>{var n,{attr:s,size:a,title:c}=e,u=i(e,o),x=a||r.size||"1em";return r.className&&(n=r.className),e.className&&(n=(n?n+" ":"")+e.className),t.createElement("svg",l({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,s,u,{className:n,style:d(d({color:e.color||r.color},r.style),e.style),height:x,width:x,xmlns:"http://www.w3.org/2000/svg"}),c&&t.createElement("title",null,c),e.children)};return void 0!==a?t.createElement(a.Consumer,null,e=>r(e)):r(s)}function h(e){return m({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M128 192l128 128 128-128z"},child:[]}]})(e)}const f=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,b=n,g=(e,t)=>r=>{var n;if(null==(null==t?void 0:t.variants))return b(e,null==r?void 0:r.class,null==r?void 0:r.className);const{variants:s,defaultVariants:a}=t,o=Object.keys(s).map(e=>{const t=null==r?void 0:r[e],n=null==a?void 0:a[e];if(null===t)return null;const o=f(t)||f(n);return s[e][o]}),i=r&&Object.entries(r).reduce((e,t)=>{let[r,n]=t;return void 0===n||(e[r]=n),e},{}),l=null==t||null===(n=t.compoundVariants)||void 0===n?void 0:n.reduce((e,t)=>{let{class:r,className:n,...s}=t;return Object.entries(s).every(e=>{let[t,r]=e;return Array.isArray(r)?r.includes({...a,...i}[t]):{...a,...i}[t]===r})?[...e,r,n]:e},[]);return b(e,o,l,null==r?void 0:r.class,null==r?void 0:r.className)},v=g("inline-flex items-center text-center px-2.5 py-0.5 rounded-full font-bold transition-colors",{variants:{variant:{default:"bg-gray-100 text-gray-800",success:"bg-[#32CD32] text-white",error:"bg-[#FF2400] text-white",warning:"bg-[#4D4DFF] text-white",info:"bg-[#B2BEB5] text-white",outline:"border border-gray-300 text-gray-800"},size:{sm:"text-xs px-2 py-0.5",md:"text-sm px-3 py-0.5",lg:"text-base px-4 py-1"}},defaultVariants:{variant:"default",size:"md"}}),y=g("outline-none font-inter transition-all font-[12px] gap-2 flex items-center justify-center rounded-md duration-300 ease-in-out disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-inherit",{variants:{variant:{primary:"bg-[#5876EE] text-white shadow-xs hover:bg-[#4a66d9]",secondary:"bg-[#BDC311] text-[#424242] shadow-xs hover:bg-[#a8b00e]",outline:"bg-transparent shadow-xs",danger:"bg-[#FF0000] shadow-xs hover:bg-[#d40000] hover:text-white"},size:{small:"w-fit px-2 py-1 text-sm",medium:"w-1/2 px-3 py-2 text-base",large:"w-full px-4 py-2 text-lg"},border:{primary:"border border-[#5876EE] ",secondary:"border border-[#BDC311]",outline:"border border-[#424242] ",danger:"border border-[#FF0000] text-[#FF0000]"}},defaultVariants:{variant:"primary",size:"medium"}});function w(e){return m({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z"},child:[]}]})(e)}const j=Object.assign(({isOpen:r,onClose:s,children:a,className:o,showCloseIcon:i=!0,theme:l})=>{const c=t.useRef(null);return t.useEffect(()=>{const e=e=>{c.current&&!c.current.contains(e.target)&&s()},t=e=>{"Escape"===e.key&&s()};return r&&(document.addEventListener("mousedown",e),document.addEventListener("keydown",t)),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[s,r]),r?e.jsx("div",{className:n("fixed inset-0 z-50 bg-black/50 flex items-center justify-center px-4"),children:e.jsxs("div",{ref:c,className:n("rounded-[4px] w-full max-w-md shadow-lg",o,"dark"===l?"bg-[#171215] text-white":"bg-white text-[#424242]"),children:[i&&e.jsx("div",{className:"relative",children:e.jsx("button",{onClick:s,className:"absolute top-5 right-4 cursor-pointer",children:e.jsx(w,{className:"w-5 h-5 text-[#424242]"})})}),a]})}):null},{Header:({children:t})=>e.jsx("div",{className:"px-6 py-4 border-b-2 border-[#424242]",children:e.jsx("h2",{className:"text-lg font-medium ",children:t})}),Body:({children:t})=>e.jsx("div",{className:"px-6 py-4",children:t}),Footer:({children:t})=>e.jsx("div",{className:"flex justify-end gap-2 px-6 py-4 border-t-2 border-[#424242]",children:t})}),N=g("outline-none font-inter bg-transparent min-w-[160px] px-4 py-2 placeholder:text-[#3f3f3f] rounded-md border border-[#424242] focus:outline-none transition-colors duration-200 ease-in-out rounded-md disabled:cursor-not-allowed disabled:opacity-50");function E(e){return m({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z"},child:[]}]})(e)}function O(e){return m({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"},child:[]}]})(e)}const k={success:e.jsx(function(e){return m({attr:{version:"1.2",baseProfile:"tiny",viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M16.972 6.251c-.967-.538-2.185-.188-2.72.777l-3.713 6.682-2.125-2.125c-.781-.781-2.047-.781-2.828 0-.781.781-.781 2.047 0 2.828l4 4c.378.379.888.587 1.414.587l.277-.02c.621-.087 1.166-.46 1.471-1.009l5-9c.537-.966.189-2.183-.776-2.72z"},child:[]}]})(e)},{className:"text-green-500 h-6 w-6 bg-white p-1 rounded-full text-sm mr-2"}),error:e.jsx(function(e){return m({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"},child:[]}]})(e)},{className:"text-white text-lg mr-2"})},C=g("flex items-center justify-between w-full max-w-xs px-4 py-2 rounded-md shadow-md transition-opacity duration-300",{variants:{type:{success:"bg-green-500 text-white",error:"bg-red-500 text-white"},position:{"top-left":"fixed top-4 left-4","top-right":"fixed top-4 right-4","bottom-left":"fixed bottom-4 left-4","bottom-right":"fixed bottom-4 right-4"}},defaultVariants:{type:"success",position:"top-right"}}),z=({id:r,title:s,description:a,duration:o=3e3,type:i,position:l,onClose:c})=>{const[d,u]=t.useState(!0),[x,m]=t.useState(!1),p=()=>{m(!0),setTimeout(()=>{c(r)},300)};return t.useEffect(()=>{if(!o)return;const e=setTimeout(()=>{p()},o);return()=>clearTimeout(e)},[o]),d?e.jsxs("div",{className:n(C({type:i,position:l}),x?"toast-exit":"toast-enter"),children:[e.jsx("span",{children:k[i]}),e.jsxs("div",{className:"flex flex-col ml-2 flex-1",children:[e.jsx("span",{className:"font-semibold",children:s}),e.jsx("span",{className:"text-sm",children:a})]}),e.jsx("button",{onClick:p,className:"ml-4",children:e.jsx(w,{size:16})})]}):null},F=t.createContext(null);exports.Autocomplete=({options:r,selected:s,setSelected:a,placeholder:o,showChosen:i=!1,label:l,className:c,theme:d})=>{const[u,x]=t.useState(""),[m,p]=t.useState(!1),f=t.useRef(null),b=r.filter(e=>e.name.toLowerCase().includes(u.toLowerCase())&&(!i||!s.find(t=>t.id===e.id))),g=e=>{f.current&&!f.current.contains(e.target)&&p(!1)};return t.useEffect(()=>(document.addEventListener("mousedown",g),()=>document.removeEventListener("mousedown",g)),[]),e.jsxs("div",{ref:f,className:n("relative w-full",c),children:[l&&e.jsx("label",{className:"mb-1 text-sm text-black dark:text-white",children:l}),e.jsxs("div",{className:"flex flex-wrap gap-1 border rounded-md p-2 min-h-[42px] items-center focus-within:ring-2 ring-[#5876EE]",children:[i?s.map(t=>e.jsxs("span",{className:"flex items-center gap-1 bg-[#5876EE] text-white px-2 py-1 rounded text-xs",children:[t.name,e.jsx("button",{type:"button",onClick:()=>(e=>{a(s.filter(t=>t.id!==e.id))})(t),className:"ml-1 text-white hover:text-gray-200",children:"×"})]},t.id)):e.jsx(e.Fragment,{children:s[0]&&e.jsx("span",{className:n("text-sm mr-2","dark"===d?"text-white":"text-black"),children:s[0].name})}),e.jsx("input",{type:"text",className:n("flex-1 outline-none border-none text-sm bg-transparent"),placeholder:!s.length||i?o:"",value:u,onChange:e=>{x(e.target.value),p(!0)},onFocus:()=>p(!0)}),e.jsx("button",{type:"button",className:"text-gray-600 hover:text-gray-800",onClick:()=>p(!m),children:e.jsx(h,{className:"w-6 h-6"})})]}),m&&b.length>0&&e.jsx("ul",{className:n("absolute z-10 mt-1 w-full max-h-60 overflow-y-auto rounded-md shadow-md","dark"===d?"bg-[#171215] text-white ":"bg-white text-black "),children:b.map(t=>e.jsx("li",{className:n("cursor-pointer px-4 py-2 text-sm",s.find(e=>e.id===t.id)&&"bg-[#5876EE] text-white hover:text-black","dark"===d?"hover:bg-[#424242]":"hover:bg-[#E2E2E2]"),onClick:()=>(e=>{i?a([...s,e]):(a([e]),p(!1)),x("")})(t),children:t.name},t.id))})]})},exports.Badge=({className:t,children:r,variant:s,size:a,...o})=>e.jsx("span",{className:n(v({variant:s,size:a}),t),...o,children:r}),exports.Button=({variant:t,size:r,border:s,label:a,className:o,...i})=>e.jsx("button",{className:n(y({variant:t,size:r,border:s}),o),...i,children:a}),exports.Dialog=j,exports.Input=({placeholder:t,type:r,className:s,label:a,...o})=>e.jsxs("div",{className:n("flex flex-col",s),children:[a&&e.jsx("label",{className:"mb-1 text-sm text-[#424242]",children:a}),e.jsx("input",{type:r,className:n(N(),s),placeholder:t,...o})]}),exports.Table=function({columns:r,data:s,onRowClick:a,className:o,selectedRowId:i,rowIdKey:l="id",theme:c}){const[d,u]=t.useState(null),[x,m]=t.useState("asc"),[p,h]=t.useState(null),f=t.useMemo(()=>{if(!d)return s;const e=r.find(e=>e.key===d);return[...s].sort((t,r)=>{if(e?.sortFn){const n=e.sortFn(t,r);return"asc"===x?n:-n}return t[d]<r[d]?"asc"===x?-1:1:t[d]>r[d]?"asc"===x?1:-1:0})},[s,d,x,r]);return e.jsx("div",{className:n("border-none h-full flex flex-col",o),children:e.jsx("div",{className:n("h-full overflow-y-auto custom-scroll","dark"===c?"bg-[#171215]":"bg-white"),children:e.jsxs("table",{className:n("table-fixed min-w-full text-left text-sm font-medium","dark"===c?"text-white":"text-[#424242]"),children:[e.jsx("thead",{className:n("border-b-2 border-[#5876EE] text-[#5876EE] sticky top-0 z-10","dark"===c?"bg-[#171215]":"bg-white"),children:e.jsx("tr",{children:r.map(({key:t,label:r,sortable:s})=>e.jsx("th",{scope:"col",className:n("cursor-pointer w-1/5 select-none px-6 py-3 "),onClick:()=>((e,t)=>{t&&(d===e?m("asc"===x?"desc":"asc"):(u(e),m("asc")))})(t,s),children:e.jsxs("div",{className:"inline-flex items-center gap-1",children:[r,s&&d===t&&("asc"===x?e.jsx(O,{className:"h-3 w-3 font-light"}):e.jsx(E,{className:"h-3 w-3 font-light"}))]})},t))})}),e.jsx("tbody",{children:f.map((t,s)=>{const o=null!=i&&t[l]===i;return e.jsx("tr",{onClick:()=>{h(s),a?.(t)},className:n(o?"bg-[#BDC311]":s%2==0?"dark"===c?"bg-[#171215]":"bg-[#E2E2E2]":"dark"===c?"bg-[#424242]":"bg-[#FFFFFF]","cursor-pointer"),children:r.map(({key:r,render:n})=>e.jsx("td",{className:"whitespace-nowrap px-6 py-4",children:n?n(t[r],t):t[r]},r))},s)})})]})})})},exports.ToastrContainer=({children:r})=>{const[n,s]=t.useState([]),a=e=>{s(t=>t.filter(t=>t.id!==e))},o={addToast:e=>{const t=Date.now();s(r=>[...r,{id:t,...e,onClose:a}])}};return e.jsxs(F.Provider,{value:o,children:[r,e.jsx("div",{className:"fixed top-4 right-4 z-[999] flex flex-col space-y-2",children:n.map(t=>e.jsx(z,{...t},t.id))})]})},exports.useToastr=()=>{const{addToast:e}=(()=>{const e=t.useContext(F);if(!e)throw new Error("useToast must be used within a ToastrContainer");return e})();return{success:(t,r,n,s="top-right")=>e({type:"success",title:t,description:r,duration:n,position:s}),error:(t,r,n,s="top-right")=>e({type:"error",title:t,description:r,duration:n,position:s})}};
2
2
  //# sourceMappingURL=index.js.map