@drdex0101/water-design-system 1.0.1 → 2.0.0

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.
Files changed (34) hide show
  1. package/README.md +4 -4
  2. package/dist/components/Badge/Badge.d.ts +16 -0
  3. package/dist/components/Badge/index.d.ts +1 -0
  4. package/dist/components/Button/Button.d.ts +20 -2
  5. package/dist/components/Checkbox/Checkbox.d.ts +13 -0
  6. package/dist/components/Checkbox/index.d.ts +1 -0
  7. package/dist/components/Divider/Divider.d.ts +9 -0
  8. package/dist/components/Divider/index.d.ts +1 -0
  9. package/dist/components/Input/Input.d.ts +20 -0
  10. package/dist/components/Input/index.d.ts +1 -0
  11. package/dist/components/Poker/PokerCard.d.ts +28 -0
  12. package/dist/components/Poker/PokerPlayer.d.ts +38 -0
  13. package/dist/components/Poker/PokerStatusIndicator.d.ts +28 -0
  14. package/dist/components/Poker/PokerTable.d.ts +39 -0
  15. package/dist/components/Poker/index.d.ts +4 -0
  16. package/dist/components/Slider/Slider.d.ts +23 -0
  17. package/dist/components/Slider/index.d.ts +1 -0
  18. package/dist/components/Switch/Switch.d.ts +17 -0
  19. package/dist/components/Switch/index.d.ts +1 -0
  20. package/dist/components/Tabs/Tabs.d.ts +26 -0
  21. package/dist/components/Tabs/index.d.ts +1 -0
  22. package/dist/components/Toast/Toast.d.ts +18 -0
  23. package/dist/components/Toast/index.d.ts +1 -0
  24. package/dist/components/Toggle/Toggle.d.ts +34 -0
  25. package/dist/components/Toggle/index.d.ts +1 -0
  26. package/dist/index.d.ts +10 -0
  27. package/dist/pages/SpacingTokens.d.ts +2 -0
  28. package/dist/tokens/colors.d.ts +38 -204
  29. package/dist/tokens/index.d.ts +1 -5
  30. package/dist/tokens/semantic.d.ts +201 -114
  31. package/dist/tokens/spacing.d.ts +54 -0
  32. package/dist/water-design-system.es.js +2336 -582
  33. package/dist/water-design-system.umd.js +15 -4
  34. package/package.json +3 -2
@@ -1,4 +1,4 @@
1
- (function(t,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],T):(t=typeof globalThis<"u"?globalThis:t||self,T(t.WaterDesignSystem={},t.React))})(this,function(t,T){"use strict";var j={exports:{}},F={};/**
1
+ (function(r,P){typeof exports=="object"&&typeof module<"u"?P(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],P):(r=typeof globalThis<"u"?globalThis:r||self,P(r.WaterDesignSystem={},r.React))})(this,function(r,P){"use strict";var ye={exports:{}},se={};/**
2
2
  * @license React
3
3
  * react-jsx-runtime.production.js
4
4
  *
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
- */var U;function ge(){if(U)return F;U=1;var s=Symbol.for("react.transitional.element"),_=Symbol.for("react.fragment");function O(P,h,y){var z=null;if(y!==void 0&&(z=""+y),h.key!==void 0&&(z=""+h.key),"key"in h){y={};for(var A in h)A!=="key"&&(y[A]=h[A])}else y=h;return h=y.ref,{$$typeof:s,type:P,key:z,ref:h!==void 0?h:null,props:y}}return F.Fragment=_,F.jsx=O,F.jsxs=O,F}var W={};/**
9
+ */var Se;function He(){if(Se)return se;Se=1;var t=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function c(l,i,f){var b=null;if(f!==void 0&&(b=""+f),i.key!==void 0&&(b=""+i.key),"key"in i){f={};for(var u in i)u!=="key"&&(f[u]=i[u])}else f=i;return i=f.ref,{$$typeof:t,type:l,key:b,ref:i!==void 0?i:null,props:f}}return se.Fragment=o,se.jsx=c,se.jsxs=c,se}var ae={};/**
10
10
  * @license React
11
11
  * react-jsx-runtime.development.js
12
12
  *
@@ -14,9 +14,20 @@
14
14
  *
15
15
  * This source code is licensed under the MIT license found in the
16
16
  * LICENSE file in the root directory of this source tree.
17
- */var V;function he(){return V||(V=1,process.env.NODE_ENV!=="production"&&function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ct?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case L:return"Fragment";case et:return"Profiler";case Ke:return"StrictMode";case rt:return"Suspense";case it:return"SuspenseList";case lt:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case Qe:return"Portal";case nt:return e.displayName||"Context";case tt:return(e._context.displayName||"Context")+".Consumer";case ot:var n=e.render;return e=e.displayName,e||(e=n.displayName||n.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case at:return n=e.displayName||null,n!==null?n:s(e.type)||"Memo";case B:n=e._payload,e=e._init;try{return s(e(n))}catch{}}return null}function _(e){return""+e}function O(e){try{_(e);var n=!1}catch{n=!0}if(n){n=console;var l=n.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return l.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),_(e)}}function P(e){if(e===L)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===B)return"<...>";try{var n=s(e);return n?"<"+n+">":"<...>"}catch{return"<...>"}}function h(){var e=D.A;return e===null?null:e.getOwner()}function y(){return Error("react-stack-top-frame")}function z(e){if(fe.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function A(e,n){function l(){de||(de=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",n))}l.isReactWarning=!0,Object.defineProperty(e,"key",{get:l,configurable:!0})}function Ze(){var e=s(this.type);return se[e]||(se[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function xe(e,n,l,f,H,I){var d=l.ref;return e={$$typeof:ce,type:e,key:n,props:l,_owner:f},(d!==void 0?d:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:Ze}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:H}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function ie(e,n,l,f,H,I){var d=n.children;if(d!==void 0)if(f)if(ft(d)){for(f=0;f<d.length;f++)ae(d[f]);Object.freeze&&Object.freeze(d)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ae(d);if(fe.call(n,"key")){d=s(e);var v=Object.keys(n).filter(function(dt){return dt!=="key"});f=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",be[d+f]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
17
+ */var je;function Le(){return je||(je=1,process.env.NODE_ENV!=="production"&&function(){function t(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===D?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case S:return"Fragment";case H:return"Profiler";case R:return"StrictMode";case X:return"Suspense";case q:return"SuspenseList";case Z:return"Activity"}if(typeof n=="object")switch(typeof n.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case O:return"Portal";case E:return n.displayName||"Context";case M:return(n._context.displayName||"Context")+".Consumer";case $:var j=n.render;return n=n.displayName,n||(n=j.displayName||j.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case J:return j=n.displayName||null,j!==null?j:t(n.type)||"Memo";case G:j=n._payload,n=n._init;try{return t(n(j))}catch{}}return null}function o(n){return""+n}function c(n){try{o(n);var j=!1}catch{j=!0}if(j){j=console;var F=j.error,_=typeof Symbol=="function"&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return F.call(j,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",_),o(n)}}function l(n){if(n===S)return"<>";if(typeof n=="object"&&n!==null&&n.$$typeof===G)return"<...>";try{var j=t(n);return j?"<"+j+">":"<...>"}catch{return"<...>"}}function i(){var n=A.A;return n===null?null:n.getOwner()}function f(){return Error("react-stack-top-frame")}function b(n){if(re.call(n,"key")){var j=Object.getOwnPropertyDescriptor(n,"key").get;if(j&&j.isReactWarning)return!1}return n.key!==void 0}function u(n,j){function F(){V||(V=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",j))}F.isReactWarning=!0,Object.defineProperty(n,"key",{get:F,configurable:!0})}function x(){var n=t(this.type);return fe[n]||(fe[n]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),n=this.props.ref,n!==void 0?n:null}function y(n,j,F,_,pe,xe){var B=F.ref;return n={$$typeof:z,type:n,key:j,props:F,_owner:_},(B!==void 0?B:null)!==null?Object.defineProperty(n,"ref",{enumerable:!1,get:x}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:pe}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:xe}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}function v(n,j,F,_,pe,xe){var B=j.children;if(B!==void 0)if(_)if(ce(B)){for(_=0;_<B.length;_++)I(B[_]);Object.freeze&&Object.freeze(B)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else I(B);if(re.call(j,"key")){B=t(n);var le=Object.keys(j).filter(function(Ft){return Ft!=="key"});_=0<le.length?"{key: someKey, "+le.join(": ..., ")+": ...}":"{key: someKey}",Oe[B+_]||(le=0<le.length?"{"+le.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
18
18
  let props = %s;
19
19
  <%s {...props} />
20
20
  React keys must be passed directly to JSX without using spread:
21
21
  let props = %s;
22
- <%s key={someKey} {...props} />`,f,d,v,d),be[d+f]=!0)}if(d=null,l!==void 0&&(O(l),d=""+l),z(n)&&(O(n.key),d=""+n.key),"key"in n){l={};for(var $ in n)$!=="key"&&(l[$]=n[$])}else l=n;return d&&A(l,typeof e=="function"?e.displayName||e.name||"Unknown":e),xe(e,d,l,h(),H,I)}function ae(e){le(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===B&&(e._payload.status==="fulfilled"?le(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function le(e){return typeof e=="object"&&e!==null&&e.$$typeof===ce}var M=T,ce=Symbol.for("react.transitional.element"),Qe=Symbol.for("react.portal"),L=Symbol.for("react.fragment"),Ke=Symbol.for("react.strict_mode"),et=Symbol.for("react.profiler"),tt=Symbol.for("react.consumer"),nt=Symbol.for("react.context"),ot=Symbol.for("react.forward_ref"),rt=Symbol.for("react.suspense"),it=Symbol.for("react.suspense_list"),at=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),lt=Symbol.for("react.activity"),ct=Symbol.for("react.client.reference"),D=M.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,fe=Object.prototype.hasOwnProperty,ft=Array.isArray,Y=console.createTask?console.createTask:function(){return null};M={react_stack_bottom_frame:function(e){return e()}};var de,se={},ue=M.react_stack_bottom_frame.bind(M,y)(),me=Y(P(y)),be={};W.Fragment=L,W.jsx=function(e,n,l){var f=1e4>D.recentlyCreatedOwnerStacks++;return ie(e,n,l,!1,f?Error("react-stack-top-frame"):ue,f?Y(P(e)):me)},W.jsxs=function(e,n,l){var f=1e4>D.recentlyCreatedOwnerStacks++;return ie(e,n,l,!0,f?Error("react-stack-top-frame"):ue,f?Y(P(e)):me)}}()),W}process.env.NODE_ENV==="production"?j.exports=ge():j.exports=he();var ye=j.exports;const S={50:"#fdecec",100:"#fac5c5",200:"#f8a9a9",300:"#f48282",400:"#f26969",500:"#ef4444",600:"#d93e3e",700:"#aa3030",800:"#832525",900:"#641d1d"},k={50:"#fdf1e6",100:"#f8d4b0",200:"#f4bf8a",300:"#efa154",400:"#ec8f33",500:"#e77300",600:"#d26900",700:"#a45200",800:"#7f3f00",900:"#613000"},p={50:"#fef7e6",100:"#fae7b0",200:"#f8db8a",300:"#f5cb54",400:"#f3c133",500:"#f0b100",600:"#daa100",700:"#aa7e00",800:"#846100",900:"#654a00"},g={50:"#e7f7ed",100:"#b3e6c6",200:"#8fd9aa",300:"#5cc884",400:"#3cbd6c",500:"#0bad47",600:"#0a9d41",700:"#087b32",800:"#065f27",900:"#05491e"},C={50:"#e6fdfe",100:"#b1f7fc",200:"#8bf4fb",300:"#55eef9",400:"#35ebf8",500:"#02e6f6",600:"#02d1e0",700:"#01a3af",800:"#017f87",900:"#016167"},q={50:"#e6f8f6",100:"#b0ebe4",200:"#8ae1d7",300:"#55d3c4",400:"#34cab9",500:"#01bda7",600:"#01ac98",700:"#018677",800:"#01685c",900:"#004f46"},u={50:"#eaf5ff",100:"#bee1ff",200:"#9fd2ff",300:"#73bdff",400:"#58b1ff",500:"#2e9dff",600:"#2a8fe8",700:"#216fb5",800:"#19568c",900:"#13426b"},c={50:"#eff0f2",100:"#cfd1d5",200:"#b7bac1",300:"#969ba5",400:"#828894",500:"#636a79",600:"#5a606e",700:"#464b56",800:"#363a43",900:"#2a2d33"},w={50:"#fcfdfd",100:"#f7f8f9",200:"#f3f4f6",300:"#eeeff2",400:"#eaecef",500:"#e5e7eb",600:"#d0d2d6",700:"#a3a4a7",800:"#7e7f81",900:"#606163"},G={50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},J={50:"#e8f4f7",100:"#c6e4eb",200:"#a3d4df",300:"#81c4d3",400:"#5eb4c7",500:"#3ca4bb",600:"#358fa3",700:"#2d7a8b",800:"#256573",900:"#1e505b"},R="#ffffff",N="#000000",Se={red:S,orange:k,yellow:p,green:g,cyan:C,teal:q,brandblue:u,slate:c,lightgrey:w,grey:G,deepocean:J,white:R,black:N},X=u,Z=c,x=g,Q=p,K=S,ee=C,pe={primary:X,neutral:Z,success:x,warning:Q,error:K,info:ee},m={light:{default:R,secondary:w[100],tertiary:w[200],overlay:c[900],disabled:w[300],success:g[50],error:S[50],warning:p[50],brand:u[500],brandSubtle:u[50],accent:k[500],accent2:k[500]},dark:{default:c[900],secondary:c[800],tertiary:c[700],overlay:N,disabled:c[700],success:g[900],error:S[900],warning:p[900],brand:u[500],brandSubtle:u[900],accent:k[500],accent2:k[500]}},b={light:{primary:c[900],secondary:c[600],tertiary:c[500],disabled:c[400],placeholder:c[400],success:g[600],error:S[600],warning:p[700],link:u[500],brand:u[500],onBrand:R,pokerCall:g[500],pokerRaise:k[500]},dark:{primary:R,secondary:c[300],tertiary:c[400],disabled:c[500],placeholder:c[500],success:g[400],error:S[400],warning:p[400],link:u[400],brand:u[400],onBrand:R,pokerCall:g[400],pokerRaise:k[400]}},E={light:{primary:c[300],subtle:c[200],focus:u[500],success:g[500],error:S[500],warning:p[500]},dark:{primary:c[600],subtle:c[700],focus:u[400],success:g[400],error:S[400],warning:p[400]}},ke={background:m,text:b,border:E},Ee=m.light.default,Re=m.light.secondary,_e=m.light.tertiary,ve=m.light.overlay,Te=m.light.disabled,Fe=m.light.success,We=m.light.error,we=m.light.warning,te=m.light.brand,Oe=m.light.brandSubtle,Pe=m.light.accent,ze=b.light.primary,Ae=b.light.secondary,Me=b.light.tertiary,He=b.light.disabled,je=b.light.placeholder,Ce=b.light.success,Ne=b.light.error,Le=b.light.warning,Be=b.light.link,De=b.light.brand,ne=b.light.onBrand,Ye=E.light.primary,Ie=E.light.subtle,$e=E.light.focus,Ue=E.light.success,Ve=E.light.error,qe=E.light.warning,o={main:"'Inter', 'Noto Sans TC', -apple-system, BlinkMacSystemFont, Roboto, sans-serif",mono:"'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace"},r={regular:400,medium:500,semibold:600,bold:700},i={tight:1.2,normal:1.5},a={mobile:{display:28,h1:24,h2:20,bodyLg:16,bodyMd:14,bodySm:12,caption:10,poker:8},desktop:{display:40,h1:32,h2:24,bodyLg:18,bodyMd:16,bodySm:14,caption:12,poker:10}},oe={display:{fontSize:a.mobile.display,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},h1:{fontSize:a.mobile.h1,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},h2:{fontSize:a.mobile.h2,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},bodyLgBold:{fontSize:a.mobile.bodyLg,fontWeight:r.bold,lineHeight:i.tight,fontFamily:o.main},bodyLgMedium:{fontSize:a.mobile.bodyLg,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodyLgRegular:{fontSize:a.mobile.bodyLg,fontWeight:r.regular,lineHeight:i.normal,fontFamily:o.main},bodyMdSemiBold:{fontSize:a.mobile.bodyMd,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},bodyMdMedium:{fontSize:a.mobile.bodyMd,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodyMdRegular:{fontSize:a.mobile.bodyMd,fontWeight:r.regular,lineHeight:i.normal,fontFamily:o.main},bodySmSemiBold:{fontSize:a.mobile.bodySm,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},bodySmMedium:{fontSize:a.mobile.bodySm,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodySmRegular:{fontSize:a.mobile.bodySm,fontWeight:r.regular,lineHeight:i.tight,fontFamily:o.main},captionSemiBold:{fontSize:a.mobile.caption,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},captionMedium:{fontSize:a.mobile.caption,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},captionRegular:{fontSize:a.mobile.caption,fontWeight:r.regular,lineHeight:i.tight,fontFamily:o.main},pokerMedium:{fontSize:a.mobile.poker,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main}},re={display:{fontSize:a.desktop.display,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},h1:{fontSize:a.desktop.h1,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},h2:{fontSize:a.desktop.h2,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},bodyLgBold:{fontSize:a.desktop.bodyLg,fontWeight:r.bold,lineHeight:i.tight,fontFamily:o.main},bodyLgMedium:{fontSize:a.desktop.bodyLg,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodyLgRegular:{fontSize:a.desktop.bodyLg,fontWeight:r.regular,lineHeight:i.normal,fontFamily:o.main},bodyMdSemiBold:{fontSize:a.desktop.bodyMd,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},bodyMdMedium:{fontSize:a.desktop.bodyMd,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodyMdRegular:{fontSize:a.desktop.bodyMd,fontWeight:r.regular,lineHeight:i.normal,fontFamily:o.main},bodySmSemiBold:{fontSize:a.desktop.bodySm,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},bodySmMedium:{fontSize:a.desktop.bodySm,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodySmRegular:{fontSize:a.desktop.bodySm,fontWeight:r.regular,lineHeight:i.tight,fontFamily:o.main},captionSemiBold:{fontSize:a.desktop.caption,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},captionMedium:{fontSize:a.desktop.caption,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},captionRegular:{fontSize:a.desktop.caption,fontWeight:r.regular,lineHeight:i.tight,fontFamily:o.main},pokerMedium:{fontSize:a.desktop.poker,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main}},Ge={fontFamily:o,fontWeight:r,lineHeight:i,fontSize:a,mobile:oe,desktop:re},Je=s=>({fontSize:`${s.fontSize}px`,fontWeight:s.fontWeight,lineHeight:s.lineHeight,fontFamily:s.fontFamily}),Xe=({label:s,..._})=>ye.jsx("button",{style:{padding:"10px 20px",backgroundColor:te,color:ne,border:"none",borderRadius:"4px",cursor:"pointer"},..._,children:s});t.Button=Xe,t.background=m,t.bgAccent=Pe,t.bgBrand=te,t.bgBrandSubtle=Oe,t.bgDefault=Ee,t.bgDisabled=Te,t.bgError=We,t.bgOverlay=ve,t.bgSecondary=Re,t.bgSuccess=Fe,t.bgTertiary=_e,t.bgWarning=we,t.black=N,t.border=E,t.borderError=Ve,t.borderFocus=$e,t.borderPrimary=Ye,t.borderSubtle=Ie,t.borderSuccess=Ue,t.borderWarning=qe,t.brandblue=u,t.colors=pe,t.cyan=C,t.deepocean=J,t.error=K,t.fontFamily=o,t.fontSize=a,t.fontWeight=r,t.getTypographyStyles=Je,t.green=g,t.grey=G,t.info=ee,t.lightgrey=w,t.lineHeight=i,t.neutral=Z,t.orange=k,t.primary=X,t.primitiveColors=Se,t.red=S,t.semanticColors=ke,t.slate=c,t.success=x,t.teal=q,t.text=b,t.textBrand=De,t.textDisabled=He,t.textError=Ne,t.textLink=Be,t.textOnBrand=ne,t.textPlaceholder=je,t.textPrimary=ze,t.textSecondary=Ae,t.textSuccess=Ce,t.textTertiary=Me,t.textWarning=Le,t.typography=Ge,t.typographyDesktop=re,t.typographyMobile=oe,t.warning=Q,t.white=R,t.yellow=p,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
22
+ <%s key={someKey} {...props} />`,_,B,le,B),Oe[B+_]=!0)}if(B=null,F!==void 0&&(c(F),B=""+F),b(j)&&(c(j.key),B=""+j.key),"key"in j){F={};for(var ke in j)ke!=="key"&&(F[ke]=j[ke])}else F=j;return B&&u(F,typeof n=="function"?n.displayName||n.name||"Unknown":n),y(n,B,F,i(),pe,xe)}function I(n){k(n)?n._store&&(n._store.validated=1):typeof n=="object"&&n!==null&&n.$$typeof===G&&(n._payload.status==="fulfilled"?k(n._payload.value)&&n._payload.value._store&&(n._payload.value._store.validated=1):n._store&&(n._store.validated=1))}function k(n){return typeof n=="object"&&n!==null&&n.$$typeof===z}var w=P,z=Symbol.for("react.transitional.element"),O=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),R=Symbol.for("react.strict_mode"),H=Symbol.for("react.profiler"),M=Symbol.for("react.consumer"),E=Symbol.for("react.context"),$=Symbol.for("react.forward_ref"),X=Symbol.for("react.suspense"),q=Symbol.for("react.suspense_list"),J=Symbol.for("react.memo"),G=Symbol.for("react.lazy"),Z=Symbol.for("react.activity"),D=Symbol.for("react.client.reference"),A=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,re=Object.prototype.hasOwnProperty,ce=Array.isArray,te=console.createTask?console.createTask:function(){return null};w={react_stack_bottom_frame:function(n){return n()}};var V,fe={},ge=w.react_stack_bottom_frame.bind(w,f)(),Q=te(l(f)),Oe={};ae.Fragment=S,ae.jsx=function(n,j,F){var _=1e4>A.recentlyCreatedOwnerStacks++;return v(n,j,F,!1,_?Error("react-stack-top-frame"):ge,_?te(l(n)):Q)},ae.jsxs=function(n,j,F){var _=1e4>A.recentlyCreatedOwnerStacks++;return v(n,j,F,!0,_?Error("react-stack-top-frame"):ge,_?te(l(n)):Q)}}()),ae}process.env.NODE_ENV==="production"?ye.exports=He():ye.exports=Le();var e=ye.exports;const T={50:"#fdecec",100:"#fac5c5",200:"#f8a9a9",300:"#f48282",400:"#f26969",500:"#ef4444",600:"#d93e3e",700:"#aa3030",800:"#832525",900:"#641d1d"},U={50:"#fdf1e6",100:"#f8d4b0",200:"#f4bf8a",300:"#efa154",400:"#ec8f33",500:"#e77300",600:"#d26900",700:"#a45200",800:"#7f3f00",900:"#613000"},Y={50:"#fef7e6",100:"#fae7b0",200:"#f8db8a",300:"#f5cb54",400:"#f3c133",500:"#f0b100",600:"#daa100",700:"#aa7e00",800:"#846100",900:"#654a00"},N={50:"#e7f7ed",100:"#b3e6c6",200:"#8fd9aa",300:"#5cc884",400:"#3cbd6c",500:"#0bad47",600:"#0a9d41",700:"#087b32",800:"#065f27",900:"#05491e"},he={50:"#e6fdfe",100:"#b1f7fc",200:"#8bf4fb",300:"#55eef9",400:"#35ebf8",500:"#02e6f6",600:"#02d1e0",700:"#01a3af",800:"#017f87",900:"#016167"},K={50:"#e6f8f6",100:"#b0ebe4",200:"#8ae1d7",300:"#55d3c4",400:"#34cab9",500:"#01bda7",600:"#01ac98",700:"#018677",800:"#01685c",900:"#004f46"},m={50:"#eaf5ff",100:"#bee1ff",200:"#9fd2ff",300:"#73bdff",400:"#58b1ff",500:"#2e9dff",600:"#2a8fe8",700:"#216fb5",800:"#19568c",900:"#13426b"},d={50:"#eff0f2",100:"#cfd1d5",200:"#b7bac1",300:"#969ba5",400:"#828894",500:"#636a79",600:"#5a606e",700:"#464b56",800:"#363a43",900:"#2a2d33"},W={50:"#fcfdfd",100:"#f7f8f9",200:"#f3f4f6",300:"#eeeff2",400:"#eaecef",500:"#e5e7eb",600:"#d0d2d6",700:"#a3a4a7",800:"#7e7f81",900:"#606163"},ne={50:"#f9fafb",100:"#cdcdcd",200:"#b5b5b5",300:"#939393",400:"#7e7e7e",500:"#5e5e5e",600:"#565656",700:"#434343",800:"#343434",900:"#0f0f0f"},ee={50:"#e8ebee",100:"#b9c0cb",200:"#97a2b2",300:"#68788f",400:"#4a5d79",500:"#1d3558",600:"#1a3050",700:"#15263e",800:"#101d30",900:"#071427"},g="#ffffff",ve="#000000",Me={red:T,orange:U,yellow:Y,green:N,cyan:he,teal:K,brandblue:m,slate:d,lightgrey:W,grey:ne,deepocean:ee,white:g,black:ve},s={main:"'Inter', 'Noto Sans TC', -apple-system, BlinkMacSystemFont, Roboto, sans-serif",mono:"'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace"},a={regular:400,medium:500,semibold:600,bold:700},h={tight:1.2,normal:1.5},C={mobile:{display:28,h1:24,h2:20,bodyLg:16,bodyMd:14,bodySm:12,caption:10,poker:8},desktop:{display:40,h1:32,h2:24,bodyLg:18,bodyMd:16,bodySm:14,caption:12,poker:10}},we={display:{fontSize:C.mobile.display,fontWeight:a.semibold,lineHeight:h.normal,fontFamily:s.main},h1:{fontSize:C.mobile.h1,fontWeight:a.semibold,lineHeight:h.normal,fontFamily:s.main},h2:{fontSize:C.mobile.h2,fontWeight:a.semibold,lineHeight:h.normal,fontFamily:s.main},bodyLgBold:{fontSize:C.mobile.bodyLg,fontWeight:a.bold,lineHeight:h.tight,fontFamily:s.main},bodyLgMedium:{fontSize:C.mobile.bodyLg,fontWeight:a.medium,lineHeight:h.tight,fontFamily:s.main},bodyLgRegular:{fontSize:C.mobile.bodyLg,fontWeight:a.regular,lineHeight:h.normal,fontFamily:s.main},bodyMdSemiBold:{fontSize:C.mobile.bodyMd,fontWeight:a.semibold,lineHeight:h.tight,fontFamily:s.main},bodyMdMedium:{fontSize:C.mobile.bodyMd,fontWeight:a.medium,lineHeight:h.tight,fontFamily:s.main},bodyMdRegular:{fontSize:C.mobile.bodyMd,fontWeight:a.regular,lineHeight:h.normal,fontFamily:s.main},bodySmSemiBold:{fontSize:C.mobile.bodySm,fontWeight:a.semibold,lineHeight:h.tight,fontFamily:s.main},bodySmMedium:{fontSize:C.mobile.bodySm,fontWeight:a.medium,lineHeight:h.tight,fontFamily:s.main},bodySmRegular:{fontSize:C.mobile.bodySm,fontWeight:a.regular,lineHeight:h.tight,fontFamily:s.main},captionSemiBold:{fontSize:C.mobile.caption,fontWeight:a.semibold,lineHeight:h.tight,fontFamily:s.main},captionMedium:{fontSize:C.mobile.caption,fontWeight:a.medium,lineHeight:h.tight,fontFamily:s.main},captionRegular:{fontSize:C.mobile.caption,fontWeight:a.regular,lineHeight:h.tight,fontFamily:s.main},pokerMedium:{fontSize:C.mobile.poker,fontWeight:a.medium,lineHeight:h.tight,fontFamily:s.main}},Ce={display:{fontSize:C.desktop.display,fontWeight:a.semibold,lineHeight:h.normal,fontFamily:s.main},h1:{fontSize:C.desktop.h1,fontWeight:a.semibold,lineHeight:h.normal,fontFamily:s.main},h2:{fontSize:C.desktop.h2,fontWeight:a.semibold,lineHeight:h.normal,fontFamily:s.main},bodyLgBold:{fontSize:C.desktop.bodyLg,fontWeight:a.bold,lineHeight:h.tight,fontFamily:s.main},bodyLgMedium:{fontSize:C.desktop.bodyLg,fontWeight:a.medium,lineHeight:h.tight,fontFamily:s.main},bodyLgRegular:{fontSize:C.desktop.bodyLg,fontWeight:a.regular,lineHeight:h.normal,fontFamily:s.main},bodyMdSemiBold:{fontSize:C.desktop.bodyMd,fontWeight:a.semibold,lineHeight:h.tight,fontFamily:s.main},bodyMdMedium:{fontSize:C.desktop.bodyMd,fontWeight:a.medium,lineHeight:h.tight,fontFamily:s.main},bodyMdRegular:{fontSize:C.desktop.bodyMd,fontWeight:a.regular,lineHeight:h.normal,fontFamily:s.main},bodySmSemiBold:{fontSize:C.desktop.bodySm,fontWeight:a.semibold,lineHeight:h.tight,fontFamily:s.main},bodySmMedium:{fontSize:C.desktop.bodySm,fontWeight:a.medium,lineHeight:h.tight,fontFamily:s.main},bodySmRegular:{fontSize:C.desktop.bodySm,fontWeight:a.regular,lineHeight:h.tight,fontFamily:s.main},captionSemiBold:{fontSize:C.desktop.caption,fontWeight:a.semibold,lineHeight:h.tight,fontFamily:s.main},captionMedium:{fontSize:C.desktop.caption,fontWeight:a.medium,lineHeight:h.tight,fontFamily:s.main},captionRegular:{fontSize:C.desktop.caption,fontWeight:a.regular,lineHeight:h.tight,fontFamily:s.main},pokerMedium:{fontSize:C.desktop.poker,fontWeight:a.medium,lineHeight:h.tight,fontFamily:s.main}},$e={fontFamily:s,fontWeight:a,lineHeight:h,fontSize:C,mobile:we,desktop:Ce},Ae=t=>({fontSize:`${t.fontSize}px`,fontWeight:t.fontWeight,lineHeight:t.lineHeight,fontFamily:t.fontFamily}),p={p0:"0rem",p1:"0.25rem",p2:"0.5rem",p3:"0.75rem",p4:"1rem",p5:"1.25rem",p6:"1.5rem",p7:"1.75rem",p8:"2rem",p9:"2.25rem",p10:"2.5rem",p11:"2.75rem",p12:"3rem"},L={xs:"0.25rem",sm:"0.5rem",md:"0.75rem",lg:"1rem",xl:"1.75rem",rounded:"624.9375rem"},De={spacing:p,radius:L},Ne={default:{background:m[500],color:g},positive:{background:N[500],color:g},warning:{background:Y[500],color:g},error:{background:T[500],color:g},neutral:{background:W[300],color:d[400]},outline:{background:"transparent",color:d[700],border:`1px solid ${W[400]}`}},Xe=({color:t})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{display:"block"},children:e.jsx("path",{d:"M9 3L3 9M3 3L9 9",stroke:t,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Ve=({label:t,type:o="default",leftIcon:c,rightIcon:l,onClose:i,style:f,...b})=>{const u=Ne[o],x=o==="outline"?d[700]:o==="neutral"?d[400]:g,y={display:"inline-flex",alignItems:"center",gap:"4px",padding:"4px 8px",borderRadius:L.rounded,backgroundColor:u.background,color:u.color,border:u.border||"none",fontFamily:s.main,fontSize:"10px",fontWeight:a.medium,lineHeight:h.tight,whiteSpace:"nowrap",...f};return e.jsxs("span",{style:y,...b,children:[c&&e.jsx("span",{style:{display:"flex",alignItems:"center",flexShrink:0},children:c}),e.jsx("span",{style:{textAlign:"center"},children:t}),(l||i)&&e.jsx("span",{style:{display:"flex",alignItems:"center",flexShrink:0,cursor:i?"pointer":"default"},onClick:i,children:i?e.jsx(Xe,{color:x}):l})]})},Ye={primary:{background:m[500],color:g,hoverOverlay:"rgba(0, 0, 0, 0.1)",pressedOverlay:"rgba(0, 0, 0, 0.2)"},secondary:{background:W[300],color:d[700],hoverOverlay:"rgba(0, 0, 0, 0.05)",pressedOverlay:"rgba(0, 0, 0, 0.1)"},outline:{background:g,color:d[700],border:`1px solid ${W[400]}`,hoverOverlay:"rgba(0, 0, 0, 0.03)",pressedOverlay:"rgba(0, 0, 0, 0.08)"},warning:{background:T[500],color:g,hoverOverlay:"rgba(0, 0, 0, 0.1)",pressedOverlay:"rgba(0, 0, 0, 0.2)"},call:{background:K[500],color:g,hoverOverlay:"rgba(0, 0, 0, 0.1)",pressedOverlay:"rgba(0, 0, 0, 0.2)"},raise:{background:U[500],color:g,hoverOverlay:"rgba(0, 0, 0, 0.1)",pressedOverlay:"rgba(0, 0, 0, 0.2)"},disabled:{background:d[100],color:d[200],hoverOverlay:"transparent",pressedOverlay:"transparent"}},Ge={L:{height:48,paddingX:p.p7,paddingY:p.p3,fontSize:16,iconSize:24,gap:p.p2},M:{height:36,paddingX:p.p5,paddingY:p.p2,fontSize:14,iconSize:20,gap:p.p1},S:{height:24,paddingX:p.p2,paddingY:p.p1,fontSize:12,iconSize:16,gap:p.p1}},Ue=({size:t,color:o})=>e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{animation:"spin 1s linear infinite"},children:[e.jsx("style",{children:"@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }"}),e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"31.4 31.4",opacity:"0.3"}),e.jsx("path",{d:"M12 2a10 10 0 0 1 10 10",stroke:o,strokeWidth:"2",strokeLinecap:"round"})]}),qe=({label:t,variant:o="primary",size:c="L",shape:l="rounded",loading:i=!1,leftIcon:f,rightIcon:b,children:u,disabled:x,style:y,onMouseEnter:v,onMouseLeave:I,onMouseDown:k,onMouseUp:w,...z})=>{const[O,S]=P.useState(!1),[R,H]=P.useState(!1),M=x?"disabled":o,E=Ye[M],$=Ge[c],X=l==="full-rounded"&&!t&&!u,q=V=>{S(!0),v==null||v(V)},J=V=>{S(!1),H(!1),I==null||I(V)},G=V=>{H(!0),k==null||k(V)},Z=V=>{H(!1),w==null||w(V)},D=()=>M==="disabled"?"transparent":R?E.pressedOverlay:O?E.hoverOverlay:"transparent",A={display:"inline-flex",alignItems:"center",justifyContent:"center",gap:$.gap,height:$.height,padding:X?`${$.paddingY}`:`${$.paddingY} ${$.paddingX}`,minWidth:X?$.height:void 0,backgroundColor:E.background,color:E.color,border:E.border||"none",borderRadius:l==="full-rounded"?L.rounded:L.sm,fontFamily:s.main,fontSize:`${$.fontSize}px`,fontWeight:a.medium,lineHeight:h.tight,cursor:M==="disabled"?"not-allowed":"pointer",position:"relative",overflow:"hidden",outline:"none",transition:"background-color 0.15s ease",boxSizing:"border-box",...y},re={position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:D(),pointerEvents:"none",transition:"background-color 0.15s ease"},ce={display:"flex",alignItems:"center",justifyContent:"center",gap:$.gap,position:"relative",zIndex:1},te=t||u;return e.jsxs("button",{style:A,disabled:x||M==="disabled",onMouseEnter:q,onMouseLeave:J,onMouseDown:G,onMouseUp:Z,...z,children:[e.jsx("span",{style:re}),e.jsx("span",{style:ce,children:i?e.jsx(Ue,{size:$.iconSize,color:E.color}):e.jsxs(e.Fragment,{children:[f&&e.jsx("span",{style:{display:"flex",alignItems:"center",flexShrink:0},children:f}),te&&e.jsx("span",{children:te}),b&&e.jsx("span",{style:{display:"flex",alignItems:"center",flexShrink:0},children:b})]})})]})},Je=({color:t})=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{display:"block"},children:e.jsx("rect",{x:"2.5",y:"2.5",width:"15",height:"15",rx:"3",stroke:t,strokeWidth:"1.5",fill:"none"})}),Ze=({bgColor:t,checkColor:o})=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{display:"block"},children:[e.jsx("rect",{x:"2",y:"2",width:"16",height:"16",rx:"3.5",fill:t}),e.jsx("path",{d:"M6 10L9 13L14 7",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),Qe=({label:t,checked:o,defaultChecked:c,disabled:l,onChange:i,id:f,style:b,...u})=>{const[x,y]=P.useState(c??!1),v=o!==void 0?o:x,I=f||P.useId(),k=M=>{o===void 0&&y(M.target.checked),i==null||i(M)},z=l?{uncheckedBorder:d[200],checkedBg:d[200],checkmark:g}:{uncheckedBorder:d[700],checkedBg:m[500],checkmark:g},O={display:"inline-flex",alignItems:"center",gap:p.p2,cursor:l?"not-allowed":"pointer",opacity:l?.6:1,...b},S={position:"absolute",opacity:0,width:0,height:0,margin:0,padding:0},R={display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,position:"relative"},H={fontFamily:s.main,fontSize:"14px",fontWeight:a.medium,lineHeight:h.tight,color:l?d[200]:d[700],userSelect:"none"};return e.jsxs("label",{style:O,htmlFor:I,children:[e.jsxs("span",{style:R,children:[e.jsx("input",{type:"checkbox",id:I,checked:v,disabled:l,onChange:k,style:S,...u}),v?e.jsx(Ze,{bgColor:z.checkedBg,checkColor:z.checkmark}):e.jsx(Je,{color:z.uncheckedBorder})]}),t&&e.jsx("span",{style:H,children:t})]})},Ke=({orientation:t="horizontal",color:o=W[400],style:c,...l})=>{const i={border:"none",margin:0,flexShrink:0,...t==="horizontal"?{width:"100%",height:"1px",backgroundColor:o}:{width:"1px",height:"100%",backgroundColor:o},...c};return e.jsx("hr",{style:i,...l})},We=P.forwardRef(({label:t,helperText:o,error:c,leftIcon:l,rightIcon:i,shape:f="rounded",fullWidth:b=!1,disabled:u,value:x,defaultValue:y,onFocus:v,onBlur:I,onChange:k,style:w,...z},O)=>{const[S,R]=P.useState(!1),[H,M]=P.useState(y??""),E=x!==void 0?x:H,$=E!==""&&E!==void 0,X=!!c,q=Q=>{R(!0),v==null||v(Q)},J=Q=>{R(!1),I==null||I(Q)},G=Q=>{x===void 0&&M(Q.target.value),k==null||k(Q)},Z=()=>u?W[400]:X?T[500]:S?m[500]:W[400],D=()=>u?d[50]:g,A=()=>u?d[200]:$?ne[900]:d[300],re={display:"flex",flexDirection:"column",gap:p.p1,width:b?"100%":"auto",...w},ce={fontFamily:s.main,fontSize:"12px",fontWeight:a.medium,lineHeight:h.tight,color:d[700]},te={display:"flex",alignItems:"center",gap:p.p2,padding:p.p3,backgroundColor:D(),border:`1px solid ${Z()}`,borderRadius:f==="pill"?L.rounded:L.sm,transition:"border-color 0.15s ease"},V={flex:1,border:"none",outline:"none",backgroundColor:"transparent",fontFamily:s.main,fontSize:"14px",fontWeight:a.medium,lineHeight:h.tight,color:A(),width:"100%"},fe={display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,color:u?d[200]:d[300]},ge={fontFamily:s.main,fontSize:"10px",fontWeight:a.medium,lineHeight:h.tight,color:X?T[500]:d[300]};return e.jsxs("div",{style:re,children:[t&&e.jsx("label",{style:ce,children:t}),e.jsxs("div",{style:te,children:[l&&e.jsx("span",{style:fe,children:l}),e.jsx("input",{ref:O,style:V,disabled:u,value:E,onFocus:q,onBlur:J,onChange:G,...z}),i&&e.jsx("span",{style:fe,children:i})]}),(o||c)&&e.jsx("span",{style:ge,children:c||o})]})});We.displayName="Input";const et=({min:t=0,max:o=100,step:c=1,value:l,defaultValue:i,onChange:f,showLabels:b=!1,formatLabel:u=k=>String(k),showInputs:x=!1,disabled:y,style:v,...I})=>{const[k,w]=P.useState(i??t),z=l!==void 0?l:k,O=D=>{const A=Number(D.target.value);l===void 0&&w(A),f==null||f(A)},S=D=>{const A=Math.min(o,Math.max(t,D));l===void 0&&w(A),f==null||f(A)},R=(z-t)/(o-t)*100,H={display:"flex",flexDirection:"column",gap:p.p2,width:"100%",...v},M={display:"flex",justifyContent:"space-between",alignItems:"center"},E={display:"flex",alignItems:"center",padding:`${p.p2} ${p.p3}`,border:`1px solid ${W[400]}`,borderRadius:"8px",backgroundColor:g,fontFamily:s.main,fontSize:"12px",fontWeight:a.medium,lineHeight:h.tight,color:"#0f0f0f",minWidth:"60px",textAlign:"center"},$={position:"relative",width:"100%",height:"20px",display:"flex",alignItems:"center"},X={position:"absolute",width:"100%",height:"4px",backgroundColor:W[300],borderRadius:"2px"},q={position:"absolute",width:`${R}%`,height:"4px",backgroundColor:y?W[400]:m[500],borderRadius:"2px"},J={position:"absolute",width:"100%",height:"20px",opacity:0,cursor:y?"not-allowed":"pointer",margin:0,zIndex:2},Z={position:"absolute",left:`calc(${R}% - 10px)`,width:"20px",height:"20px",backgroundColor:g,border:`2px solid ${y?W[400]:m[500]}`,borderRadius:"50%",pointerEvents:"none",transition:"transform 0.1s ease",boxShadow:"0 2px 4px rgba(0,0,0,0.1)"};return e.jsxs("div",{style:H,children:[(b||x)&&e.jsxs("div",{style:M,children:[x?e.jsx("input",{type:"text",value:u(t),readOnly:!0,style:E}):e.jsx("span",{style:{...E,border:"none",padding:0,minWidth:"auto"},children:u(t)}),x?e.jsx("input",{type:"text",value:u(z),onChange:D=>{const A=parseFloat(D.target.value.replace(/[^0-9.-]/g,""));isNaN(A)||S(A)},style:E,disabled:y}):null,x?e.jsx("input",{type:"text",value:u(o),readOnly:!0,style:E}):e.jsx("span",{style:{...E,border:"none",padding:0,minWidth:"auto"},children:u(o)})]}),e.jsxs("div",{style:$,children:[e.jsx("div",{style:X}),e.jsx("div",{style:q}),e.jsx("input",{type:"range",min:t,max:o,step:c,value:z,onChange:O,disabled:y,style:J,...I}),e.jsx("div",{style:Z})]})]})},tt=({checked:t,defaultChecked:o=!1,onChange:c,leftLabel:l,rightLabel:i,size:f="md",disabled:b,style:u,id:x,...y})=>{const[v,I]=P.useState(o),k=t!==void 0?t:v,w=x||P.useId(),z=Z=>{const D=Z.target.checked;t===void 0&&I(D),c==null||c(D)},O={sm:{width:36,height:20,thumbSize:16},md:{width:44,height:24,thumbSize:20}},{width:S,height:R,thumbSize:H}=O[f],M=2,E=S-H-M*2,$={display:"inline-flex",alignItems:"center",gap:p.p2,cursor:b?"not-allowed":"pointer",opacity:b?.6:1,...u},X={fontFamily:s.main,fontSize:"14px",fontWeight:a.medium,lineHeight:h.tight,color:d[700],userSelect:"none"},q={position:"relative",width:`${S}px`,height:`${R}px`,backgroundColor:k?m[500]:W[300],borderRadius:`${R/2}px`,transition:"background-color 0.2s ease",flexShrink:0},J={position:"absolute",top:`${M}px`,left:`${M}px`,width:`${H}px`,height:`${H}px`,backgroundColor:g,borderRadius:"50%",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.2)",transform:k?`translateX(${E}px)`:"translateX(0)",transition:"transform 0.2s ease"},G={position:"absolute",opacity:0,width:0,height:0};return e.jsxs("label",{style:$,htmlFor:w,children:[l&&e.jsx("span",{style:X,children:l}),e.jsxs("div",{style:q,children:[e.jsx("input",{type:"checkbox",id:w,checked:k,onChange:z,disabled:b,style:G,...y}),e.jsx("div",{style:J})]}),i&&e.jsx("span",{style:X,children:i})]})},nt=({items:t,activeTab:o,defaultActiveTab:c,onChange:l,variant:i="default",tool:f,style:b,...u})=>{const[x,y]=P.useState(c||(t.length>0?t[0].id:"")),v=o!==void 0?o:x,I=(S,R)=>{R||(o===void 0&&y(S),l==null||l(S))},k={display:"flex",alignItems:"center",justifyContent:i==="text"&&f?"space-between":"flex-start",gap:i==="text"?p.p2:p.p1,backgroundColor:i==="default"?W[100]:"transparent",borderRadius:i==="default"?L.sm:0,padding:i==="default"?p.p1:0,...b},w={display:"flex",alignItems:"center",gap:i==="text"?p.p2:p.p1,flex:i==="default"?1:"none"},z=(S,R)=>i==="text"?{display:"flex",alignItems:"center",justifyContent:"center",padding:`${p.p3} ${p.p2}`,backgroundColor:"transparent",border:"none",borderBottom:S?`2px solid ${m[500]}`:"2px solid transparent",fontFamily:s.main,fontSize:"14px",fontWeight:a.medium,lineHeight:h.tight,color:S?m[600]:d[400],cursor:R?"not-allowed":"pointer",opacity:R?.5:1,transition:"color 0.15s ease, border-color 0.15s ease",whiteSpace:"nowrap"}:{display:"flex",alignItems:"center",justifyContent:"center",flex:1,padding:`${p.p3} ${p.p2}`,backgroundColor:S?m[500]:"transparent",border:"none",borderRadius:L.sm,fontFamily:s.main,fontSize:"14px",fontWeight:a.medium,lineHeight:h.tight,color:S?g:d[400],cursor:R?"not-allowed":"pointer",opacity:R?.5:1,transition:"background-color 0.15s ease, color 0.15s ease",whiteSpace:"nowrap"},O={fontFamily:s.main,fontSize:"10px",fontWeight:a.medium,lineHeight:h.tight,color:d[300]};return e.jsxs("div",{style:k,...u,children:[e.jsx("div",{style:w,children:t.map(S=>e.jsx("button",{style:z(v===S.id,S.disabled),onClick:()=>I(S.id,S.disabled),disabled:S.disabled,type:"button",children:S.label},S.id))}),f&&e.jsx("div",{style:O,children:f})]})},ot=({color:t})=>e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M12 16V12",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M12 8H12.01",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),it=({color:t})=>e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M9 12L11 14L15 10",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),rt=({color:t})=>e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M15 9L9 15",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M9 9L15 15",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),lt={neutral:{iconColor:ne[900],textColor:ne[900],buttonBg:W[300],buttonText:d[700],Icon:null},info:{iconColor:m[500],textColor:m[500],buttonBg:m[500],buttonText:g,Icon:ot},success:{iconColor:N[600],textColor:N[600],buttonBg:N[500],buttonText:g,Icon:it},alert:{iconColor:T[500],textColor:T[500],buttonBg:T[500],buttonText:g,Icon:rt}},st=({title:t,description:o,type:c="neutral",actionLabel:l,onAction:i,onClose:f,style:b,...u})=>{const x=lt[c],y=x.Icon,v={display:"flex",alignItems:"center",justifyContent:"space-between",gap:p.p3,padding:p.p4,backgroundColor:g,borderRadius:L.sm,boxShadow:"0 4px 12px rgba(13, 10, 44, 0.06)",minWidth:"300px",...b},I={display:"flex",alignItems:"center",gap:p.p2},k={display:"flex",flexDirection:"column",gap:"4px"},w={fontFamily:s.main,fontSize:"14px",fontWeight:a.semibold,lineHeight:h.tight,color:c==="neutral"?ne[900]:x.textColor,margin:0},z={fontFamily:s.main,fontSize:"12px",fontWeight:a.regular,lineHeight:h.tight,color:c==="neutral"?d[400]:x.textColor,margin:0},O={display:"flex",alignItems:"center",gap:p.p2},S={padding:`${p.p1} ${p.p2}`,backgroundColor:x.buttonBg,color:x.buttonText,border:"none",borderRadius:L.xs,fontFamily:s.main,fontSize:"12px",fontWeight:a.medium,lineHeight:h.tight,cursor:"pointer"};return e.jsxs("div",{style:v,...u,children:[e.jsxs("div",{style:I,children:[y&&e.jsx(y,{color:x.iconColor}),e.jsxs("div",{style:k,children:[e.jsx("p",{style:w,children:t}),o&&e.jsx("p",{style:z,children:o})]})]}),(l||f)&&e.jsx("div",{style:O,children:l&&i&&e.jsx("button",{style:S,onClick:i,children:l})})]})},Ie=({label:t,selected:o,defaultSelected:c=!1,onChange:l,rightIcon:i,disabled:f,style:b,...u})=>{const[x,y]=P.useState(c),v=o!==void 0?o:x,I=()=>{if(f)return;const z=!v;o===void 0&&y(z),l==null||l(z)},k={display:"inline-flex",alignItems:"center",gap:p.p1,padding:`${p.p2} ${p.p3}`,backgroundColor:v?m[50]:W[100],border:`1px solid ${v?m[100]:W[300]}`,borderRadius:L.sm,fontFamily:s.main,fontSize:"12px",fontWeight:a.medium,lineHeight:h.tight,color:v?m[500]:d[700],cursor:f?"not-allowed":"pointer",opacity:f?.5:1,transition:"background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease",outline:"none",...b},w={display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,color:v?m[500]:d[700]};return e.jsxs("button",{type:"button",style:k,onClick:I,disabled:f,...u,children:[e.jsx("span",{children:t}),i&&e.jsx("span",{style:w,children:i})]})},at=({items:t,value:o,defaultValue:c,onChange:l,allowDeselect:i=!1,style:f,...b})=>{const[u,x]=P.useState(c||""),y=o!==void 0?o:u,v=k=>{let w;y===k&&i?w="":w=k,o===void 0&&x(w),l==null||l(w)},I={display:"flex",alignItems:"center",gap:p.p2,flexWrap:"wrap",...f};return e.jsx("div",{style:I,...b,children:t.map(k=>e.jsx(Ie,{label:k.label,selected:y===k.id,onChange:()=>v(k.id),rightIcon:k.rightIcon,disabled:k.disabled},k.id))})},oe={heart:"#ef4444",spade:"#464b56",diamond:"#2e9dff",club:"#01bda7"},Re=({color:t=oe.heart,size:o=18})=>e.jsx("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:t,children:e.jsx("path",{d:"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"})}),ze=({color:t=oe.spade,size:o=18})=>e.jsx("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:t,children:e.jsx("path",{d:"M12 2C9 7 4 9 4 14c0 2.5 2 4.5 4.5 4.5.83 0 1.61-.21 2.28-.58L10 22h4l-.78-4.08c.67.37 1.45.58 2.28.58C18 18.5 20 16.5 20 14c0-5-5-7-8-12z"})}),Fe=({color:t=oe.diamond,size:o=18})=>e.jsx("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:t,children:e.jsx("path",{d:"M12 2L4 12l8 10 8-10L12 2z"})}),Te=({color:t=oe.club,size:o=18})=>e.jsx("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:t,children:e.jsx("path",{d:"M12 2c-1.66 0-3 1.34-3 3 0 .93.42 1.76 1.08 2.31C8.3 8.06 7 9.88 7 12c0 2.21 1.79 4 4 4h.5l-.5 4h2l-.5-4h.5c2.21 0 4-1.79 4-4 0-2.12-1.3-3.94-3.08-4.69C14.58 6.76 15 5.93 15 5c0-1.66-1.34-3-3-3z"})}),dt=({color:t=g[100],size:o=16})=>e.jsx("svg",{width:o,height:o,viewBox:"0 0 16 16",fill:t,children:e.jsx("path",{d:"M8 2v12M2 8h12",stroke:t,strokeWidth:"2",strokeLinecap:"round"})}),me=({state:t="default",suit:o="heart",value:c="7",selected:l=!1,onClick:i,style:f})=>{const b={width:30,height:42,borderRadius:L.xs,border:`1px solid ${l?m[500]:W[300]}`,backgroundColor:g[100],overflow:"hidden",position:"relative",cursor:i?"pointer":"default",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",fontFamily:s.main,fontWeight:a.semibold,transition:"border-color 0.15s ease",...f};if(t==="add")return e.jsx("div",{style:{...b,backgroundColor:"rgba(110, 179, 220, 0.5)"},onClick:i,children:e.jsx(dt,{})});if(t==="back")return e.jsx("div",{style:{...b,background:"linear-gradient(180deg, #4D91CC 0%, #1D3558 100%)"},onClick:i,children:e.jsx("div",{style:{width:"100%",height:"100%",backgroundImage:`repeating-linear-gradient(
23
+ 45deg,
24
+ transparent,
25
+ transparent 3px,
26
+ rgba(255, 255, 255, 0.1) 3px,
27
+ rgba(255, 255, 255, 0.1) 6px
28
+ )`}})});if(t==="pending"){const y=o==="both";return e.jsxs("div",{style:b,onClick:i,children:[y&&e.jsx("span",{style:{fontSize:10,color:d[700],position:"absolute",top:2,right:4},children:"x"}),e.jsx("span",{style:{fontSize:20,color:d[700],marginTop:y?4:0},children:"X"})]})}if(t==="option"){const y=o==="heart"?Re:o==="spade"?ze:o==="diamond"?Fe:Te,v=oe[o]||d[700];return e.jsx("div",{style:b,onClick:i,children:e.jsx(y,{color:v,size:20})})}const u=o==="heart"?Re:o==="spade"?ze:o==="diamond"?Fe:Te,x=oe[o]||d[700];return e.jsxs("div",{style:b,onClick:i,children:[e.jsx("div",{style:{position:"absolute",top:2,left:"50%",transform:"translateX(-50%)"},children:e.jsx(u,{color:x,size:14})}),e.jsx("span",{style:{fontSize:20,color:x,marginTop:8,lineHeight:1.5},children:c})]})},ct=({cards:t,gap:o=2,style:c})=>{const l={display:"flex",alignItems:"center",gap:o,padding:4,borderRadius:L.xs,...c};return e.jsx("div",{style:l,children:t.map((i,f)=>e.jsx(me,{...i},f))})},ue=({rotation:t=0})=>e.jsx("div",{style:{width:19,height:27,borderRadius:3,background:"linear-gradient(180deg, #4D91CC 0%, #1D3558 100%)",border:"1px solid #eaecef",transform:`rotate(${t}deg)`,position:"absolute"}}),be=({state:t="default",isHero:o=!1,playerName:c,selected:l=!1,position:i="BTN",stack:f="2,000",cards:b,onClick:u,style:x})=>{const y={display:"flex",flexDirection:"column",alignItems:"center",gap:3,cursor:u?"pointer":"default",...x},v={width:54,height:54,borderRadius:"50%",backgroundColor:"#eaf5ff",border:`1px solid ${l?m[500]:"#bee1ff"}`,display:"flex",alignItems:"center",justifyContent:"center",position:"relative",overflow:"visible"},I={backgroundColor:"#eaf5ff",border:"1px solid #bee1ff",borderRadius:L.xs,padding:p.p1,display:"flex",flexDirection:"column",alignItems:"center",minWidth:50},k={fontFamily:s.main,fontWeight:a.semibold,fontSize:10,lineHeight:1.2,color:o?m[500]:d[700]},w={fontFamily:s.main,fontWeight:a.medium,fontSize:8,lineHeight:1.2,color:"#828894"};return t==="start"?e.jsxs("div",{style:y,onClick:u,children:[e.jsx("div",{style:{...v,border:`1px solid ${o?m[500]:"#bee1ff"}`},children:e.jsxs("span",{style:{fontFamily:s.main,fontWeight:a.semibold,fontSize:10,lineHeight:1.2,color:"#0f0f0f",textAlign:"center"},children:["選擇",e.jsx("br",{}),"位置"]})}),o&&e.jsx("div",{style:{backgroundColor:m[500],borderRadius:9999,padding:"4px 8px",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("span",{style:{fontFamily:s.main,fontWeight:a.medium,fontSize:10,color:g[100]},children:"Hero"})})]}):t==="fold"?e.jsxs("div",{style:{...y,opacity:.5},onClick:u,children:[e.jsx("div",{style:v,children:e.jsxs("div",{style:{position:"relative",width:48,height:30},children:[e.jsx("div",{style:{position:"absolute",left:0,top:5},children:e.jsx(ue,{rotation:-10})}),e.jsx("div",{style:{position:"absolute",left:24,top:6},children:e.jsx(ue,{rotation:10})})]})}),e.jsxs("div",{style:I,children:[e.jsx("span",{style:k,children:o?"Hero":i}),c&&e.jsx("span",{style:{...w,fontSize:8,color:d[700],marginBottom:2},children:c}),e.jsx("span",{style:w,children:f})]})]}):e.jsxs("div",{style:y,onClick:u,children:[e.jsxs("div",{style:{position:"relative"},children:[e.jsx("div",{style:v}),e.jsxs("div",{style:{position:"absolute",top:5,left:0,width:54,height:30},children:[e.jsx("div",{style:{position:"absolute",left:0,top:0},children:e.jsx(ue,{rotation:-10})}),e.jsx("div",{style:{position:"absolute",left:24,top:1},children:e.jsx(ue,{rotation:10})})]})]}),e.jsxs("div",{style:{...I,marginTop:-16,position:"relative",zIndex:1},children:[e.jsx("span",{style:k,children:o?"Hero":i}),c&&e.jsx("span",{style:{...w,fontSize:8,color:d[700],marginBottom:2},children:c}),e.jsx("span",{style:w,children:f})]})]})},ft=({isHero:t=!1,selected:o=!1,onClick:c,style:l})=>e.jsx("div",{style:{width:54,height:54,borderRadius:"50%",backgroundColor:"#eaf5ff",border:`1px solid ${o?m[500]:"#bee1ff"}`,cursor:c?"pointer":"default",...l},onClick:c}),ht={bet:"#e77300",raise:"#e77300",call:"#01bda7",fold:"#969ba5",allin:"#ef4444",waiting:g[100]},ut={bet:"Bet",raise:"Raise",call:"Call",fold:"Fold",allin:"All-in",waiting:""},gt=({action:t,position:o="SB",amount:c,style:l})=>{const i=t==="waiting",f={display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center",gap:p.p1,padding:`${p.p2} ${p.p3}`,backgroundColor:i?m[500]:g[100],border:i?"none":"0.5px solid #eaecef",borderRadius:L.sm,...l},b={display:"flex",alignItems:"center",gap:6},u={fontFamily:s.main,fontWeight:a.medium,fontSize:10,lineHeight:1.2,color:i?g[100]:d[700]},x={fontFamily:s.main,fontWeight:a.medium,fontSize:10,lineHeight:1.2,color:ht[t]},y={fontFamily:s.main,fontWeight:a.medium,fontSize:10,lineHeight:1.2,color:m[500]};return i?e.jsx("div",{style:f,children:e.jsxs("div",{style:b,children:[e.jsx("span",{style:u,children:o}),e.jsx(pt,{})]})}):e.jsxs("div",{style:f,children:[e.jsxs("div",{style:b,children:[e.jsx("span",{style:u,children:o}),e.jsx("span",{style:x,children:ut[t]})]}),c&&t!=="fold"&&e.jsx("span",{style:y,children:c})]})},pt=()=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:2},children:[[0,1,2].map(t=>e.jsx("div",{style:{width:4,height:4,borderRadius:"50%",backgroundColor:g[100],opacity:.6,animation:`pulse 1.5s ease-in-out ${t*.2}s infinite`}},t)),e.jsx("style",{children:`
29
+ @keyframes pulse {
30
+ 0%, 100% { opacity: 0.3; }
31
+ 50% { opacity: 1; }
32
+ }
33
+ `})]}),yt=({amount:t,variant:o="negative",style:c})=>{const l={display:"flex",alignItems:"center",gap:4,...c},i={fontFamily:s.main,fontWeight:a.semibold,fontSize:10,lineHeight:1.2,color:o==="negative"?"#ef4444":"#01bda7"};return e.jsxs("div",{style:l,children:[e.jsx(mt,{}),e.jsx("span",{style:i,children:t})]})},mt=()=>e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",fill:"#FFD700",stroke:"#FFA500"}),e.jsx("circle",{cx:"6",cy:"6",r:"3",fill:"#FFA500"})]}),Ee=({style:t})=>e.jsx("div",{style:{width:14,height:14,borderRadius:"50%",backgroundColor:m[500],display:"flex",alignItems:"center",justifyContent:"center",...t},children:e.jsx("span",{style:{fontFamily:s.main,fontWeight:a.medium,fontSize:8,color:g[100],lineHeight:1},children:"D"})}),bt=({size:t=114})=>e.jsx("div",{style:{width:t,height:t*1.6,display:"flex",alignItems:"center",justifyContent:"center",opacity:.3},children:e.jsx("svg",{width:t,height:t,viewBox:"0 0 100 100",fill:"#2e9dff",children:e.jsx("path",{d:"M50 10 C30 35, 20 55, 20 70 C20 85, 33 95, 50 95 C67 95, 80 85, 80 70 C80 55, 70 35, 50 10Z"})})}),xt=[{left:"50%",top:"83%",transform:"translateX(-50%)"},{left:"15%",top:"73%",transform:"translateX(-50%)"},{left:"85%",top:"73%",transform:"translateX(-50%)"},{left:"95%",top:"47%",transform:"translate(-50%, -50%)"},{left:"5%",top:"47%",transform:"translate(-50%, -50%)"},{left:"10%",top:"20%",transform:"translateX(-50%)"},{left:"90%",top:"20%",transform:"translateX(-50%)"},{left:"30%",top:"4%",transform:"translateX(-50%)"},{left:"70%",top:"4%",transform:"translateX(-50%)"}],kt=[{left:"50%",top:"7%",transform:"translateX(-50%)"},{left:"80%",top:"19%",transform:"translateX(-50%)"},{left:"20%",top:"19%",transform:"translateX(-50%)"},{left:"5%",top:"55%",transform:"translate(-50%, -50%)"},{left:"95%",top:"55%",transform:"translate(-50%, -50%)"},{left:"15%",top:"90%",transform:"translateX(-50%)"},{left:"85%",top:"90%",transform:"translateX(-50%)"},{left:"35%",top:"112%",transform:"translateX(-50%)"},{left:"65%",top:"112%",transform:"translateX(-50%)"}],_e=({orientation:t="vertical",players:o=[],communityCards:c=[],pot:l="0 BB",blinds:i="100 / 200 / 100",dealerSeat:f,onSeatClick:b,onCardClick:u,style:x})=>{const y=t==="vertical",v=y?xt:kt,I={position:"relative",width:y?335:447,height:y?447:335,...x},k={position:"absolute",left:"50%",top:y?37:"50%",transform:y?"translateX(-50%)":"translate(-50%, -50%)",width:260,height:362,borderRadius:9999,backgroundColor:g[100]},w={position:"absolute",left:8,top:9,width:244,height:344,borderRadius:9999,backgroundColor:"#bee1ff",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",overflow:"hidden"},z=[...c,...Array(5-c.length).fill({state:"add",suit:"empty"})].slice(0,5),O=new Map;return o.forEach(S=>{O.set(S.seat,S)}),e.jsxs("div",{style:I,children:[e.jsx("div",{style:k,children:e.jsxs("div",{style:w,children:[e.jsx("div",{style:{position:"absolute",top:"20%"},children:e.jsx(bt,{size:80})}),e.jsx("div",{style:{position:"absolute",top:"30%",display:"flex",alignItems:"center",gap:2,padding:p.p1,borderRadius:L.xs},children:z.map((S,R)=>e.jsx(me,{...S,onClick:u?()=>u(R):void 0},R))}),e.jsxs("div",{style:{position:"absolute",top:"55%",display:"flex",flexDirection:"column",alignItems:"center",gap:p.p1},children:[e.jsxs("span",{style:{fontFamily:s.main,fontWeight:a.semibold,fontSize:14,lineHeight:1.2,color:"#0f0f0f"},children:["Pot: ",l]}),e.jsx("span",{style:{fontFamily:s.main,fontWeight:a.medium,fontSize:10,lineHeight:1.2,color:g[100]},children:i})]}),f!==void 0&&e.jsx("div",{style:{position:"absolute",bottom:"10%",left:"35%"},children:e.jsx(Ee,{})})]})}),v.map((S,R)=>{const H=O.get(R);return e.jsx("div",{style:{position:"absolute",...S,zIndex:10},children:H?e.jsx(be,{...H,onClick:b?()=>b(R):void 0}):e.jsx(be,{state:"start",isHero:R===0,onClick:b?()=>b(R):void 0})},R)})]})},St=({orientation:t="vertical",scale:o=.5,style:c})=>{const l=t==="vertical";return e.jsx("div",{style:{width:l?335*o:447*o,height:l?447*o:335*o,transform:`scale(${o})`,transformOrigin:"top left",...c},children:e.jsx(_e,{orientation:t})})},ie={light:{default:g,secondary:W[100],tertiary:W[300],overlay:"#2a2d3380",disabled:d[100],success:N[50],error:T[50],warning:Y[50],brand:m[500],brandSubtle:m[50],accent:K[500],accent2:U[500],accent3:T[500],inputfield:g},dark:{default:ee[900],secondary:ee[800],tertiary:ee[600],overlay:"#2a2d33cc",disabled:d[400],success:N[50],error:T[50],warning:Y[50],brand:m[500],brandSubtle:m[50],accent:he[700],accent2:U[500],accent3:T[500],inputfield:ee[900]}},de={light:{primary:ne[900],secondary:d[700],tertiary:d[400],disabled:d[200],placeholder:d[300],success:N[600],error:T[500],warning:Y[500],link:m[600],brand:m[500],onBrand:g,accent:Y[200],pokerCall:K[500],pokerRaise:U[500]},dark:{primary:g,secondary:W[400],tertiary:W[600],disabled:d[600],placeholder:d[100],success:N[500],error:T[500],warning:Y[500],link:m[600],brand:m[500],onBrand:g,accent:Y[200],pokerCall:K[400],pokerRaise:U[400]}},Be={light:{primary:W[400],subtle:W[100],focus:m[500],success:N[500],error:T[500],warning:Y[500],brandSubtle:m[100]},dark:{primary:d[600],subtle:d[800],focus:m[500],success:N[500],error:T[500],warning:Y[500],brandSubtle:m[500]}},Pe={button:{light:{primaryBg:m[500],primaryLabel:g,secondaryBg:W[300],secondaryLabel:d[700],outlineBg:g,outlineBorder:W[400],outlineLabel:d[700],disabledBg:d[100],disabledLabel:d[200],pokerCallBg:K[500],pokerCallLabel:g,pokerRaiseBg:U[500],pokerRaiseLabel:g,warningBg:T[500],warningLabel:g,hoverOverlay:"#0000001a",pressedOverlay:"#00000033"},dark:{primaryBg:m[500],primaryLabel:g,secondaryBg:ee[600],secondaryLabel:W[400],outlineBg:ee[900],outlineBorder:d[600],outlineLabel:W[400],disabledBg:d[400],disabledLabel:d[600],pokerCallBg:he[700],pokerCallLabel:g,pokerRaiseBg:U[500],pokerRaiseLabel:g,warningBg:T[500],warningLabel:g,hoverOverlay:"#ffffff1a",pressedOverlay:"#00000033"}},pokerCard:{bg:g,bgEmpty:"#6eb3dc80",border:W[400],club:K[500],diamond:m[500],heart:T[500],spade:d[700]}},jt={background:ie,text:de,border:Be,components:Pe},vt=ie.light.default,wt=ie.light.secondary,Ct=ie.light.tertiary,Wt=ie.light.brand,It=de.light.primary,Rt=de.light.secondary,zt=de.light.onBrand;r.Badge=Ve,r.Button=qe,r.Checkbox=Qe,r.DealerButton=Ee,r.Divider=Ke,r.Input=We,r.PokerCard=me,r.PokerCardGroup=ct,r.PokerChip=yt,r.PokerPlayer=be,r.PokerPlayerCircle=ft,r.PokerStatusIndicator=gt,r.PokerTable=_e,r.PokerTablePreview=St,r.Slider=et,r.Switch=tt,r.Tabs=nt,r.Toast=st,r.Toggle=Ie,r.ToggleGroup=at,r.background=ie,r.bgBrand=Wt,r.bgDefault=vt,r.bgSecondary=wt,r.bgTertiary=Ct,r.black=ve,r.border=Be,r.brandblue=m,r.components=Pe,r.cyan=he,r.deepocean=ee,r.fontFamily=s,r.fontSize=C,r.fontWeight=a,r.getTypographyStyles=Ae,r.green=N,r.grey=ne,r.lightgrey=W,r.lineHeight=h,r.orange=U,r.primitiveColors=Me,r.radius=L,r.red=T,r.semanticColors=jt,r.slate=d,r.spacing=p,r.spacingTokens=De,r.teal=K,r.text=de,r.textOnBrand=zt,r.textPrimary=It,r.textSecondary=Rt,r.typography=$e,r.typographyDesktop=Ce,r.typographyMobile=we,r.white=g,r.yellow=Y,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@drdex0101/water-design-system",
3
- "version": "1.0.1",
3
+ "version": "2.0.0",
4
4
  "description": "A design system library for Water project",
5
5
  "main": "./dist/water-design-system.umd.js",
6
6
  "module": "./dist/water-design-system.es.js",
@@ -10,7 +10,8 @@
10
10
  ],
11
11
  "scripts": {
12
12
  "dev": "vite",
13
- "build": "tsc && vite build",
13
+ "build": "vite build",
14
+ "build:lib": "tsc && vite build --mode library",
14
15
  "preview": "vite preview"
15
16
  },
16
17
  "repository": {