casino-ui 0.1.0

package/dist/stories/GameFooter.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GameFooter } from "../components/game-footer";
+import { CasinoToastContainer } from "../components/toast-container";
+const meta = {
+    title: "Components/GameFooter",
+    component: GameFooter,
+    decorators: [
+        (Story) => (_jsxs("div", { style: { width: 900 }, children: [_jsx(Story, {}), _jsx(CasinoToastContainer, {})] })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        tableId: "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
+        shareBaseUrl: "https://example.com/blackjack",
+        badges: {
+            houseEdge: "0.5",
+            minBet: "0.1",
+            coinInfo: { name: "SUI", symbol: "SUI", coinType: "sui/sui", image: "", decimal: 9, factor: 1 },
+        },
+        tabsContents: {
+            table: _jsx("div", { className: "text-white p-4", children: "Table info content" }),
+            howToPlay: _jsx("div", { className: "text-white p-4", children: "How to play content" }),
+            balance: _jsx("div", { className: "text-white p-4", children: "Balance content" }),
+        },
+        volumeSlider: {
+            globalVolume: 0.7,
+            setGlobalVolume: () => { },
+            setPrevVolume: () => { },
+        },
+        onToggleMute: () => { },
+        onJoin: () => { },
+        gameTitle: "Blackjack",
+        gameDescription: "Classic Blackjack. Play solo or join a multiplayer table.",
+    },
+};
+//# sourceMappingURL=GameFooter.stories.js.map

package/dist/stories/GameFooter.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameFooter.stories.js","sourceRoot":"","sources":["../../src/stories/GameFooter.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,eAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACxB,KAAC,KAAK,KAAG,EACT,KAAC,oBAAoB,KAAG,IACpB,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,sCAAsC;QAC/C,YAAY,EAAE,+BAA+B;QAC7C,MAAM,EAAE;YACN,SAAS,EAAE,KAAK;YAChB,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;SAChG;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,cAAK,SAAS,EAAC,gBAAgB,mCAAyB;YAC/D,SAAS,EAAE,cAAK,SAAS,EAAC,gBAAgB,oCAA0B;YACpE,OAAO,EAAE,cAAK,SAAS,EAAC,gBAAgB,gCAAsB;SAC/D;QACD,YAAY,EAAE;YACZ,YAAY,EAAE,GAAG;YACjB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;YACzB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;SACxB;QACD,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;QACtB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;QAChB,SAAS,EAAE,WAAW;QACtB,eAAe,EAAE,2DAA2D;KAC7E;CACF,CAAC"}

package/dist/stories/Icon.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Icon } from "../components/icon";
+declare const meta: Meta<typeof Icon>;
+export default meta;
+type Story = StoryObj<typeof Icon>;
+export declare const Default: Story;
+export declare const AllIcons: Story;
+export declare const Colored: Story;
+//# sourceMappingURL=Icon.stories.d.ts.map

package/dist/stories/Icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAS1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAO3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}

package/dist/stories/Icon.stories.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "../components/icon";
+const ALL_ICONS = [
+    "settings", "share", "sit", "switch-seat", "crown", "check-circle",
+    "loader", "surrender", "split", "double", "stand", "hit",
+    "x", "check", "logout", "sound", "eye", "rules",
+    "copy", "info", "user", "wallet", "chevron-down",
+];
+const meta = {
+    title: "Components/Icon",
+    component: Icon,
+    argTypes: {
+        icon: { control: "select", options: ALL_ICONS },
+        color: { control: "color" },
+    },
+};
+export default meta;
+export const Default = {
+    args: { icon: "settings", className: "size-6 text-white" },
+};
+export const AllIcons = {
+    render: () => (_jsx("div", { className: "grid grid-cols-6 gap-4", children: ALL_ICONS.map((name) => (_jsxs("div", { className: "flex flex-col items-center gap-2 p-2", children: [_jsx(Icon, { icon: name, className: "size-6 text-white" }), _jsx("span", { className: "text-xs text-text-secondary", children: name })] }, name))) })),
+};
+export const Colored = {
+    render: () => (_jsxs("div", { className: "flex gap-4", children: [_jsx(Icon, { icon: "check", className: "size-6 text-accent-success" }), _jsx(Icon, { icon: "x", className: "size-6 text-accent-error" }), _jsx(Icon, { icon: "crown", className: "size-6 text-accent-yellow" }), _jsx(Icon, { icon: "info", className: "size-6 text-btn-blue" })] })),
+};
+//# sourceMappingURL=Icon.stories.js.map

package/dist/stories/Icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../src/stories/Icon.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,MAAM,SAAS,GAAG;IAChB,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc;IAClE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK;IACxD,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO;IAC/C,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc;CACjD,CAAC;AAEF,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/C,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAC5B;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAE;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,SAAS,EAAC,wBAAwB,YACpC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,eAAgB,SAAS,EAAC,sCAAsC,aAC9D,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,mBAAmB,GAAG,EAClD,eAAM,SAAS,EAAC,6BAA6B,YAAE,IAAI,GAAQ,KAFnD,IAAI,CAGR,CACP,CAAC,GACE,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,4BAA4B,GAAG,EAC5D,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,0BAA0B,GAAG,EACtD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,2BAA2B,GAAG,EAC3D,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,sBAAsB,GAAG,IACjD,CACP;CACF,CAAC"}

package/dist/stories/PokerCard.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PokerCard } from "../components/poker-card";
+declare const meta: Meta<typeof PokerCard>;
+export default meta;
+type Story = StoryObj<typeof PokerCard>;
+export declare const AceOfSpades: Story;
+export declare const KingOfHearts: Story;
+export declare const CardBack: Story;
+export declare const WinState: Story;
+export declare const BlackjackState: Story;
+export declare const AllSuits: Story;
+export declare const AllSizes: Story;
+export declare const ResultTypes: Story;
+//# sourceMappingURL=PokerCard.stories.d.ts.map

package/dist/stories/PokerCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PokerCard.stories.d.ts","sourceRoot":"","sources":["../../src/stories/PokerCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAwB,MAAM,0BAA0B,CAAC;AAE3E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAWhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC"}

package/dist/stories/PokerCard.stories.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PokerCard } from "../components/poker-card";
+const meta = {
+    title: "Components/PokerCard",
+    component: PokerCard,
+    argTypes: {
+        suit: { control: "select", options: ["heart", "diamond", "spade", "club"] },
+        rank: { control: "select", options: ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"] },
+        side: { control: "select", options: ["front", "back"] },
+        size: { control: "select", options: ["default", "mobile", "mobile-small", "mobile-seats"] },
+        type: { control: "select", options: ["default", "win", "lose", "bust", "blackjack", "push", "even", "surrender"] },
+        showShadow: { control: "boolean" },
+    },
+};
+export default meta;
+export const AceOfSpades = {
+    args: { suit: "spade", rank: "A", side: "front" },
+};
+export const KingOfHearts = {
+    args: { suit: "heart", rank: "K", side: "front" },
+};
+export const CardBack = {
+    args: { side: "back" },
+};
+export const WinState = {
+    args: { suit: "heart", rank: "A", side: "front", type: "win" },
+};
+export const BlackjackState = {
+    args: { suit: "spade", rank: "A", side: "front", type: "blackjack" },
+};
+export const AllSuits = {
+    render: () => (_jsx("div", { className: "flex gap-3", children: ["heart", "diamond", "spade", "club"].map((suit) => (_jsx(PokerCard, { suit: suit, rank: "A" }, suit))) })),
+};
+export const AllSizes = {
+    render: () => (_jsxs("div", { className: "flex gap-3 items-end", children: [_jsx(PokerCard, { suit: "spade", rank: "K", size: "xs" }), _jsx(PokerCard, { suit: "spade", rank: "K", size: "sm" }), _jsx(PokerCard, { suit: "spade", rank: "K", size: "md" }), _jsx(PokerCard, { suit: "spade", rank: "K", size: "lg" })] })),
+};
+export const ResultTypes = {
+    render: () => (_jsx("div", { className: "flex gap-3", children: ["default", "win", "lose", "bust", "blackjack", "push"].map((type) => (_jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx(PokerCard, { suit: "heart", rank: "10", type: type }), _jsx("span", { className: "text-xs text-text-secondary", children: type })] }, type))) })),
+};
+//# sourceMappingURL=PokerCard.stories.js.map

package/dist/stories/PokerCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PokerCard.stories.js","sourceRoot":"","sources":["../../src/stories/PokerCard.stories.tsx"],"names":[],"mappings":"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"}

package/dist/stories/ResultBadge.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ResultBadge } from "../components/result-badge";
+declare const meta: Meta<typeof ResultBadge>;
+export default meta;
+type Story = StoryObj<typeof ResultBadge>;
+export declare const Win: Story;
+export declare const Blackjack: Story;
+export declare const WithPayout: Story;
+export declare const AllResults: Story;
+export declare const AllResultsWithPayout: Story;
+//# sourceMappingURL=ResultBadge.stories.d.ts.map

package/dist/stories/ResultBadge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultBadge.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ResultBadge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAYlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,GAAG,EAAE,KAEjB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAQlC,CAAC"}

package/dist/stories/ResultBadge.stories.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResultBadge } from "../components/result-badge";
+const meta = {
+    title: "Components/ResultBadge",
+    component: ResultBadge,
+    argTypes: {
+        type: {
+            control: "select",
+            options: ["win", "lose", "bust", "push", "blackjack", "even", "surrender"],
+        },
+        showPayout: { control: "boolean" },
+        isUSD: { control: "boolean" },
+        isMobile: { control: "boolean" },
+    },
+};
+export default meta;
+export const Win = {
+    args: { type: "win" },
+};
+export const Blackjack = {
+    args: { type: "blackjack" },
+};
+export const WithPayout = {
+    args: { type: "win", showPayout: true, amount: "2.50", isUSD: true },
+};
+export const AllResults = {
+    render: () => (_jsx("div", { className: "flex flex-col gap-2", children: ["win", "lose", "bust", "push", "blackjack", "even", "surrender"].map((type) => (_jsx(ResultBadge, { type: type }, type))) })),
+};
+export const AllResultsWithPayout = {
+    render: () => (_jsx("div", { className: "flex flex-col gap-2", children: ["win", "lose", "bust", "push", "blackjack", "even", "surrender"].map((type) => (_jsx(ResultBadge, { type: type, showPayout: true, amount: "1.25", isUSD: true }, type))) })),
+};
+//# sourceMappingURL=ResultBadge.stories.js.map

package/dist/stories/ResultBadge.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultBadge.stories.js","sourceRoot":"","sources":["../../src/stories/ResultBadge.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,CAAC;SAC3E;QACD,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAClC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,GAAG,GAAU;IACxB,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;CACrE,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,SAAS,EAAC,qBAAqB,YAChC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,CAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1F,KAAC,WAAW,IAAY,IAAI,EAAE,IAAI,IAAhB,IAAI,CAAgB,CACvC,CAAC,GACE,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,SAAS,EAAC,qBAAqB,YAChC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,CAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1F,KAAC,WAAW,IAAY,IAAI,EAAE,IAAI,EAAE,UAAU,QAAC,MAAM,EAAC,MAAM,EAAC,KAAK,UAAhD,IAAI,CAA+C,CACtE,CAAC,GACE,CACP;CACF,CAAC"}

package/dist/stories/Toast.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Info: Story;
+export declare const Success: Story;
+export declare const StatusError: Story;
+export declare const StatusSuccess: Story;
+export declare const ActionToast: Story;
+//# sourceMappingURL=Toast.stories.d.ts.map

package/dist/stories/Toast.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI,EAAE,IAUX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC"}

package/dist/stories/Toast.stories.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CasinoToastContainer } from "../components/toast-container";
+import { toast } from "../components/toast-helpers";
+import { Button } from "../components/button";
+const meta = {
+    title: "Components/Toast",
+    decorators: [
+        (Story) => (_jsxs("div", { children: [_jsx(Story, {}), _jsx(CasinoToastContainer, { position: "bottom-right" })] })),
+    ],
+};
+export default meta;
+export const Info = {
+    render: () => (_jsx(Button, { variant: "tertiary", onClick: () => toast.info("Card dealt to player"), children: "Show Info Toast" })),
+};
+export const Success = {
+    render: () => (_jsx(Button, { variant: "primary", onClick: () => toast.success("You win!"), children: "Show Success Toast" })),
+};
+export const StatusError = {
+    render: () => (_jsx(Button, { variant: "tertiary", onClick: () => toast.status.error("Insufficient balance", { title: "Error" }), children: "Show Error Toast" })),
+};
+export const StatusSuccess = {
+    render: () => (_jsx(Button, { variant: "primary", onClick: () => toast.status.success("Bet placed successfully", { title: "Confirmed" }), children: "Show Status Success" })),
+};
+export const ActionToast = {
+    render: () => (_jsx(Button, { variant: "secondary", onClick: () => toast.action({
+            title: "Switch Table?",
+            message: "You will leave the current game.",
+            actions: [
+                { label: "Cancel", onClick: () => { } },
+                { label: "Confirm", onClick: () => { }, highlight: true },
+            ],
+        }), children: "Show Action Toast" })),
+};
+//# sourceMappingURL=Toast.stories.js.map

package/dist/stories/Toast.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.stories.js","sourceRoot":"","sources":["../../src/stories/Toast.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,kBAAkB;IACzB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,0BACE,KAAC,KAAK,KAAG,EACT,KAAC,oBAAoB,IAAC,QAAQ,EAAC,cAAc,GAAG,IAC5C,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,gCAEnE,CACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mCAEzD,CACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,sBAAsB,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,iCAE/F,CACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,oCAEvG,CACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,CAAC,MAAM,CAAC;YACX,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,kCAAkC;YAC3C,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;gBACtC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE;aACzD;SACF,CAAC,kCAIG,CACV;CACF,CAAC"}

package/dist/styles/casino-ui-base.css

@@ -0,0 +1,310 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-win: #c7fe51;
+  --color-brand: #c7fe51;
+  --color-brand-light: #caff33;
+  --color-brand-dark: #546b22;
+  --color-dialog-content: #1a1a1a;
+  --color-accent-error: #af1b45;
+  --color-accent-success: #00a95d;
+  --color-accent-waring: #f1c40f;
+  --color-surface-600: #141414;
+  --color-surface-500: #1a1a1a;
+  --color-surface-450: #1f1f1f;
+  --color-surface-400: #252525;
+  --color-surface-300: #333333;
+  --color-surface-250: #404040;
+  --color-surface-200: #4d4d4d;
+  --color-surface-650: #0f0f0f;
+  --color-text-secondary: #bfbfbf;
+  --color-text-tertiary: #8c8c8c;
+  --color-card-suit-red: #f24545;
+  --color-card-suit-black: #1a1a1a;
+  --color-card-border: #bfbfbf;
+  --color-card-back-bg: #f24545;
+  --color-card-shoe-bg: #2a2a2a;
+  --color-card-shoe-border: #4e4e4e;
+  --color-button-grey: #3a3a3a;
+  --color-accent-pink: #fd135a;
+  --color-accent-fun-red: #db375e;
+  --color-accent-yellow: #fee061;
+  /* Action panel */
+  --color-panel-bg: #252525;
+  --color-action-hover: #444444;
+  --color-action-active: #2a2a2a;
+  --color-surrender-to: #2e2e2e;
+  --color-timer-end: #00d474;
+  /* Primary button — Green */
+  --color-btn-green: #b5e74a;
+  --color-btn-green-light: #c7fe51;
+  /* Primary button — Blue */
+  --color-btn-blue: #3fc1ff;
+  --color-btn-blue-light: #63d0ff;
+}
+
+/* ── Casino Chip ────────────────────────────────────── */
+
+@layer components {
+  .chip-body {
+    position: relative;
+  }
+  .chip-body::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    background: repeating-conic-gradient(
+      from 348.75deg,
+      #fff 0deg 22.5deg,
+      transparent 22.5deg 45deg
+    );
+  }
+
+  /* Chip data-slot sizing tokens */
+  [data-slot="chip"] {
+    width: var(--chip-outer);
+    height: calc(var(--chip-outer) + var(--chip-shadow-depth));
+  }
+
+  [data-slot="chip-body"] {
+    width: var(--chip-outer);
+    height: var(--chip-outer);
+    background-color: var(--chip-color);
+    box-shadow: 0px var(--chip-shadow-depth) 0px 0px var(--chip-shadow-color);
+  }
+
+  [data-slot="chip-ring"] {
+    width: var(--chip-inner);
+    height: var(--chip-inner);
+    top: var(--chip-inset);
+    left: var(--chip-inset);
+  }
+
+  [data-slot="chip-center"] {
+    width: var(--chip-center);
+    height: var(--chip-center);
+    background-color: var(--chip-color);
+    padding: var(--chip-padding);
+  }
+
+  [data-slot="chip-text"] {
+    font-size: var(--chip-text);
+    font-family:
+      "SF Pro Display",
+      -apple-system,
+      BlinkMacSystemFont,
+      sans-serif;
+    font-weight: 700;
+  }
+
+  [data-slot="chip-selected-ring"] {
+    width: calc(var(--chip-outer) + 4px);
+    height: calc(var(--chip-outer) + 2px);
+    top: -1px;
+  }
+
+  [data-slot="chip"][data-size="sm"] {
+    --chip-outer: 36px;
+    --chip-inner: 33px;
+    --chip-border: 3.74px;
+    --chip-center: 28.7px;
+    --chip-text: 10.5px;
+    --chip-shadow-depth: 2px;
+    --chip-inset: 1.6px;
+    --chip-padding: 6.2px;
+  }
+  [data-slot="chip"][data-size="md"] {
+    --chip-outer: 44px;
+    --chip-inner: 40px;
+    --chip-border: 4.566px;
+    --chip-center: 35px;
+    --chip-text: 12.865px;
+    --chip-shadow-depth: 3px;
+    --chip-inset: 2px;
+    --chip-padding: 7.6px;
+  }
+  [data-slot="chip"][data-size="lg"] {
+    --chip-outer: 52px;
+    --chip-inner: 47px;
+    --chip-border: 5.4px;
+    --chip-center: 41.4px;
+    --chip-text: 15.2px;
+    --chip-shadow-depth: 4px;
+    --chip-inset: 2.4px;
+    --chip-padding: 9px;
+  }
+
+  /* Denomination color tokens */
+  [data-slot="chip"][data-denomination="1"] {
+    --chip-color: #999999;
+    --chip-shadow-color: #474747;
+  }
+  [data-slot="chip"][data-denomination="5"] {
+    --chip-color: #db375e;
+    --chip-shadow-color: #63171d;
+  }
+  [data-slot="chip"][data-denomination="10"] {
+    --chip-color: #037a4c;
+    --chip-shadow-color: #06503f;
+  }
+  [data-slot="chip"][data-denomination="25"] {
+    --chip-color: #f57fe0;
+    --chip-shadow-color: #951f9d;
+  }
+  [data-slot="chip"][data-denomination="50"] {
+    --chip-color: #7454f0;
+    --chip-shadow-color: #2d268b;
+  }
+  [data-slot="chip"][data-denomination="100"] {
+    --chip-color: #e3b800;
+    --chip-shadow-color: #816b0c;
+  }
+  [data-slot="chip"][data-denomination="500"] {
+    --chip-color: #9727b0;
+    --chip-shadow-color: #5b187d;
+  }
+
+  /* Hover glow */
+  button[data-slot="chip"]::before {
+    content: "";
+    position: absolute;
+    left: 50%;
+    top: 0;
+    transform: translateX(-50%);
+    width: calc(var(--chip-outer) + 10px);
+    height: calc(var(--chip-outer) + 6px);
+    border-radius: 50%;
+    background: radial-gradient(
+      ellipse at center,
+      rgba(255, 255, 255, 0.35) 0%,
+      rgba(255, 255, 255, 0.15) 40%,
+      rgba(255, 255, 255, 0) 70%
+    );
+    pointer-events: none;
+    opacity: 0;
+    transition: opacity 150ms;
+  }
+
+  button[data-slot="chip"]:hover::before {
+    opacity: 1;
+  }
+
+  button[data-slot="chip"]:hover > [data-slot="chip-body"] {
+    box-shadow: 0px var(--chip-shadow-depth) 0px 0px var(--chip-shadow-color);
+  }
+
+  /* ── Action Buttons ───────────────────────────────── */
+
+  .blue-action-button {
+    border-color: var(--color-btn-blue);
+    background-image: radial-gradient(
+      97.07% 95.3% at 48.09% 47.12%,
+      var(--color-btn-blue) 0%,
+      var(--color-btn-blue-light) 100%
+    );
+    box-shadow: 0 4px 1px 0 rgba(255, 255, 255, 0.4) inset;
+  }
+
+  .blue-action-button:hover {
+    background-image: radial-gradient(
+      97.07% 95.3% at 48.09% 47.12%,
+      #5cf 0%,
+      #8ae2ff 100%
+    );
+    box-shadow:
+      0 0 12px 0 rgba(199, 243, 81, 0.2),
+      0 3px 1px 0 rgba(255, 255, 255, 0.25) inset;
+  }
+
+  .blue-action-button:active {
+    border-color: #2ca1dc;
+    background-image: radial-gradient(
+      97.07% 95.3% at 48.09% 47.12%,
+      #32aeea 0%,
+      #4fc0f2 100%
+    );
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25) inset;
+  }
+
+  .green-action-button {
+    border-color: var(--color-btn-green);
+    background-image: radial-gradient(
+      97.07% 95.3% at 48.09% 47.12%,
+      var(--color-btn-green) 0%,
+      var(--color-btn-green-light) 100%
+    );
+    box-shadow: 0 4px 1px 0 rgba(255, 255, 255, 0.4) inset;
+  }
+
+  .green-action-button:hover {
+    background-image: radial-gradient(
+      97.07% 95.3% at 48.09% 47.12%,
+      #c4fb63 0%,
+      #d5ff7a 100%
+    );
+    box-shadow:
+      0 0 12px 0 rgba(199, 243, 81, 0.2),
+      0 3px 1px 0 rgba(255, 255, 255, 0.25) inset;
+  }
+
+  .green-action-button:active {
+    border-color: #a9d53f;
+    background-image: radial-gradient(
+      97.07% 95.3% at 48.09% 47.12%,
+      #a9d53f 0%,
+      #bee84f 100%
+    );
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25) inset;
+  }
+
+  .grey-action-button {
+    position: relative;
+    border-color: var(--color-button-grey);
+    background-image: radial-gradient(
+      97.07% 95.3% at 48.09% 47.12%,
+      #3a3a3a 0%,
+      #2e2e2e 100%
+    );
+    box-shadow: 0 4px 2px 0 rgba(255, 255, 255, 0.05) inset;
+  }
+
+  .grey-action-button:hover {
+    border-color: #464646;
+    background-image: radial-gradient(
+      97.07% 95.3% at 48.09% 47.12%,
+      #464646 0%,
+      #383838 100%
+    );
+    box-shadow:
+      0 0 8px 0 rgba(255, 255, 255, 0.03),
+      0 3px 2px 0 rgba(255, 255, 255, 0.03) inset;
+  }
+
+  .grey-action-button:active {
+    border-color: #2e2e2e;
+    background-image: radial-gradient(
+      97.07% 95.3% at 48.09% 47.12%,
+      #2e2e2e 0%,
+      #262626 100%
+    );
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25) inset;
+  }
+}
+
+/* ── Utilities ──────────────────────────────────────── */
+
+@layer utilities {
+  .hide-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+  .hide-scrollbar {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+}