@breakergames/design-system 0.1.0

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,8 @@
+
+export interface AvatarProps {
+    name?: string;
+    imageUrl?: string;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function Avatar({ name, imageUrl, size, className }: AvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar';

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,9 @@
+import { BadgeType } from '../../types';
+
+export interface BadgeProps {
+    type: BadgeType;
+    label?: string;
+    language?: 'en' | 'zh';
+    className?: string;
+}
+export declare function Badge({ type, label, language, className }: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+export type { BadgeProps } from './Badge';

package/dist/components/BottomInputBar/BottomInputBar.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export interface BottomInputBarProps {
+    placeholder?: string;
+    onClick?: () => void;
+    isLoading?: boolean;
+    icon?: React.ReactNode;
+    className?: string;
+}
+export declare function BottomInputBar({ placeholder, onClick, isLoading, icon, className, }: BottomInputBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/BottomInputBar/index.d.ts

@@ -0,0 +1,2 @@
+export { BottomInputBar } from './BottomInputBar';
+export type { BottomInputBarProps } from './BottomInputBar';

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    loading?: boolean;
+    icon?: React.ReactNode;
+}
+export declare function Button({ variant, size, fullWidth, loading, icon, children, disabled, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button';

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+export interface CardProps {
+    children: React.ReactNode;
+    className?: string;
+    clickable?: boolean;
+    onClick?: () => void;
+}
+export declare function Card({ children, className, clickable, onClick }: CardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/FeaturedCard.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface FeaturedCardProps {
+    title: string;
+    tagline?: string;
+    imageUrl?: string;
+    gradientFrom?: string;
+    gradientTo?: string;
+    badge?: React.ReactNode;
+    playCount?: number;
+    likeCount?: number;
+    onClick?: () => void;
+    className?: string;
+}
+export declare function FeaturedCard({ title, tagline, imageUrl, gradientFrom, gradientTo, badge, playCount, likeCount, onClick, className, }: FeaturedCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/GeneratingCard.d.ts

@@ -0,0 +1,7 @@
+
+export interface GeneratingCardProps {
+    status?: 'searching' | 'generating' | 'ready';
+    statusText?: string;
+    className?: string;
+}
+export declare function GeneratingCard({ status, statusText, className }: GeneratingCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/ScenarioCard.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface ScenarioCardProps {
+    title: string;
+    tagline?: string;
+    imageUrl?: string;
+    primaryColor?: string;
+    backgroundColor?: string;
+    badge?: React.ReactNode;
+    playCount?: number;
+    likeCount?: number;
+    onClick?: () => void;
+    className?: string;
+}
+export declare function ScenarioCard({ title, tagline, imageUrl, primaryColor, backgroundColor, badge, playCount, likeCount, onClick, className, }: ScenarioCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/index.d.ts

@@ -0,0 +1,8 @@
+export { Card } from './Card';
+export type { CardProps } from './Card';
+export { FeaturedCard } from './FeaturedCard';
+export type { FeaturedCardProps } from './FeaturedCard';
+export { ScenarioCard } from './ScenarioCard';
+export type { ScenarioCardProps } from './ScenarioCard';
+export { GeneratingCard } from './GeneratingCard';
+export type { GeneratingCardProps } from './GeneratingCard';

package/dist/components/ChatBubble/ChatBubble.d.ts

@@ -0,0 +1,7 @@
+
+export interface ChatBubbleProps {
+    content: string;
+    role: 'user' | 'assistant';
+    className?: string;
+}
+export declare function ChatBubble({ content, role, className }: ChatBubbleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ChatBubble/index.d.ts

@@ -0,0 +1,2 @@
+export { ChatBubble } from './ChatBubble';
+export type { ChatBubbleProps } from './ChatBubble';

package/dist/components/GameGrid/GameGrid.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export interface GameGridProps {
+    children: React.ReactNode;
+    columns?: 2 | 3 | 4;
+    className?: string;
+}
+export declare function GameGrid({ children, columns, className }: GameGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/GameGrid/HotGrid.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+export interface HotGridProps {
+    title?: string;
+    icon?: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function HotGrid({ title, icon, children, className }: HotGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/GameGrid/WaterfallGrid.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export interface WaterfallGridProps {
+    leftColumn: React.ReactNode;
+    rightColumn: React.ReactNode;
+    className?: string;
+}
+export declare function WaterfallGrid({ leftColumn, rightColumn, className }: WaterfallGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/GameGrid/index.d.ts

@@ -0,0 +1,6 @@
+export { GameGrid } from './GameGrid';
+export type { GameGridProps } from './GameGrid';
+export { HotGrid } from './HotGrid';
+export type { HotGridProps } from './HotGrid';
+export { WaterfallGrid } from './WaterfallGrid';
+export type { WaterfallGridProps } from './WaterfallGrid';

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+export interface HeaderTab {
+    id: string;
+    label: string;
+}
+export interface HeaderProps {
+    logoText?: string;
+    logoIcon?: React.ReactNode;
+    tabs?: HeaderTab[];
+    activeTab?: string;
+    onTabChange?: (tabId: string) => void;
+    userName?: string;
+    avatar?: React.ReactNode;
+    onSignIn?: () => void;
+    onLogout?: () => void;
+    languageLabel?: string;
+    onLanguageToggle?: () => void;
+    className?: string;
+}
+export declare function Header({ logoText, logoIcon, tabs, activeTab, onTabChange, userName, avatar, onSignIn, onLogout, languageLabel, onLanguageToggle, className, }: HeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/index.d.ts

@@ -0,0 +1,2 @@
+export { Header } from './Header';
+export type { HeaderProps, HeaderTab } from './Header';

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export type { InputProps } from './Input';

package/dist/components/LikeButton/LikeButton.d.ts

@@ -0,0 +1,9 @@
+
+export interface LikeButtonProps {
+    liked?: boolean;
+    count?: number;
+    onToggle?: () => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function LikeButton({ liked, count, onToggle, disabled, className }: LikeButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/LikeButton/index.d.ts

@@ -0,0 +1,2 @@
+export { LikeButton } from './LikeButton';
+export type { LikeButtonProps } from './LikeButton';

package/dist/components/Modal/BottomSheet.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+export interface BottomSheetProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+}
+export declare function BottomSheet({ isOpen, onClose, children, title, subtitle, className }: BottomSheetProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function Modal({ isOpen, onClose, children, size, className }: ModalProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,4 @@
+export { Modal } from './Modal';
+export type { ModalProps } from './Modal';
+export { BottomSheet } from './BottomSheet';
+export type { BottomSheetProps } from './BottomSheet';

package/dist/components/StatCard/StatCard.d.ts

@@ -0,0 +1,8 @@
+
+export interface StatCardProps {
+    label: string;
+    value: string | number;
+    color?: 'primary' | 'danger' | 'success';
+    className?: string;
+}
+export declare function StatCard({ label, value, color, className }: StatCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/StatCard/index.d.ts

@@ -0,0 +1,2 @@
+export { StatCard } from './StatCard';
+export type { StatCardProps } from './StatCard';

package/dist/icons/ArrowUpIcon.d.ts

@@ -0,0 +1,4 @@
+export declare function ArrowUpIcon({ size, color }: {
+    size?: number;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/icons/CloseIcon.d.ts

@@ -0,0 +1,4 @@
+export declare function CloseIcon({ size, color }: {
+    size?: number;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/icons/HeartIcon.d.ts

@@ -0,0 +1,5 @@
+export declare function HeartIcon({ size, color, filled }: {
+    size?: number;
+    color?: string;
+    filled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/icons/PlayIcon.d.ts

@@ -0,0 +1,4 @@
+export declare function PlayIcon({ size, color }: {
+    size?: number;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/icons/index.d.ts

@@ -0,0 +1,4 @@
+export { PlayIcon } from './PlayIcon';
+export { CloseIcon } from './CloseIcon';
+export { HeartIcon } from './HeartIcon';
+export { ArrowUpIcon } from './ArrowUpIcon';

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),_=require("react");function u({variant:e="primary",size:s="md",fullWidth:r=!1,loading:n=!1,icon:c,children:l,disabled:i,className:t="",...d}){const o=["maka-btn",`maka-btn--${e}`,`maka-btn--${s}`,r&&"maka-btn--full",t].filter(Boolean).join(" ");return a.jsxs("button",{className:o,disabled:i||n,...d,children:[n&&a.jsx("span",{className:"maka-btn__spinner"}),!n&&c,l]})}const x=_.forwardRef(({label:e,error:s,helperText:r,className:n="",...c},l)=>a.jsxs("div",{className:"maka-input-wrapper",children:[e&&a.jsx("label",{className:"maka-input-label",children:e}),a.jsx("input",{ref:l,className:`maka-input ${s?"maka-input--error":""} ${n}`,...c}),s&&a.jsx("span",{className:"maka-input-error",children:s}),!s&&r&&a.jsx("span",{className:"maka-input-helper",children:r})]}));x.displayName="Input";const j={"staff-pick":{icon:"⭐",labelEn:"Pick",labelZh:"精选"},hot:{icon:"🔥",labelEn:"Hot",labelZh:"热门"},liked:{icon:"❤️",labelEn:"Loved",labelZh:"好评"},rising:{icon:"📈",labelEn:"Rising",labelZh:"上升"},new:{icon:"✨",labelEn:"New",labelZh:"新品"},trending:{icon:"🚀",labelEn:"Trend",labelZh:"趋势"}};function p({type:e,label:s,language:r="en",className:n=""}){const c=j[e],l=s||(r==="zh"?c.labelZh:c.labelEn);return a.jsxs("span",{className:`maka-badge maka-badge--${e} ${n}`,children:[a.jsx("span",{children:c.icon}),a.jsx("span",{children:l})]})}function b({name:e,imageUrl:s,size:r="md",className:n=""}){var l;const c=((l=e==null?void 0:e.charAt(0))==null?void 0:l.toUpperCase())||"U";return a.jsx("div",{className:`maka-avatar maka-avatar--${r} ${n}`,children:s?a.jsx("img",{src:s,alt:e||"avatar"}):a.jsx("span",{children:c})})}function v({label:e,value:s,color:r="primary",className:n=""}){return a.jsxs("div",{className:`maka-stat-card ${n}`,children:[a.jsx("span",{className:"maka-stat-card__label",children:e}),a.jsx("span",{className:`maka-stat-card__value maka-stat-card__value--${r}`,children:s})]})}function N({children:e,className:s="",clickable:r=!1,onClick:n}){return a.jsx("div",{className:`maka-card ${r?"maka-card--clickable":""} ${s}`,onClick:n,role:r?"button":void 0,tabIndex:r?0:void 0,children:e})}function g({title:e,tagline:s,imageUrl:r,gradientFrom:n,gradientTo:c,badge:l,playCount:i,likeCount:t,onClick:d,className:o=""}){const m=r?{backgroundImage:`url(${r})`}:{background:`linear-gradient(135deg, ${n||"#7c5cfa"}, ${c||"#5c9cfa"})`};return a.jsxs("div",{className:`maka-featured-card ${o}`,onClick:d,children:[a.jsx("div",{className:"maka-featured-card__bg",style:m}),a.jsx("div",{className:"maka-featured-card__overlay"}),l&&a.jsx("div",{className:"maka-featured-card__badge",children:l}),a.jsxs("div",{className:"maka-featured-card__content",children:[a.jsx("div",{className:"maka-featured-card__title",children:e}),s&&a.jsx("div",{className:"maka-featured-card__tagline",children:s}),a.jsxs("div",{className:"maka-featured-card__stats",children:[i!==void 0&&a.jsxs("span",{children:["▶ ",i]}),t!==void 0&&a.jsxs("span",{children:["❤ ",t]})]})]})]})}function f({title:e,tagline:s,imageUrl:r,primaryColor:n,backgroundColor:c,badge:l,playCount:i,likeCount:t,onClick:d,className:o=""}){const m=r?{backgroundImage:`url(${r})`}:{background:`linear-gradient(135deg, ${n||"#7c5cfa"}, ${c||"#1e2a3a"})`};return a.jsxs("div",{className:`maka-scenario-card ${o}`,onClick:d,children:[a.jsxs("div",{className:"maka-scenario-card__image",style:m,children:[a.jsx("div",{className:"maka-scenario-card__image-overlay"}),a.jsxs("div",{className:"maka-scenario-card__image-stats",children:[i!==void 0&&a.jsxs("span",{children:["▶ ",i]}),t!==void 0&&a.jsxs("span",{children:["❤ ",t]})]}),l&&a.jsx("div",{className:"maka-scenario-card__badge-slot",children:l}),a.jsx("div",{className:"maka-scenario-card__play-overlay",children:a.jsx("span",{style:{fontSize:32,color:"white"},children:"▶"})})]}),a.jsxs("div",{className:"maka-scenario-card__body",children:[a.jsx("div",{className:"maka-scenario-card__title",children:e}),s&&a.jsx("div",{className:"maka-scenario-card__tagline",children:s})]})]})}const y={searching:"Searching...",generating:"Generating...",ready:"Ready!"};function $({status:e="generating",statusText:s,className:r=""}){return a.jsxs("div",{className:`maka-generating-card ${r}`,children:[a.jsxs("div",{className:"maka-generating-card__dots",children:[a.jsx("div",{className:"maka-generating-card__dot"}),a.jsx("div",{className:"maka-generating-card__dot"}),a.jsx("div",{className:"maka-generating-card__dot"})]}),a.jsx("div",{className:"maka-generating-card__text",children:s||y[e]})]})}function w({content:e,role:s,className:r=""}){return a.jsx("div",{className:`maka-chat-bubble maka-chat-bubble--${s} ${r}`,children:e})}function B({liked:e=!1,count:s=0,onToggle:r,disabled:n,className:c=""}){return a.jsxs("button",{className:`maka-like-btn ${e?"maka-like-btn--liked":""} ${c}`,onClick:r,disabled:n,children:[a.jsx("span",{children:e?"❤️":"🤍"}),s>0&&a.jsx("span",{children:s})]})}function C({placeholder:e="Search or create games...",onClick:s,isLoading:r=!1,icon:n,className:c=""}){return a.jsx("div",{className:`maka-bottom-bar ${r?"maka-bottom-bar--loading":""} ${c}`,children:a.jsxs("div",{className:"maka-bottom-bar__pill",onClick:s,role:"button",tabIndex:0,children:[a.jsx("span",{className:"maka-bottom-bar__icon",children:n||"🦙"}),a.jsx("span",{className:"maka-bottom-bar__placeholder",children:e}),r?a.jsx("span",{className:"maka-bottom-bar__spinner"}):a.jsx("span",{className:"maka-bottom-bar__send",children:"↑"})]})})}function I({logoText:e="Makabaka",logoIcon:s,tabs:r=[],activeTab:n,onTabChange:c,userName:l,avatar:i,onSignIn:t,onLogout:d,languageLabel:o="EN",onLanguageToggle:m,className:k=""}){return a.jsx("header",{className:`maka-header ${k}`,children:a.jsxs("div",{className:"maka-header__inner",children:[a.jsxs("a",{className:"maka-header__logo",href:"/",children:[a.jsx("span",{className:"maka-header__logo-icon",children:s||"🦙"}),a.jsx("span",{className:"maka-header__logo-text",children:e})]}),r.length>0&&a.jsx("nav",{className:"maka-header__nav",children:r.map(h=>a.jsx("button",{className:`maka-header__tab ${n===h.id?"maka-header__tab--active":""}`,onClick:()=>c==null?void 0:c(h.id),children:h.label},h.id))}),a.jsxs("div",{className:"maka-header__actions",children:[m&&a.jsx("button",{className:"maka-header__lang-btn",onClick:m,children:o}),l?a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"maka-header__username",children:l}),i,d&&a.jsx("button",{className:"maka-header__tab",onClick:d,style:{display:"none"},children:"Logout"})]}):t&&a.jsx("button",{className:"maka-header__tab",onClick:t,children:"Sign In"})]})]})})}function S({isOpen:e,onClose:s,children:r,size:n="md",className:c=""}){return e?a.jsx("div",{className:"maka-modal-backdrop",onClick:s,children:a.jsxs("div",{className:`maka-modal maka-modal--${n} ${c}`,onClick:l=>l.stopPropagation(),children:[a.jsx("button",{className:"maka-modal__close",onClick:s,children:"✕"}),r]})}):null}function G({isOpen:e,onClose:s,children:r,title:n,subtitle:c,className:l=""}){return e?a.jsx("div",{className:"maka-bottom-sheet-backdrop",onClick:s,children:a.jsxs("div",{className:`maka-bottom-sheet ${l}`,onClick:i=>i.stopPropagation(),children:[a.jsx("div",{className:"maka-bottom-sheet__handle"}),(n||c)&&a.jsxs("div",{className:"maka-bottom-sheet__header",children:[a.jsxs("div",{children:[n&&a.jsx("div",{className:"maka-bottom-sheet__title",children:n}),c&&a.jsx("div",{className:"maka-bottom-sheet__subtitle",children:c})]}),a.jsx("button",{className:"maka-bottom-sheet__close",onClick:s,children:"✕"})]}),a.jsx("div",{className:"maka-bottom-sheet__body",children:r})]})}):null}function E({children:e,columns:s=3,className:r=""}){return a.jsx("div",{className:`maka-game-grid ${s===4?"maka-game-grid--4":""} ${r}`,children:e})}function H({title:e,icon:s,children:r,className:n=""}){return a.jsxs("div",{className:n,children:[(e||s)&&a.jsxs("div",{className:"maka-hot-grid__header",children:[s&&a.jsx("span",{className:"maka-hot-grid__header-icon",children:s}),e&&a.jsx("span",{children:e})]}),a.jsx("div",{className:"maka-hot-grid__content",children:r})]})}function P({leftColumn:e,rightColumn:s,className:r=""}){return a.jsxs("div",{className:`maka-waterfall ${r}`,children:[a.jsx("div",{className:"maka-waterfall__col",children:e}),a.jsx("div",{className:"maka-waterfall__col maka-waterfall__col--offset",children:s})]})}function A({size:e=24,color:s="currentColor"}){return a.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:s,children:a.jsx("path",{d:"M8 5v14l11-7L8 5z"})})}function L({size:e=24,color:s="currentColor"}){return a.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",children:[a.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),a.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}function M({size:e=24,color:s="currentColor",filled:r=!1}){return a.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:r?s:"none",stroke:s,strokeWidth:"2",children:a.jsx("path",{d:"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"})})}function Z({size:e=24,color:s="currentColor"}){return a.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",children:[a.jsx("line",{x1:"12",y1:"19",x2:"12",y2:"5"}),a.jsx("polyline",{points:"5 12 12 5 19 12"})]})}const R={primary:"#7c5cfa",primaryHover:"#6b4ee0",secondary:"#5c9cfa",accent:"#06d6a0",bgDark:"#1b2838",bgCard:"#1e2a3a",bgHover:"#2a3a4a",textPrimary:"#e8e8ec",danger:"#ef4444",success:"#22c55e",warning:"#f59e0b",like:"#f43f5e"},W={fontDisplay:'"Plus Jakarta Sans", "Inter", sans-serif',fontBody:'"Inter", sans-serif',weightRegular:400,weightMedium:500,weightSemibold:600,weightBold:700,weightExtrabold:800},F={1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",8:"32px",10:"40px",12:"48px",16:"64px"},D={sm:"4px",md:"8px",lg:"12px",xl:"16px","2xl":"24px",full:"9999px"};exports.ArrowUpIcon=Z;exports.Avatar=b;exports.Badge=p;exports.BottomInputBar=C;exports.BottomSheet=G;exports.Button=u;exports.Card=N;exports.ChatBubble=w;exports.CloseIcon=L;exports.FeaturedCard=g;exports.GameGrid=E;exports.GeneratingCard=$;exports.Header=I;exports.HeartIcon=M;exports.HotGrid=H;exports.Input=x;exports.LikeButton=B;exports.Modal=S;exports.PlayIcon=A;exports.ScenarioCard=f;exports.StatCard=v;exports.WaterfallGrid=P;exports.colors=R;exports.radius=D;exports.spacing=F;exports.typography=W;

package/dist/index.d.ts

@@ -0,0 +1,30 @@
+
+export { Button } from './components/Button';
+export type { ButtonProps } from './components/Button';
+export { Input } from './components/Input';
+export type { InputProps } from './components/Input';
+export { Badge } from './components/Badge';
+export type { BadgeProps } from './components/Badge';
+export { Avatar } from './components/Avatar';
+export type { AvatarProps } from './components/Avatar';
+export { StatCard } from './components/StatCard';
+export type { StatCardProps } from './components/StatCard';
+export { Card, FeaturedCard, ScenarioCard, GeneratingCard } from './components/Card';
+export type { CardProps, FeaturedCardProps, ScenarioCardProps, GeneratingCardProps } from './components/Card';
+export { ChatBubble } from './components/ChatBubble';
+export type { ChatBubbleProps } from './components/ChatBubble';
+export { LikeButton } from './components/LikeButton';
+export type { LikeButtonProps } from './components/LikeButton';
+export { BottomInputBar } from './components/BottomInputBar';
+export type { BottomInputBarProps } from './components/BottomInputBar';
+export { Header } from './components/Header';
+export type { HeaderProps, HeaderTab } from './components/Header';
+export { Modal, BottomSheet } from './components/Modal';
+export type { ModalProps, BottomSheetProps } from './components/Modal';
+export { GameGrid, HotGrid, WaterfallGrid } from './components/GameGrid';
+export type { GameGridProps, HotGridProps, WaterfallGridProps } from './components/GameGrid';
+export { PlayIcon, CloseIcon, HeartIcon, ArrowUpIcon } from './icons';
+export { colors } from './tokens/colors';
+export { typography } from './tokens/typography';
+export { spacing, radius } from './tokens/spacing';
+export type { BadgeType, DiscoveryScenario } from './types';