casino-ui 0.1.0 → 0.1.3
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/components/bet-panel.js +1 -1
- package/dist/components/bet-panel.js.map +1 -1
- package/dist/components/chip.d.ts +7 -1
- package/dist/components/chip.d.ts.map +1 -1
- package/dist/components/chip.js +15 -11
- package/dist/components/chip.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/bet-panel.tsx +2 -2
- package/src/components/chip.tsx +30 -7
- package/src/index.ts +4 -0
|
@@ -9,7 +9,7 @@ function BetPanelFoldingInfo({ className, open, children, ...props }) {
|
|
|
9
9
|
function BetPanelInput({ className, label = "Balance", balance, coinInfo, value, setValue, getMaxBet, setOriginalBetSize, error, setError, disabled, ...props }) {
|
|
10
10
|
const isUSD = coinInfo?.coinType?.toLowerCase().includes("usd") ?? false;
|
|
11
11
|
const regex = /^[0-9.]+$/;
|
|
12
|
-
return (_jsxs("div", { "data-slot": "bet-panel-input", className: cn("relative flex flex-1 sm:flex-none sm:w-[234px] shrink-0 flex-col gap-1", disabled && "opacity-60 pointer-events-none", className), ...props, children: [_jsxs("div", { className: "hidden sm:flex items-center justify-between leading-4.5 h-4.5 text-sm font-semibold text-[#BFBFBF]", children: [_jsx("span", { children: label }), balance != null && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: balance }), _jsx("span", { children: coinInfo?.symbol })] }))] }), _jsxs("div", { className: "relative flex flex-col items-center", children: [_jsxs("div", { className: cn("flex w-full items-center rounded-lg sm:rounded-xl border bg-surface-600 h-10 sm:h-12 px-3 py-2 transition-colors", error ? "border-accent-error" : "border-button-grey"), children: [_jsxs("div", { className: "flex flex-1 items-center gap-1", children: [isUSD ? (_jsx("span", { children: "$" })) : coinInfo?.image ? (typeof coinInfo.image === "string" ? (_jsx("img", { src: coinInfo.image, alt: coinInfo.symbol, className: "size-4 object-contain" })) : (_jsx("div", { className: "min-w-4 h-4 w-4 object-contain", children: coinInfo.image }))) : null, _jsx("input", { type: "text", inputMode: "decimal", value: value ?? "", onChange: (e) => {
|
|
12
|
+
return (_jsxs("div", { "data-slot": "bet-panel-input", className: cn("relative flex flex-1 sm:flex-none sm:w-[234px] shrink-0 flex-col gap-1", disabled && "opacity-60 pointer-events-none", className), ...props, children: [_jsxs("div", { className: "hidden sm:flex items-center justify-between leading-4.5 h-4.5 text-sm font-semibold text-[#BFBFBF]", children: [_jsx("span", { children: label }), balance != null && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: balance }), _jsx("span", { children: coinInfo?.symbol })] }))] }), _jsxs("div", { className: "relative flex flex-col items-center", children: [_jsxs("div", { className: cn("flex w-full items-center rounded-lg sm:rounded-xl border bg-surface-600 h-10 sm:h-12 px-3 py-2 transition-colors", error ? "border-accent-error" : "border-button-grey"), children: [_jsxs("div", { className: "flex flex-1 items-center gap-1", children: [isUSD ? (_jsx("span", { children: "$" })) : coinInfo?.image ? (typeof coinInfo.image === "string" ? (_jsx("img", { src: coinInfo.image, alt: coinInfo.symbol, className: "size-4 object-contain rounded-full" })) : (_jsx("div", { className: "min-w-4 h-4 w-4 object-contain rounded-full overflow-clip", children: coinInfo.image }))) : null, _jsx("input", { type: "text", inputMode: "decimal", value: value ?? "", onChange: (e) => {
|
|
13
13
|
if (regex.test(e.target.value) ||
|
|
14
14
|
e.target.value === "" ||
|
|
15
15
|
e.target.value === ".") {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bet-panel.js","sourceRoot":"","sources":["../../src/components/bet-panel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAUlC,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IACxE,OAAO,CACL,2BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAOD,SAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACiB;IACzB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAC5C,SAAS,CACV,YAED,cAAK,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAO,GAC7C,CACP,CAAC;AACJ,CAAC;AAeD,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACW;IACnB,MAAM,KAAK,GAAG,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;IACzE,MAAM,KAAK,GAAG,WAAW,CAAC;IAE1B,OAAO,CACL,4BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,QAAQ,IAAI,gCAAgC,EAC5C,SAAS,CACV,KACG,KAAK,aAET,eAAK,SAAS,EAAC,oGAAoG,aACjH,yBAAO,KAAK,GAAQ,EACnB,OAAO,IAAI,IAAI,IAAI,CAClB,eAAK,SAAS,EAAC,yBAAyB,aACtC,yBAAO,OAAO,GAAQ,EACtB,yBAAO,QAAQ,EAAE,MAAM,GAAQ,IAC3B,CACP,IACG,EAEN,eAAK,SAAS,EAAC,qCAAqC,aAClD,eACE,SAAS,EAAE,EAAE,CACX,kHAAkH,EAClH,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,oBAAoB,CACrD,aAED,eAAK,SAAS,EAAC,gCAAgC,aAC5C,KAAK,CAAC,CAAC,CAAC,CACP,+BAAc,CACf,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CACpB,OAAO,QAAQ,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnC,cACE,GAAG,EAAE,QAAQ,CAAC,KAAK,EACnB,GAAG,EAAE,QAAQ,CAAC,MAAM,EACpB,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"bet-panel.js","sourceRoot":"","sources":["../../src/components/bet-panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,12 @@ type DivProps = React.HTMLAttributes<HTMLDivElement>;
|
|
|
3
3
|
interface IChipProps {
|
|
4
4
|
denomination?: number;
|
|
5
5
|
amount?: number;
|
|
6
|
+
/** Override text displayed on the chip (e.g. "1K" for 1000 sats) */
|
|
7
|
+
label?: string;
|
|
8
|
+
/** Override color of the chip */
|
|
9
|
+
color?: string;
|
|
10
|
+
/** Override shadow color of the chip */
|
|
11
|
+
shadowColor?: string;
|
|
6
12
|
wrapperClass?: ButtonProps["className"] | DivProps["className"];
|
|
7
13
|
chipClass?: DivProps["className"];
|
|
8
14
|
textClass?: React.HTMLAttributes<HTMLSpanElement>["className"];
|
|
@@ -44,6 +50,6 @@ export declare const CHIP_PRESETS: {
|
|
|
44
50
|
export type ChipDenomination = keyof typeof CHIP_PRESETS;
|
|
45
51
|
export declare const CHIP_DENOMINATIONS: ChipDenomination[];
|
|
46
52
|
export declare function getChipDenominationForAmount(amount: number): ChipDenomination;
|
|
47
|
-
declare const Chip: ({ denomination, amount, wrapperClass, chipClass, textClass, onClick, showText, isButton, selected, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
53
|
+
declare const Chip: ({ denomination, amount, label, color, shadowColor, wrapperClass, chipClass, textClass, onClick, showText, isButton, selected, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
54
|
export default Chip;
|
|
49
55
|
//# sourceMappingURL=chip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/components/chip.tsx"],"names":[],"mappings":"AAGA,KAAK,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACjE,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAErD,UAAU,UAAU;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,WAAW,CAAC,CAAC;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwBD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQf,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,YAAY,CAAC;AAEzD,eAAO,MAAM,kBAAkB,EAE1B,gBAAgB,EAAE,CAAC;AAExB,wBAAgB,4BAA4B,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,CAS7E;
|
|
1
|
+
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/components/chip.tsx"],"names":[],"mappings":"AAGA,KAAK,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACjE,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAErD,UAAU,UAAU;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,WAAW,CAAC,CAAC;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwBD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQf,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,YAAY,CAAC;AAEzD,eAAO,MAAM,kBAAkB,EAE1B,gBAAgB,EAAE,CAAC;AAExB,wBAAgB,4BAA4B,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,CAS7E;AAmGD,QAAA,MAAM,IAAI,GAAI,iIAaX,UAAU,4CAwCZ,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/dist/components/chip.js
CHANGED
|
@@ -54,28 +54,32 @@ function normalizeDenomination(denomination) {
|
|
|
54
54
|
}
|
|
55
55
|
return 1;
|
|
56
56
|
}
|
|
57
|
-
const ChipBody = ({ denomination, amount, chipClass = "w-11 h-11", textClass, showText = true, isButton = false, selected = false, }) => {
|
|
57
|
+
const ChipBody = ({ denomination, amount, label, color: colorOverride, shadowColor: shadowColorOverride, chipClass = "w-11 h-11", textClass, showText = true, isButton = false, selected = false, }) => {
|
|
58
58
|
const resolvedDenomination = typeof amount === "number"
|
|
59
59
|
? getChipDenominationForAmount(amount)
|
|
60
60
|
: normalizeDenomination(denomination);
|
|
61
|
-
const chipText =
|
|
62
|
-
?
|
|
63
|
-
:
|
|
64
|
-
|
|
61
|
+
const chipText = label != null
|
|
62
|
+
? label
|
|
63
|
+
: typeof amount === "number"
|
|
64
|
+
? formatAmountDirect(Math.round(amount * 100) / 100)
|
|
65
|
+
: resolvedDenomination;
|
|
66
|
+
const resolvedTextClass = typeof amount === "number" || label != null
|
|
65
67
|
? "leading-none tracking-tighter text-[10px]"
|
|
66
68
|
: "leading-5.5 text-[10px] md:leading-7.5 md:text-[12.865px]";
|
|
69
|
+
const chipColor = colorOverride ?? CHIP_PRESETS[resolvedDenomination].color;
|
|
70
|
+
const chipShadowColor = shadowColorOverride ?? CHIP_PRESETS[resolvedDenomination].shadowColor;
|
|
67
71
|
return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("relative rounded-[50%] aspect-square overflow-clip chip-body p-[4.566px] z-2", chipClass), style: {
|
|
68
|
-
backgroundColor:
|
|
69
|
-
boxShadow: `0px 3px 0px 0px ${
|
|
72
|
+
backgroundColor: chipColor,
|
|
73
|
+
boxShadow: `0px 3px 0px 0px ${chipShadowColor}`,
|
|
70
74
|
}, children: _jsx("div", { className: "relative z-1 w-full h-full rounded-[50%] flex items-center justify-center select-none", style: {
|
|
71
|
-
backgroundColor:
|
|
75
|
+
backgroundColor: chipColor,
|
|
72
76
|
}, children: showText && (_jsx("span", { "data-slot": "chip-text", className: cn("font-semibold md:font-bold text-center text-white", resolvedTextClass, textClass), children: chipText })) }) }), isButton && (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("absolute inset-0 opacity-0 ease-in-out duration-300 w-9 h-9.5 md:w-11.5 md:h-12", !selected && "group-hover:opacity-100"), dangerouslySetInnerHTML: { __html: hoverEffect } }), _jsx("div", { className: cn("absolute top-0 left-1/2 -translate-x-1/2 ease-in-out duration-300 w-9 h-9.5 md:w-11.5 md:h-12", selected ? "opacity-100" : "group-active:opacity-100 opacity-0"), dangerouslySetInnerHTML: { __html: selectedEffect } })] }))] }));
|
|
73
77
|
};
|
|
74
|
-
const Chip = ({ denomination, amount, wrapperClass, chipClass = "w-11 h-11", textClass, onClick, showText = true, isButton = false, selected = false, }) => {
|
|
78
|
+
const Chip = ({ denomination, amount, label, color, shadowColor, wrapperClass, chipClass = "w-11 h-11", textClass, onClick, showText = true, isButton = false, selected = false, }) => {
|
|
75
79
|
if (!isButton) {
|
|
76
|
-
return (_jsx("div", { className: cn("relative px-0.5 pb-1 group", wrapperClass), children: _jsx(ChipBody, { denomination: denomination, amount: amount, chipClass: chipClass, textClass: textClass, showText: showText, isButton: isButton, selected: selected }) }));
|
|
80
|
+
return (_jsx("div", { className: cn("relative px-0.5 pb-1 group", wrapperClass), children: _jsx(ChipBody, { denomination: denomination, amount: amount, label: label, color: color, shadowColor: shadowColor, chipClass: chipClass, textClass: textClass, showText: showText, isButton: isButton, selected: selected }) }));
|
|
77
81
|
}
|
|
78
|
-
return (_jsx("button", { type: "button", onClick: onClick, className: cn("relative px-0.5 pb-1 group cursor-pointer", wrapperClass), children: _jsx(ChipBody, { denomination: denomination, amount: amount, chipClass: chipClass, textClass: textClass, showText: showText, isButton: isButton, selected: selected }) }));
|
|
82
|
+
return (_jsx("button", { type: "button", onClick: onClick, className: cn("relative px-0.5 pb-1 group cursor-pointer", wrapperClass), children: _jsx(ChipBody, { denomination: denomination, amount: amount, label: label, color: color, shadowColor: shadowColor, chipClass: chipClass, textClass: textClass, showText: showText, isButton: isButton, selected: selected }) }));
|
|
79
83
|
};
|
|
80
84
|
export default Chip;
|
|
81
85
|
//# sourceMappingURL=chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../src/components/chip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../src/components/chip.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import "./styles/casino-ui-base.css";
|
|
2
|
+
import "./styles/toast.css";
|
|
1
3
|
export { Button, buttonVariants, type ButtonProps } from "./components/button";
|
|
2
4
|
export { default as Chip, CHIP_PRESETS, CHIP_DENOMINATIONS, getChipDenominationForAmount, type ChipDenomination, } from "./components/chip";
|
|
3
5
|
export { ChipRack } from "./components/chip-rack";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,OAAO,IAAI,IAAI,EACf,YAAY,EACZ,kBAAkB,EAClB,4BAA4B,EAC5B,KAAK,gBAAgB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EACL,YAAY,EACZ,aAAa,EACb,eAAe,EACf,aAAa,EACb,aAAa,EACb,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,+BAA+B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,6BAA6B,CAAC;AACrC,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,OAAO,IAAI,IAAI,EACf,YAAY,EACZ,kBAAkB,EAClB,4BAA4B,EAC5B,KAAK,gBAAgB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EACL,YAAY,EACZ,aAAa,EACb,eAAe,EACf,aAAa,EACb,aAAa,EACb,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,+BAA+B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
// Styles
|
|
2
|
+
import "./styles/casino-ui-base.css";
|
|
3
|
+
import "./styles/toast.css";
|
|
1
4
|
// Components
|
|
2
5
|
export { Button, buttonVariants } from "./components/button";
|
|
3
6
|
export { default as Chip, CHIP_PRESETS, CHIP_DENOMINATIONS, getChipDenominationForAmount, } from "./components/chip";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,EAAE,MAAM,EAAE,cAAc,EAAoB,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,OAAO,IAAI,IAAI,EACf,YAAY,EACZ,kBAAkB,EAClB,4BAA4B,GAE7B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAwB,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAmB,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EACL,YAAY,EACZ,aAAa,EACb,eAAe,EACf,aAAa,EACb,aAAa,EACb,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAEhC,eAAe;AACf,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAOnD,YAAY;AACZ,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAK3D,gBAAgB;AAChB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,+BAA+B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,OAAO,6BAA6B,CAAC;AACrC,OAAO,oBAAoB,CAAC;AAE5B,aAAa;AACb,OAAO,EAAE,MAAM,EAAE,cAAc,EAAoB,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,OAAO,IAAI,IAAI,EACf,YAAY,EACZ,kBAAkB,EAClB,4BAA4B,GAE7B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAwB,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAmB,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EACL,YAAY,EACZ,aAAa,EACb,eAAe,EACf,aAAa,EACb,aAAa,EACb,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAEhC,eAAe;AACf,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAOnD,YAAY;AACZ,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAK3D,gBAAgB;AAChB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,+BAA+B,CAAC"}
|
package/package.json
CHANGED
|
@@ -113,10 +113,10 @@ function BetPanelInput({
|
|
|
113
113
|
<img
|
|
114
114
|
src={coinInfo.image}
|
|
115
115
|
alt={coinInfo.symbol}
|
|
116
|
-
className="size-4 object-contain"
|
|
116
|
+
className="size-4 object-contain rounded-full"
|
|
117
117
|
/>
|
|
118
118
|
) : (
|
|
119
|
-
<div className="min-w-4 h-4 w-4 object-contain">
|
|
119
|
+
<div className="min-w-4 h-4 w-4 object-contain rounded-full overflow-clip">
|
|
120
120
|
{coinInfo.image}
|
|
121
121
|
</div>
|
|
122
122
|
)
|
package/src/components/chip.tsx
CHANGED
|
@@ -7,6 +7,12 @@ type DivProps = React.HTMLAttributes<HTMLDivElement>;
|
|
|
7
7
|
interface IChipProps {
|
|
8
8
|
denomination?: number;
|
|
9
9
|
amount?: number;
|
|
10
|
+
/** Override text displayed on the chip (e.g. "1K" for 1000 sats) */
|
|
11
|
+
label?: string;
|
|
12
|
+
/** Override color of the chip */
|
|
13
|
+
color?: string;
|
|
14
|
+
/** Override shadow color of the chip */
|
|
15
|
+
shadowColor?: string;
|
|
10
16
|
wrapperClass?: ButtonProps["className"] | DivProps["className"];
|
|
11
17
|
chipClass?: DivProps["className"];
|
|
12
18
|
textClass?: React.HTMLAttributes<HTMLSpanElement>["className"];
|
|
@@ -78,6 +84,9 @@ function normalizeDenomination(denomination?: number): ChipDenomination {
|
|
|
78
84
|
const ChipBody = ({
|
|
79
85
|
denomination,
|
|
80
86
|
amount,
|
|
87
|
+
label,
|
|
88
|
+
color: colorOverride,
|
|
89
|
+
shadowColor: shadowColorOverride,
|
|
81
90
|
chipClass = "w-11 h-11",
|
|
82
91
|
textClass,
|
|
83
92
|
showText = true,
|
|
@@ -89,14 +98,19 @@ const ChipBody = ({
|
|
|
89
98
|
? getChipDenominationForAmount(amount)
|
|
90
99
|
: normalizeDenomination(denomination);
|
|
91
100
|
const chipText =
|
|
92
|
-
|
|
93
|
-
?
|
|
94
|
-
:
|
|
101
|
+
label != null
|
|
102
|
+
? label
|
|
103
|
+
: typeof amount === "number"
|
|
104
|
+
? formatAmountDirect(Math.round(amount * 100) / 100)
|
|
105
|
+
: resolvedDenomination;
|
|
95
106
|
const resolvedTextClass =
|
|
96
|
-
typeof amount === "number"
|
|
107
|
+
typeof amount === "number" || label != null
|
|
97
108
|
? "leading-none tracking-tighter text-[10px]"
|
|
98
109
|
: "leading-5.5 text-[10px] md:leading-7.5 md:text-[12.865px]";
|
|
99
110
|
|
|
111
|
+
const chipColor = colorOverride ?? CHIP_PRESETS[resolvedDenomination].color;
|
|
112
|
+
const chipShadowColor = shadowColorOverride ?? CHIP_PRESETS[resolvedDenomination].shadowColor;
|
|
113
|
+
|
|
100
114
|
return (
|
|
101
115
|
<>
|
|
102
116
|
<div
|
|
@@ -105,14 +119,14 @@ const ChipBody = ({
|
|
|
105
119
|
chipClass,
|
|
106
120
|
)}
|
|
107
121
|
style={{
|
|
108
|
-
backgroundColor:
|
|
109
|
-
boxShadow: `0px 3px 0px 0px ${
|
|
122
|
+
backgroundColor: chipColor,
|
|
123
|
+
boxShadow: `0px 3px 0px 0px ${chipShadowColor}`,
|
|
110
124
|
}}
|
|
111
125
|
>
|
|
112
126
|
<div
|
|
113
127
|
className="relative z-1 w-full h-full rounded-[50%] flex items-center justify-center select-none"
|
|
114
128
|
style={{
|
|
115
|
-
backgroundColor:
|
|
129
|
+
backgroundColor: chipColor,
|
|
116
130
|
}}
|
|
117
131
|
>
|
|
118
132
|
{showText && (
|
|
@@ -157,6 +171,9 @@ const ChipBody = ({
|
|
|
157
171
|
const Chip = ({
|
|
158
172
|
denomination,
|
|
159
173
|
amount,
|
|
174
|
+
label,
|
|
175
|
+
color,
|
|
176
|
+
shadowColor,
|
|
160
177
|
wrapperClass,
|
|
161
178
|
chipClass = "w-11 h-11",
|
|
162
179
|
textClass,
|
|
@@ -171,6 +188,9 @@ const Chip = ({
|
|
|
171
188
|
<ChipBody
|
|
172
189
|
denomination={denomination}
|
|
173
190
|
amount={amount}
|
|
191
|
+
label={label}
|
|
192
|
+
color={color}
|
|
193
|
+
shadowColor={shadowColor}
|
|
174
194
|
chipClass={chipClass}
|
|
175
195
|
textClass={textClass}
|
|
176
196
|
showText={showText}
|
|
@@ -190,6 +210,9 @@ const Chip = ({
|
|
|
190
210
|
<ChipBody
|
|
191
211
|
denomination={denomination}
|
|
192
212
|
amount={amount}
|
|
213
|
+
label={label}
|
|
214
|
+
color={color}
|
|
215
|
+
shadowColor={shadowColor}
|
|
193
216
|
chipClass={chipClass}
|
|
194
217
|
textClass={textClass}
|
|
195
218
|
showText={showText}
|