@m3000/market 0.0.1

package/dist/lib/cn.js

@@ -0,0 +1,75 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+
+//#region src/lib/cn.ts
+const PRIMITIVE_COLORS = [
+	"grey-1",
+	"grey-2",
+	"grey-3",
+	"grey-4",
+	"grey-5",
+	"grey-6",
+	"grey-7",
+	"grey-8",
+	"grey-9",
+	"grey-10",
+	"grey-11",
+	"grey-12",
+	"white",
+	"black",
+	"current",
+	"transparent"
+];
+const SEMANTIC_COLORS = [
+	"background",
+	"foreground",
+	"muted",
+	"muted-foreground",
+	"card",
+	"card-foreground",
+	"popover",
+	"popover-foreground",
+	"primary",
+	"primary-hover",
+	"primary-foreground",
+	"secondary",
+	"secondary-hover",
+	"secondary-foreground",
+	"accent",
+	"accent-hover",
+	"accent-active",
+	"accent-foreground",
+	"border",
+	"input",
+	"ring",
+	"disabled",
+	"disabled-foreground",
+	"destructive",
+	"destructive-hover",
+	"destructive-foreground",
+	"destructive-muted",
+	"destructive-muted-foreground",
+	"success",
+	"success-hover",
+	"success-foreground",
+	"success-muted",
+	"success-muted-foreground",
+	"warning",
+	"warning-hover",
+	"warning-foreground",
+	"warning-muted",
+	"warning-muted-foreground",
+	"separator"
+];
+const THEME_COLORS = [...PRIMITIVE_COLORS, ...SEMANTIC_COLORS];
+const customTwMerge = extendTailwindMerge({ extend: { classGroups: {
+	"text-color": [{ text: THEME_COLORS }],
+	"bg-color": [{ bg: THEME_COLORS }],
+	"border-color": [{ border: THEME_COLORS }]
+} } });
+function cn(...inputs) {
+	return customTwMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };

package/dist/lib/motion.d.ts

@@ -0,0 +1,19 @@
+import { Transition } from "motion/react";
+
+//#region src/lib/motion.d.ts
+type SpringTransition = {
+  type: "spring";
+  stiffness: number;
+  damping: number;
+  mass: number;
+};
+/**
+* Shared spring configurations for consistent animations across the app.
+*/
+declare const springs: Record<string, SpringTransition>;
+/**
+* Common transition presets combining spring with other settings.
+*/
+declare const transitions: Record<string, Transition>;
+//#endregion
+export { springs, transitions };

package/dist/lib/motion.js

@@ -0,0 +1,43 @@
+//#region src/lib/motion.ts
+/**
+* Shared spring configurations for consistent animations across the app.
+*/
+const springs = {
+	snappy: {
+		type: "spring",
+		stiffness: 500,
+		damping: 30,
+		mass: 1
+	},
+	bouncy: {
+		type: "spring",
+		stiffness: 600,
+		damping: 20,
+		mass: 1
+	},
+	smooth: {
+		type: "spring",
+		stiffness: 350,
+		damping: 35,
+		mass: 1
+	},
+	quick: {
+		type: "spring",
+		stiffness: 700,
+		damping: 35,
+		mass: .8
+	}
+};
+/**
+* Common transition presets combining spring with other settings.
+*/
+const transitions = {
+	layout: springs.snappy,
+	fade: {
+		duration: .15,
+		ease: "easeOut"
+	}
+};
+
+//#endregion
+export { springs, transitions };

package/dist/types/index.d.ts

@@ -0,0 +1,120 @@
+//#region src/types/index.d.ts
+/**
+* Tick configuration for the auction's price grid.
+* Prices below the threshold use smallTickSize; prices above use largeTickSize.
+*/
+interface AuctionTickConfig {
+  threshold: bigint;
+  smallTickSize: bigint;
+  largeTickSize: bigint;
+}
+/**
+* Core auction data. All prices are in bigint.
+* This type is fully generic -- no blockchain or framework coupling.
+*/
+interface AuctionData {
+  /** Unique identifier for the auction */
+  id: string;
+  /** Minimum accepted bid price */
+  reservePrice: bigint;
+  /** Final clearing price after settlement, if finalized */
+  clearingPrice?: bigint;
+  /** When the auction opens for bidding (null = already open) */
+  opensAt: Date | null;
+  /** When the auction closes (null = no end time set) */
+  endsAt: Date | null;
+  /** Maximum number of winning bidders / editions */
+  maxTotalItems: number;
+  /** Tick configuration for bid price stepping */
+  tickConfig?: AuctionTickConfig;
+}
+/**
+* A bidder's public profile. Consumers map their own user type into this.
+*/
+interface AuctionBidder {
+  /** Unique user identifier (e.g. wallet address) */
+  id: string;
+  /** Display name */
+  name?: string;
+  /** Avatar image URL */
+  avatarUrl?: string;
+}
+/**
+* A single bid in the auction leaderboard (public view).
+* All prices are in the auction's native unit as bigint.
+*/
+interface AuctionBid {
+  /** Unique bid identifier */
+  id: string;
+  /** Bid price */
+  price: bigint;
+  /** When the bid was placed */
+  createdAt: Date;
+  /** The bidder */
+  bidder: AuctionBidder;
+  /** Link to the bid transaction on a block explorer */
+  explorerUrl?: string;
+}
+/** Bid status for user's own bids */
+type AuctionBidStatus = "active" | "refunded" | "claimed";
+/**
+* Extended bid data for the current user's bids.
+* Includes status and claim information.
+*/
+interface AuctionUserBid extends AuctionBid {
+  /** On-chain global bid ID (used for top-up) */
+  globalBidId: bigint;
+  /** Current bid status */
+  status: AuctionBidStatus;
+  /** Whether this bid is currently in the winning range */
+  isWinning: boolean;
+  /** When the item was claimed (for winning bids) */
+  claimedAt?: Date;
+  /** Refund transaction explorer URL */
+  refundExplorerUrl?: string;
+}
+/** Status of an async operation (bid placement, top-up, claim) */
+type OperationStatus = "idle" | "pending" | "confirming" | "indexing" | "success" | "error";
+/** Tracks the state of an in-flight operation */
+interface OperationState {
+  status: OperationStatus;
+  error?: string;
+}
+/**
+* Callbacks that consumers must provide to wire up blockchain/API operations.
+* All return a boolean indicating success/failure.
+*/
+interface AuctionCallbacks {
+  /** Place a new bid. Called with price and quantity. */
+  onPlaceBid: (price: bigint, quantity: bigint) => Promise<boolean>;
+  /** Top up an existing bid to a new price. */
+  onTopUpBid: (bidId: bigint, newPrice: bigint, additionalValue: bigint) => Promise<boolean>;
+  /** Claim an item for a winning bid. Optional. */
+  onClaimEdition?: (bidId: string) => Promise<boolean>;
+}
+/**
+* Formatting functions consumers can provide to customize display.
+* All are optional -- sensible defaults are used when not provided.
+*/
+interface AuctionFormatters {
+  /** Format a price value for display. Default: divide by 10^decimals */
+  formatPrice?: (priceValue: bigint) => string;
+  /** Format a date for display. Default: relative time (e.g. "5m ago") */
+  formatTime?: (date: Date) => string;
+  /** Currency symbol to display alongside prices. Default: "USD" */
+  currencySymbol?: string;
+  /** Number of decimal places used when editing bigint-backed prices. */
+  inputDecimals?: number;
+}
+/**
+* Lightweight bid representation used internally for rank calculations.
+* Consumers don't need to use this directly -- it's derived from AuctionBid.
+*/
+interface RankableBid {
+  id: string;
+  price: string;
+  created_at: string;
+  bidder?: AuctionBidder;
+}
+//#endregion
+export { AuctionBid, AuctionBidStatus, AuctionBidder, AuctionCallbacks, AuctionData, AuctionFormatters, AuctionTickConfig, AuctionUserBid, OperationState, OperationStatus, RankableBid };

package/dist/utils/format.d.ts

@@ -0,0 +1,38 @@
+//#region src/utils/format.d.ts
+/**
+* Default price formatter: converts wei (bigint) to a human-readable ETH string.
+* Uses native bigint arithmetic -- no external dependencies.
+*/
+declare function formatWeiToEth(wei: bigint, decimals?: number): string;
+/**
+* Parses an ETH string (e.g. "0.01") to wei (bigint).
+* Inverse of formatWeiToEth.
+*/
+declare function parseEthToWei(eth: string, decimals?: number): bigint;
+/**
+* Formats a date as a short relative time string.
+* Examples: "now", "5m", "2h", "3d", "2w"
+*/
+declare function formatShortRelative(date: Date): string;
+/**
+* Formats a date as a full timestamp string.
+* Example: "09 Mar 2026 at 14:30"
+*/
+declare function formatFullTimestamp(date: Date): string;
+/**
+* Formats a date as a short date string.
+* Example: "09 Mar 2026"
+*/
+declare function formatShortDate(date: Date): string;
+/**
+* Formats a date as a full date-time string for display.
+* Example: "09 Mar 2026 at 14:30"
+*/
+declare function formatDateTime(date: Date): string;
+/**
+* Formats a countdown duration in ms to "DDd:HHh:MMm:SSs" format.
+* If elapsed is negative (time has passed), counts up (shows elapsed time).
+*/
+declare function formatCountdownString(remainingMs: number): string;
+//#endregion
+export { formatCountdownString, formatDateTime, formatFullTimestamp, formatShortDate, formatShortRelative, formatWeiToEth, parseEthToWei };

package/dist/utils/format.js

@@ -0,0 +1,103 @@
+//#region src/utils/format.ts
+/**
+* Default price formatter: converts wei (bigint) to a human-readable ETH string.
+* Uses native bigint arithmetic -- no external dependencies.
+*/
+function formatWeiToEth(wei, decimals = 18) {
+	const isNegative = wei < 0n;
+	const abs = isNegative ? -wei : wei;
+	const divisor = 10n ** BigInt(decimals);
+	const whole = abs / divisor;
+	const remainder = abs % divisor;
+	if (remainder === 0n) return `${isNegative ? "-" : ""}${whole.toString()}`;
+	const trimmed = remainder.toString().padStart(decimals, "0").replace(/0+$/, "");
+	return `${isNegative ? "-" : ""}${whole.toString()}.${trimmed}`;
+}
+/**
+* Parses an ETH string (e.g. "0.01") to wei (bigint).
+* Inverse of formatWeiToEth.
+*/
+function parseEthToWei(eth, decimals = 18) {
+	const [wholePart = "0", fracPart = ""] = eth.split(".");
+	const paddedFrac = fracPart.padEnd(decimals, "0").slice(0, decimals);
+	return BigInt(wholePart) * 10n ** BigInt(decimals) + BigInt(paddedFrac);
+}
+/**
+* Formats a date as a short relative time string.
+* Examples: "now", "5m", "2h", "3d", "2w"
+*/
+function formatShortRelative(date) {
+	const diff = Date.now() - date.getTime();
+	const secs = Math.floor(diff / 1e3);
+	if (secs < 60) return "now";
+	const mins = Math.floor(secs / 60);
+	if (mins < 60) return `${mins}m`;
+	const hours = Math.floor(mins / 60);
+	if (hours < 24) return `${hours}h`;
+	const days = Math.floor(hours / 24);
+	if (days < 7) return `${days}d`;
+	return `${Math.min(Math.floor(days / 7), 99)}w`;
+}
+/**
+* Formats a date as a full timestamp string.
+* Example: "09 Mar 2026 at 14:30"
+*/
+function formatFullTimestamp(date) {
+	return `${date.getDate().toString().padStart(2, "0")} ${[
+		"Jan",
+		"Feb",
+		"Mar",
+		"Apr",
+		"May",
+		"Jun",
+		"Jul",
+		"Aug",
+		"Sep",
+		"Oct",
+		"Nov",
+		"Dec"
+	][date.getMonth()]} ${date.getFullYear()} at ${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}`;
+}
+/**
+* Formats a date as a short date string.
+* Example: "09 Mar 2026"
+*/
+function formatShortDate(date) {
+	return `${date.getDate().toString().padStart(2, "0")} ${[
+		"Jan",
+		"Feb",
+		"Mar",
+		"Apr",
+		"May",
+		"Jun",
+		"Jul",
+		"Aug",
+		"Sep",
+		"Oct",
+		"Nov",
+		"Dec"
+	][date.getMonth()]} ${date.getFullYear()}`;
+}
+/**
+* Formats a date as a full date-time string for display.
+* Example: "09 Mar 2026 at 14:30"
+*/
+function formatDateTime(date) {
+	return formatFullTimestamp(date);
+}
+/**
+* Formats a countdown duration in ms to "DDd:HHh:MMm:SSs" format.
+* If elapsed is negative (time has passed), counts up (shows elapsed time).
+*/
+function formatCountdownString(remainingMs) {
+	const absMs = Math.abs(remainingMs);
+	const totalSeconds = Math.floor(absMs / 1e3);
+	const days = Math.floor(totalSeconds / 86400);
+	const hours = Math.floor(totalSeconds % 86400 / 3600);
+	const minutes = Math.floor(totalSeconds % 3600 / 60);
+	const seconds = totalSeconds % 60;
+	return `${days.toString().padStart(2, "0")}d:${hours.toString().padStart(2, "0")}h:${minutes.toString().padStart(2, "0")}m:${seconds.toString().padStart(2, "0")}s`;
+}
+
+//#endregion
+export { formatCountdownString, formatDateTime, formatFullTimestamp, formatShortDate, formatShortRelative, formatWeiToEth, parseEthToWei };

package/dist/utils/rank-utils.d.ts

@@ -0,0 +1,34 @@
+import { AuctionTickConfig, RankableBid } from "../types/index.js";
+
+//#region src/utils/rank-utils.d.ts
+interface ProjectedRankResult {
+  rank: number | null;
+  isWinning: boolean;
+}
+/**
+* Projects where a bid at a given price would land in the current rankings.
+* Returns the 1-based rank and whether it would be in the winning range.
+*/
+declare function getProjectedRankForPrice(priceValue: bigint, mergedForRank: RankableBid[], maxTotalItems: number): ProjectedRankResult;
+interface SuggestedBidsInput {
+  mergedForRank: RankableBid[];
+  maxTotalItems: number;
+  minBidValue: bigint;
+  reservePriceValue: bigint;
+  tickConfig: AuctionTickConfig | undefined;
+  tickSize?: bigint;
+}
+/**
+* Generates an array of suggested bid prices based on the current leaderboard state.
+* Returns 1-5 unique suggested prices in ascending order.
+*/
+declare function getSuggestedBidPrices({
+  mergedForRank,
+  maxTotalItems,
+  minBidValue,
+  reservePriceValue,
+  tickConfig,
+  tickSize: tickSizeParam
+}: SuggestedBidsInput): bigint[];
+//#endregion
+export { getProjectedRankForPrice, getSuggestedBidPrices };

package/dist/utils/rank-utils.js

@@ -0,0 +1,80 @@
+import { getActiveTickSize, roundDownToValidBid } from "./tick-validation.js";
+
+//#region src/utils/rank-utils.ts
+/**
+* Projects where a bid at a given price would land in the current rankings.
+* Returns the 1-based rank and whether it would be in the winning range.
+*/
+function getProjectedRankForPrice(priceValue, mergedForRank, maxTotalItems) {
+	if (priceValue <= 0n) return {
+		rank: null,
+		isWinning: false
+	};
+	const synthetic = {
+		id: "__synthetic__",
+		price: priceValue.toString(),
+		created_at: (/* @__PURE__ */ new Date()).toISOString()
+	};
+	const idx = [...mergedForRank, synthetic].sort((a, b) => {
+		const priceA = BigInt(a.price);
+		const priceB = BigInt(b.price);
+		if (priceA !== priceB) return priceB > priceA ? 1 : -1;
+		if (a.id === synthetic.id) return 1;
+		if (b.id === synthetic.id) return -1;
+		return new Date(a.created_at).getTime() - new Date(b.created_at).getTime();
+	}).findIndex((bid) => bid.id === synthetic.id);
+	if (idx === -1) return {
+		rank: null,
+		isWinning: false
+	};
+	const rank = idx + 1;
+	return {
+		rank,
+		isWinning: rank <= maxTotalItems
+	};
+}
+/**
+* Generates an array of suggested bid prices based on the current leaderboard state.
+* Returns 1-5 unique suggested prices in ascending order.
+*/
+function getSuggestedBidPrices({ mergedForRank, maxTotalItems, minBidValue, reservePriceValue, tickConfig, tickSize: tickSizeParam }) {
+	const suggestions = [];
+	if (minBidValue <= 0n) return suggestions;
+	const fallbackTick = tickSizeParam ?? (reservePriceValue > 0n ? reservePriceValue : minBidValue);
+	const tickAt = (priceValue) => tickConfig ? getActiveTickSize(priceValue, tickConfig) : fallbackTick;
+	const ensureValid = (value) => roundDownToValidBid(value, minBidValue, reservePriceValue, tickConfig);
+	suggestions.push(minBidValue);
+	const winning = mergedForRank.slice(0, maxTotalItems);
+	if (winning.length === 0) {
+		const base = minBidValue;
+		const t = tickAt(base);
+		suggestions.push(ensureValid(base + t));
+		suggestions.push(ensureValid(base + 3n * t));
+		suggestions.push(ensureValid(base + 5n * t));
+		return dedupeAndSortAscending(suggestions);
+	}
+	const lastWinning = winning[winning.length - 1];
+	const topWinning = winning[0];
+	const toValue = (bid) => {
+		try {
+			return BigInt(bid.price);
+		} catch {
+			return minBidValue;
+		}
+	};
+	const lastWinningValue = toValue(lastWinning);
+	const topWinningValue = toValue(topWinning);
+	const upperIdxRaw = Math.floor(winning.length * .25);
+	const upperMidBid = winning[Math.min(Math.max(upperIdxRaw, 0), Math.max(winning.length - 1, 0))];
+	const upperMidValue = toValue(upperMidBid);
+	suggestions.push(ensureValid(lastWinningValue + tickAt(lastWinningValue)));
+	suggestions.push(ensureValid(upperMidValue + tickAt(upperMidValue)));
+	suggestions.push(ensureValid(topWinningValue + tickAt(topWinningValue)));
+	return dedupeAndSortAscending(suggestions);
+}
+function dedupeAndSortAscending(values) {
+	return Array.from(new Set(values.map((v) => v.toString()))).map((v) => BigInt(v)).sort((a, b) => a === b ? 0 : a > b ? 1 : -1);
+}
+
+//#endregion
+export { getProjectedRankForPrice, getSuggestedBidPrices };

package/dist/utils/tick-validation.d.ts

@@ -0,0 +1,22 @@
+import { AuctionTickConfig } from "../types/index.js";
+
+//#region src/utils/tick-validation.d.ts
+/**
+* Returns the tick size to use for +/- steps based on the current bid.
+* Threshold is EXCLUSIVE: bid must be strictly greater than threshold to use large tick.
+*/
+declare function getActiveTickSize(bidPrice: bigint, tickConfig: AuctionTickConfig): bigint;
+/**
+* Checks if a bid price is on the auction's valid tick grid.
+* Which tick applies is determined by the reference price (lowest possible bid:
+* cutoff when full, else reserve), not by the user's bid.
+*/
+declare function isValidTickPrice(price: bigint, reservePrice: bigint, tickConfig: AuctionTickConfig | undefined, referencePrice: bigint): boolean;
+/**
+* Returns the largest valid tick price that is <= price and >= minBid.
+* Used when setPrice(price) is called so the displayed bid stays on the grid.
+* When tickConfig is missing, returns minBid (single allowed value).
+*/
+declare function roundDownToValidBid(price: bigint, minBid: bigint, reservePrice: bigint, tickConfig: AuctionTickConfig | undefined): bigint;
+//#endregion
+export { getActiveTickSize, isValidTickPrice, roundDownToValidBid };

package/dist/utils/tick-validation.js

@@ -0,0 +1,40 @@
+//#region src/utils/tick-validation.ts
+/**
+* Returns the tick size to use for +/- steps based on the current bid.
+* Threshold is EXCLUSIVE: bid must be strictly greater than threshold to use large tick.
+*/
+function getActiveTickSize(bidPrice, tickConfig) {
+	return bidPrice > tickConfig.threshold ? tickConfig.largeTickSize : tickConfig.smallTickSize;
+}
+/**
+* Checks if a bid price is on the auction's valid tick grid.
+* Which tick applies is determined by the reference price (lowest possible bid:
+* cutoff when full, else reserve), not by the user's bid.
+*/
+function isValidTickPrice(price, reservePrice, tickConfig, referencePrice) {
+	if (!tickConfig) return true;
+	if (price < reservePrice) return false;
+	const { threshold, smallTickSize, largeTickSize } = tickConfig;
+	if (smallTickSize === 0n || largeTickSize === 0n) return false;
+	const activeTickSize = getActiveTickSize(referencePrice, tickConfig);
+	return (price - (activeTickSize === smallTickSize ? reservePrice : threshold)) % activeTickSize === 0n;
+}
+/**
+* Returns the largest valid tick price that is <= price and >= minBid.
+* Used when setPrice(price) is called so the displayed bid stays on the grid.
+* When tickConfig is missing, returns minBid (single allowed value).
+*/
+function roundDownToValidBid(price, minBid, reservePrice, tickConfig) {
+	if (price < minBid) return minBid;
+	if (!tickConfig) return minBid;
+	const { threshold, smallTickSize, largeTickSize } = tickConfig;
+	if (smallTickSize === 0n || largeTickSize === 0n) return minBid;
+	const activeTickSize = getActiveTickSize(price, tickConfig);
+	const base = activeTickSize === smallTickSize ? reservePrice : threshold + smallTickSize;
+	if (price < base) return minBid;
+	const candidate = base + (price - base) / activeTickSize * activeTickSize;
+	return candidate >= minBid ? candidate : minBid;
+}
+
+//#endregion
+export { getActiveTickSize, isValidTickPrice, roundDownToValidBid };

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@m3000/market",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./src/styles/index.css",
+    "./stories/*": "./src/stories/*"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "files": [
+    "dist",
+    "src"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@base-ui/react": "1.3.0",
+    "@base-ui/utils": "0.2.5",
+    "@floating-ui/core": "1.7.5",
+    "@floating-ui/dom": "1.7.6",
+    "@floating-ui/react-dom": "2.1.8",
+    "@floating-ui/utils": "0.2.11",
+    "@tabler/icons-react": "3.40.0",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "motion": "12.35.2",
+    "reselect": "5.1.1",
+    "tabbable": "6.4.0",
+    "tailwind-merge": "3.3.1"
+  },
+  "peerDependencies": {
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "tailwindcss": "4.2.1"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.2.0",
+    "@storybook/addon-a11y": "10.1.2",
+    "@storybook/addon-docs": "10.1.2",
+    "@storybook/addon-themes": "10.1.2",
+    "@storybook/react": "10.1.2",
+    "@storybook/react-vite": "10.1.2",
+    "@tailwindcss/postcss": "4.1.11",
+    "@tsconfig/vite-react": "7.0.2",
+    "@types/node": "22.14.1",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.3",
+    "react": "19.2.4",
+    "react-docgen-typescript": "2.4.0",
+    "react-dom": "19.2.4",
+    "storybook": "10.1.2",
+    "tailwindcss": "4.2.1",
+    "tsdown": "0.20.3",
+    "typescript": "5.9.2",
+    "typescript-eslint": "8.46.4",
+    "vite-tsconfig-paths": "5.1.4"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": false
+    },
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "tsdown",
+    "build:storybook": "storybook build",
+    "build:watch": "tsdown --watch",
+    "dev": "tsdown --watch",
+    "format": "biome format .",
+    "format:fix": "biome format --write .",
+    "lint": "biome lint .",
+    "lint:fix": "biome lint --write .",
+    "quality": "pnpm run lint && pnpm run format && pnpm run typecheck",
+    "storybook": "storybook dev -p 6007",
+    "typecheck": "tsc --noEmit"
+  }
+}