@m3000/market 0.0.1

package/dist/components/primitives/countdown/Countdown.js

@@ -0,0 +1,22 @@
+"use client";
+
+import { useCountdown } from "../../../hooks/useCountdown.js";
+import { Text } from "../Text.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/components/primitives/countdown/Countdown.tsx
+function Countdown({ to, showWhenExpired = false, stopOnExpired = false, className, children }) {
+	const result = useCountdown(to, { stopOnExpired });
+	if (!showWhenExpired && result.remainingMs === null) return null;
+	const display = result.timeString ?? "00d:00h:00m:00s";
+	if (children) return /* @__PURE__ */ jsx(Fragment, { children: children(result) });
+	return /* @__PURE__ */ jsx(Text, {
+		className,
+		tabularNums: true,
+		suppressHydrationWarning: true,
+		children: display
+	});
+}
+
+//#endregion
+export { Countdown };

package/dist/components/primitives/framed-image/FramedImage.d.ts

@@ -0,0 +1,13 @@
+//#region src/components/primitives/framed-image/FramedImage.d.ts
+interface FramedImageProps {
+  src: string;
+  alt?: string;
+  className?: string;
+}
+declare function FramedImage({
+  src,
+  alt,
+  className
+}: FramedImageProps): React.ReactElement;
+//#endregion
+export { FramedImage, FramedImageProps };

package/dist/components/primitives/framed-image/FramedImage.js

@@ -0,0 +1,37 @@
+"use client";
+
+import { cn } from "../../../lib/cn.js";
+import { MorphDialog } from "../MorphDialog.js";
+import { jsx } from "react/jsx-runtime";
+import { motion } from "motion/react";
+
+//#region src/components/primitives/framed-image/FramedImage.tsx
+function FramedImage({ src, alt, className }) {
+	return /* @__PURE__ */ jsx(MorphDialog, {
+		className: cn("relative h-full min-h-0 w-full min-w-0 flex-1 rounded-md bg-accent", className),
+		triggerClassName: "h-full w-full",
+		popupClassName: "flex items-center justify-center",
+		popupAriaLabel: alt ?? "Expanded image preview",
+		contentClosesDialog: true,
+		trigger: /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-0 flex items-center justify-center p-5",
+			children: /* @__PURE__ */ jsx(motion.img, {
+				src,
+				alt: alt ?? "",
+				className: "h-full w-full cursor-pointer object-contain",
+				whileHover: { scale: 1.02 }
+			})
+		}),
+		content: /* @__PURE__ */ jsx("div", {
+			className: "flex items-center justify-center",
+			children: /* @__PURE__ */ jsx("img", {
+				src,
+				alt: alt ?? "",
+				className: "block max-h-[90vh] max-w-[90vw] rounded-lg object-contain"
+			})
+		})
+	});
+}
+
+//#endregion
+export { FramedImage };

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

@@ -0,0 +1,17 @@
+import { FramedImage, FramedImageProps } from "./framed-image/FramedImage.js";
+import { Button, ButtonElement, ButtonProps, buttonVariants } from "./Button.js";
+import { Countdown, CountdownProps } from "./countdown/Countdown.js";
+import { Drawer, DrawerProps } from "./Drawer.js";
+import { Feedback } from "./Feedback.js";
+import { MorphDialog, MorphDialogProps } from "./MorphDialog.js";
+import { FormatPriceOptions, Price, PriceProps, PriceSymbolProps, PriceValueProps, formatPrice } from "./Price.js";
+import { CursorGrowIcon, SteppedInput } from "./SteppedInput.js";
+import { PriceInput } from "./PriceInput.js";
+import { Separator } from "./Separator.js";
+import { Receipt, ReceiptDiscountProps, ReceiptFeeProps, ReceiptFooterProps, ReceiptHeaderProps, ReceiptItemProps, ReceiptPriceProps, ReceiptProps, ReceiptSeparatorProps, ReceiptSubtotalProps, ReceiptTaxProps, ReceiptTotalProps } from "./Receipt.js";
+import { GroupItemContextValue, RankedList, RankedListProps, Ranking, RankingProps, SlotContext, SlotProps } from "./ranked-list/Ranking.js";
+import { Scale, ScaleValue, SnapMode, TickContext, useScale } from "./Scale.js";
+import { Skeleton, SkeletonElement, SkeletonProps } from "./Skeleton.js";
+import { Tab, Tabs, TabsContextType, TabsIndicator, TabsList, TabsPanel } from "./Tabs.js";
+import { Text, TextElement, TextProps, textVariants } from "./Text.js";
+import { Tag, TagElement, TagProps } from "./Tag.js";

package/dist/components/primitives/ranked-list/Ranking.d.ts

@@ -0,0 +1,117 @@
+import * as React from "react";
+
+//#region src/components/primitives/ranked-list/Ranking.d.ts
+interface SlotContext {
+  globalIndex: number;
+  groupIndex: number;
+  rank: number;
+  rankInGroup: number;
+  isFirstInGroup: boolean;
+  isLastInGroup: boolean;
+  isLastItem: boolean;
+}
+type SlotChildren = React.ReactNode | ((context: SlotContext) => React.ReactNode);
+interface GroupItemContextValue<T> {
+  item: T;
+  globalIndex: number;
+  groupIndex: number;
+  rank: number;
+  rankInGroup: number;
+  isFirstInGroup: boolean;
+  isLastInGroup: boolean;
+  isLastItem: boolean;
+}
+interface EmptyProps {
+  children: React.ReactNode;
+  className?: string;
+}
+declare function Empty({
+  children,
+  className
+}: EmptyProps): React.ReactElement;
+interface SlotProps {
+  slotKey: string;
+  atIndex: number;
+  children: SlotChildren;
+}
+declare function Slot({
+  slotKey: _slotKey,
+  atIndex: _atIndex,
+  children: _children
+}: SlotProps): React.ReactElement | null;
+interface RankingProps<T> {
+  items: T[];
+  children: React.ReactNode;
+  getKey: (item: T) => string;
+  boundaries?: number[];
+  labels?: string[];
+  className?: string;
+}
+declare function RankingRoot<T>({
+  items,
+  children,
+  getKey,
+  boundaries,
+  labels,
+  className
+}: RankingProps<T>): React.ReactElement;
+interface GroupProps {
+  children: React.ReactNode;
+  className?: string;
+}
+declare function Group({
+  children,
+  className
+}: GroupProps): React.ReactElement;
+interface GroupItemProps {
+  children: React.ReactNode;
+  className?: string;
+}
+declare function GroupItem({
+  children,
+  className
+}: GroupItemProps): React.ReactElement;
+interface GroupItemIndexProps {
+  children?: (context: {
+    globalIndex: number;
+    rank: number;
+    groupIndex: number;
+  }) => React.ReactNode;
+  className?: string;
+}
+declare function GroupItemIndex({
+  children,
+  className
+}: GroupItemIndexProps): React.ReactElement | null;
+interface GroupItemValueProps<T> {
+  children: (item: T, context: GroupItemContextValue<T>) => React.ReactNode;
+}
+declare function GroupItemValue<T>({
+  children
+}: GroupItemValueProps<T>): React.ReactElement | null;
+interface GroupDividerProps {
+  children?: (context: {
+    label: string;
+    groupIndex: number;
+  }) => React.ReactNode;
+  className?: string;
+}
+declare function GroupDivider({
+  children,
+  className
+}: GroupDividerProps): React.ReactElement | null;
+interface RankingComponent {
+  Root: typeof RankingRoot;
+  Empty: typeof Empty;
+  Slot: typeof Slot;
+  Group: typeof Group;
+  GroupItem: typeof GroupItem;
+  GroupItemIndex: typeof GroupItemIndex;
+  GroupItemValue: typeof GroupItemValue;
+  GroupDivider: typeof GroupDivider;
+}
+declare const Ranking: RankingComponent;
+declare const RankedList: RankingComponent;
+type RankedListProps<T> = RankingProps<T>;
+//#endregion
+export { type GroupItemContextValue, RankedList, type RankedListProps, Ranking, type RankingProps, type SlotContext, type SlotProps };

package/dist/components/primitives/ranked-list/Ranking.js

@@ -0,0 +1,219 @@
+"use client";
+
+import { cn } from "../../../lib/cn.js";
+import { Text } from "../Text.js";
+import { Separator } from "../Separator.js";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/primitives/ranked-list/Ranking.tsx
+const RankingContext = React.createContext(null);
+function useRanking() {
+	const context = React.useContext(RankingContext);
+	if (!context) throw new Error("useRanking must be used within Ranking.Root");
+	return context;
+}
+const GroupContext = React.createContext(null);
+function useGroup() {
+	const context = React.useContext(GroupContext);
+	if (!context) throw new Error("useGroup must be used within Ranking.Group");
+	return context;
+}
+const GroupItemContext = React.createContext(null);
+function useGroupItem() {
+	const context = React.useContext(GroupItemContext);
+	if (!context) throw new Error("useGroupItem must be used within Ranking.GroupItem");
+	return context;
+}
+function Empty({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-1 items-center justify-center", className),
+		children
+	});
+}
+function Slot({ slotKey: _slotKey, atIndex: _atIndex, children: _children }) {
+	return null;
+}
+function isElementOfType(child, component) {
+	return React.isValidElement(child) && child.type === component;
+}
+function RankingRoot({ items, children, getKey, boundaries = [], labels = [], className }) {
+	const childArray = React.Children.toArray(children);
+	const emptyChild = childArray.find((child) => isElementOfType(child, Empty));
+	const slots = childArray.flatMap((child) => {
+		if (!isElementOfType(child, Slot)) return [];
+		return [{
+			key: child.props.slotKey,
+			atIndex: child.props.atIndex,
+			children: child.props.children
+		}];
+	});
+	const otherChildren = childArray.filter((child) => !isElementOfType(child, Empty) && !isElementOfType(child, Slot));
+	const entries = React.useMemo(() => {
+		const result = items.map((item) => ({
+			type: "item",
+			item,
+			key: getKey(item)
+		}));
+		const sortedSlots = [...slots].sort((a, b) => a.atIndex - b.atIndex);
+		let offset = 0;
+		for (const spec of sortedSlots) {
+			const slotEntry = {
+				type: "slot",
+				spec
+			};
+			const insertAt = Math.max(0, Math.min(spec.atIndex, items.length)) + offset;
+			result.splice(insertAt, 0, slotEntry);
+			offset++;
+		}
+		return result;
+	}, [
+		items,
+		slots,
+		getKey
+	]);
+	if (entries.length === 0) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: emptyChild ? emptyChild : /* @__PURE__ */ jsx(Empty, { children: /* @__PURE__ */ jsx(Text, {
+			color: "tertiary",
+			children: "No items"
+		}) })
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsx(RankingContext.Provider, {
+			value: {
+				items,
+				entries,
+				boundaries,
+				labels,
+				getKey
+			},
+			children: otherChildren
+		})
+	});
+}
+function Group({ children, className }) {
+	const { entries, boundaries, labels } = useRanking();
+	const groups = [];
+	let currentGroupEntries = [];
+	let currentGroupStartIndex = 0;
+	let currentGroupIndex = 0;
+	let nextBoundary = boundaries[0] ?? Infinity;
+	entries.forEach((entry, index) => {
+		if (index >= nextBoundary) {
+			groups.push({
+				label: labels[currentGroupIndex] ?? `Group ${currentGroupIndex + 1}`,
+				startIndex: currentGroupStartIndex,
+				entries: currentGroupEntries
+			});
+			currentGroupEntries = [];
+			currentGroupStartIndex = index;
+			currentGroupIndex++;
+			nextBoundary = boundaries[currentGroupIndex] ?? Infinity;
+		}
+		currentGroupEntries.push(entry);
+	});
+	if (currentGroupEntries.length > 0) groups.push({
+		label: labels[currentGroupIndex] ?? `Group ${currentGroupIndex + 1}`,
+		startIndex: currentGroupStartIndex,
+		entries: currentGroupEntries
+	});
+	const childArray = React.Children.toArray(children);
+	const dividerChildren = childArray.filter((child) => React.isValidElement(child) && child.type === GroupDivider);
+	const itemChildren = childArray.filter((child) => !React.isValidElement(child) || child.type !== GroupDivider);
+	return /* @__PURE__ */ jsx(Fragment, { children: groups.map((group, groupIndex) => /* @__PURE__ */ jsx(GroupContext.Provider, {
+		value: {
+			groupIndex,
+			groupLabel: group.label,
+			entries: group.entries,
+			startIndex: group.startIndex,
+			totalEntryCount: entries.length
+		},
+		children: /* @__PURE__ */ jsxs("div", { children: [dividerChildren, /* @__PURE__ */ jsx("ol", {
+			className: cn("m-0 list-none p-0", className),
+			start: group.startIndex + 1,
+			children: itemChildren
+		})] })
+	}, `${group.startIndex}-${group.label}`)) });
+}
+function GroupItem({ children, className }) {
+	const { entries, startIndex, groupIndex, totalEntryCount } = useGroup();
+	const { getKey } = useRanking();
+	return /* @__PURE__ */ jsx(Fragment, { children: entries.map((entry, entryIndexInGroup) => {
+		const globalIndex = startIndex + entryIndexInGroup;
+		const sharedContext = {
+			globalIndex,
+			groupIndex,
+			rank: globalIndex + 1,
+			rankInGroup: entryIndexInGroup + 1,
+			isFirstInGroup: entryIndexInGroup === 0,
+			isLastInGroup: entryIndexInGroup === entries.length - 1,
+			isLastItem: globalIndex === totalEntryCount - 1
+		};
+		if (entry.type === "slot") return /* @__PURE__ */ jsx("li", {
+			className,
+			children: typeof entry.spec.children === "function" ? entry.spec.children(sharedContext) : entry.spec.children
+		}, entry.spec.key);
+		const context = {
+			item: entry.item,
+			...sharedContext
+		};
+		return /* @__PURE__ */ jsx(GroupItemContext.Provider, {
+			value: context,
+			children: /* @__PURE__ */ jsx("li", {
+				className,
+				children
+			})
+		}, getKey(entry.item));
+	}) });
+}
+function GroupItemIndex({ children, className }) {
+	const { globalIndex, rank, groupIndex } = useGroupItem();
+	if (children) return /* @__PURE__ */ jsx(Fragment, { children: children({
+		globalIndex,
+		rank,
+		groupIndex
+	}) });
+	return /* @__PURE__ */ jsxs(Text, {
+		color: "tertiary",
+		className: cn("w-8 shrink-0", className),
+		children: ["#", rank]
+	});
+}
+function GroupItemValue({ children }) {
+	const groupItemContext = useGroupItem();
+	return /* @__PURE__ */ jsx(Fragment, { children: children(groupItemContext.item, groupItemContext) });
+}
+function GroupDivider({ children, className }) {
+	const { groupLabel, groupIndex } = useGroup();
+	if (children) return /* @__PURE__ */ jsx("div", {
+		"data-ranking-group-divider": true,
+		className: cn("sticky top-0 bg-background", className),
+		style: { zIndex: 10 + groupIndex },
+		children: children({
+			label: groupLabel,
+			groupIndex
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		"data-ranking-group-divider": true,
+		className: cn("sticky top-0 bg-background", className),
+		style: { zIndex: 10 + groupIndex },
+		children: /* @__PURE__ */ jsx(Separator, { label: groupLabel })
+	});
+}
+const Ranking = {
+	Root: RankingRoot,
+	Empty,
+	Slot,
+	Group,
+	GroupItem,
+	GroupItemIndex,
+	GroupItemValue,
+	GroupDivider
+};
+const RankedList = Ranking;
+
+//#endregion
+export { RankedList, Ranking };

package/dist/components/primitives/ranked-list/index.d.ts

@@ -0,0 +1 @@
+import { GroupItemContextValue, RankedList, RankedListProps, Ranking, RankingProps, SlotContext, SlotProps } from "./Ranking.js";

package/dist/hooks/useCountdown.d.ts

@@ -0,0 +1,20 @@
+//#region src/hooks/useCountdown.d.ts
+interface UseCountdownOptions {
+  /** Stop updating when countdown reaches zero (default: false - keeps counting up) */
+  stopOnExpired?: boolean;
+}
+interface UseCountdownResult {
+  timeString: string | null;
+  remainingMs: number | null;
+  isExpired: boolean;
+}
+/**
+* Returns countdown state that updates every second via requestAnimationFrame.
+* Only re-renders when the seconds value changes to minimize layout shift.
+*
+* @param to - Target date to count down to (null disables the countdown)
+* @returns Object with formatted timeString, remainingMs, and isExpired flag
+*/
+declare function useCountdown(to: Date | null, options?: UseCountdownOptions): UseCountdownResult;
+//#endregion
+export { UseCountdownResult, useCountdown };

package/dist/hooks/useCountdown.js

@@ -0,0 +1,75 @@
+"use client";
+
+import { formatCountdownString } from "../utils/format.js";
+import { useLayoutEffect, useState } from "react";
+
+//#region src/hooks/useCountdown.ts
+/**
+* Returns countdown state that updates every second via requestAnimationFrame.
+* Only re-renders when the seconds value changes to minimize layout shift.
+*
+* @param to - Target date to count down to (null disables the countdown)
+* @returns Object with formatted timeString, remainingMs, and isExpired flag
+*/
+function useCountdown(to, options) {
+	const { stopOnExpired = false } = options ?? {};
+	const [result, setResult] = useState(() => {
+		if (!to) return {
+			timeString: null,
+			remainingMs: null,
+			isExpired: false
+		};
+		const remainingMs = to.getTime() - Date.now();
+		return {
+			timeString: formatCountdownString(remainingMs),
+			remainingMs,
+			isExpired: remainingMs <= 0
+		};
+	});
+	useLayoutEffect(() => {
+		if (!to) {
+			setResult({
+				timeString: null,
+				remainingMs: null,
+				isExpired: false
+			});
+			return;
+		}
+		const target = to.getTime();
+		const initialRemainingMs = target - Date.now();
+		setResult({
+			timeString: formatCountdownString(initialRemainingMs),
+			remainingMs: initialRemainingMs,
+			isExpired: initialRemainingMs <= 0
+		});
+		let lastSeconds = Math.floor(Math.abs(initialRemainingMs) / 1e3);
+		let hasExpired = initialRemainingMs <= 0;
+		let frameId;
+		const tick = () => {
+			const remainingMs = target - Date.now();
+			const absMs = Math.abs(remainingMs);
+			const isExpired = remainingMs <= 0;
+			if (stopOnExpired && hasExpired) {
+				frameId = requestAnimationFrame(tick);
+				return;
+			}
+			if (isExpired) hasExpired = true;
+			const currentSeconds = Math.floor(absMs / 1e3);
+			if (currentSeconds !== lastSeconds || isExpired && lastSeconds !== -2) {
+				lastSeconds = isExpired ? -2 : currentSeconds;
+				setResult({
+					timeString: formatCountdownString(remainingMs),
+					remainingMs,
+					isExpired
+				});
+			}
+			frameId = requestAnimationFrame(tick);
+		};
+		frameId = requestAnimationFrame(tick);
+		return () => cancelAnimationFrame(frameId);
+	}, [to, stopOnExpired]);
+	return result;
+}
+
+//#endregion
+export { useCountdown };

package/dist/index.d.ts

@@ -0,0 +1,36 @@
+import { AuctionBid, AuctionBidStatus, AuctionBidder, AuctionCallbacks, AuctionData, AuctionFormatters, AuctionTickConfig, AuctionUserBid, OperationState, OperationStatus, RankableBid } from "./types/index.js";
+import { AuctionProvider, AuctionProviderProps, useAuctionContext } from "./components/blocks/auction/AuctionContext.js";
+import { Auction, AuctionProps } from "./components/blocks/auction/Auction.js";
+import { FramedImage, FramedImageProps } from "./components/primitives/framed-image/FramedImage.js";
+import { AuctionBidForm } from "./components/blocks/auction/AuctionBidForm.js";
+import { AuctionBidInput, AuctionBidInputProps } from "./components/blocks/auction/AuctionBidInput.js";
+import { AuctionInfo, AuctionInfoProps } from "./components/blocks/auction/AuctionInfo.js";
+import { AuctionBiddingPanel, AuctionBiddingPanelProps, AuctionDetails, AuctionDetailsBody, AuctionDetailsBodyProps, AuctionDetailsFooter, AuctionDetailsFooterProps, AuctionDetailsHeader, AuctionDetailsHeaderProps, AuctionDetailsProps, AuctionLayout, AuctionLayoutProps, AuctionRankingsContainer, AuctionRankingsContainerProps } from "./components/blocks/auction/AuctionLayout.js";
+import { Button, ButtonElement, ButtonProps, buttonVariants } from "./components/primitives/Button.js";
+import { useCountdown } from "./hooks/useCountdown.js";
+import { Countdown, CountdownProps } from "./components/primitives/countdown/Countdown.js";
+import { Drawer, DrawerProps } from "./components/primitives/Drawer.js";
+import { Feedback } from "./components/primitives/Feedback.js";
+import { MorphDialog, MorphDialogProps } from "./components/primitives/MorphDialog.js";
+import { FormatPriceOptions, Price, PriceProps, PriceSymbolProps, PriceValueProps, formatPrice } from "./components/primitives/Price.js";
+import { CursorGrowIcon, SteppedInput } from "./components/primitives/SteppedInput.js";
+import { PriceInput } from "./components/primitives/PriceInput.js";
+import { Separator } from "./components/primitives/Separator.js";
+import { Receipt, ReceiptDiscountProps, ReceiptFeeProps, ReceiptFooterProps, ReceiptHeaderProps, ReceiptItemProps, ReceiptPriceProps, ReceiptProps, ReceiptSeparatorProps, ReceiptSubtotalProps, ReceiptTaxProps, ReceiptTotalProps } from "./components/primitives/Receipt.js";
+import { GroupItemContextValue, RankedList, RankedListProps, Ranking, RankingProps, SlotContext, SlotProps } from "./components/primitives/ranked-list/Ranking.js";
+import { Scale, ScaleValue, SnapMode, TickContext, useScale } from "./components/primitives/Scale.js";
+import { Skeleton, SkeletonElement, SkeletonProps } from "./components/primitives/Skeleton.js";
+import { Tab, Tabs, TabsContextType, TabsIndicator, TabsList, TabsPanel } from "./components/primitives/Tabs.js";
+import { Text, TextElement, TextProps, textVariants } from "./components/primitives/Text.js";
+import { Tag, TagElement, TagProps } from "./components/primitives/Tag.js";
+import { AuctionRankings, AuctionRankingsProps, RankingsSkeleton } from "./components/blocks/auction/AuctionRankings.js";
+import { AuctionStatusTag, AuctionStatusTagProps } from "./components/blocks/auction/AuctionStatusTag.js";
+import { AuctionSuggestedBids, AuctionSuggestedBidsProps, SuggestedBidContextValue, useSuggestedBid } from "./components/blocks/auction/AuctionSuggestedBids.js";
+import { AuctionYourBidCard, AuctionYourBidCardProps } from "./components/blocks/auction/AuctionYourBidCard.js";
+import { AuctionYourBids, AuctionYourBidsProps } from "./components/blocks/auction/AuctionYourBids.js";
+import { cn } from "./lib/cn.js";
+import { springs, transitions } from "./lib/motion.js";
+import { formatCountdownString, formatDateTime, formatFullTimestamp, formatShortDate, formatShortRelative, formatWeiToEth, parseEthToWei } from "./utils/format.js";
+import { getActiveTickSize, isValidTickPrice, roundDownToValidBid } from "./utils/tick-validation.js";
+import { getProjectedRankForPrice, getSuggestedBidPrices } from "./utils/rank-utils.js";
+export { Auction, FramedImage as AuctionArtwork, type FramedImageProps as AuctionArtworkProps, AuctionBid, AuctionBidForm, AuctionBidInput, type AuctionBidInputProps, AuctionBidStatus, AuctionBidder, AuctionBiddingPanel, type AuctionBiddingPanelProps, AuctionCallbacks, AuctionData, AuctionDetails, AuctionDetailsBody, type AuctionDetailsBodyProps, AuctionDetailsFooter, type AuctionDetailsFooterProps, AuctionDetailsHeader, type AuctionDetailsHeaderProps, type AuctionDetailsProps, AuctionFormatters, AuctionInfo, type AuctionInfoProps, AuctionLayout, type AuctionLayoutProps, type AuctionProps, AuctionProvider, type AuctionProviderProps, AuctionRankings, AuctionRankingsContainer, type AuctionRankingsContainerProps, type AuctionRankingsProps, AuctionStatusTag, type AuctionStatusTagProps, AuctionSuggestedBids, type AuctionSuggestedBidsProps, AuctionTickConfig, AuctionUserBid, AuctionYourBidCard, type AuctionYourBidCardProps, AuctionYourBids, type AuctionYourBidsProps, Button, type ButtonElement, type ButtonProps, Countdown, CountdownProps, CursorGrowIcon, Drawer, type DrawerProps, Feedback, type FormatPriceOptions, FramedImage, type FramedImageProps, GroupItemContextValue, MorphDialog, type MorphDialogProps, OperationState, OperationStatus, Price, PriceInput, type PriceProps, type PriceSymbolProps, type PriceValueProps, RankableBid, RankedList, RankedListProps, Ranking, RankingProps, RankingsSkeleton, Receipt, type ReceiptDiscountProps, type ReceiptFeeProps, type ReceiptFooterProps, type ReceiptHeaderProps, type ReceiptItemProps, type ReceiptPriceProps, type ReceiptProps, type ReceiptSeparatorProps, type ReceiptSubtotalProps, type ReceiptTaxProps, type ReceiptTotalProps, Scale, type TickContext as ScaleTickContext, type ScaleValue, Separator, Skeleton, type SkeletonElement, type SkeletonProps, SlotContext, SlotProps, type SnapMode, SteppedInput, type SuggestedBidContextValue, Tab, Tabs, type TabsContextType, TabsIndicator, TabsList, TabsPanel, Tag, type TagElement, type TagProps, Text, type TextElement, type TextProps, buttonVariants, cn, formatCountdownString, formatDateTime, formatFullTimestamp, formatPrice, formatShortDate, formatShortRelative, formatWeiToEth, getActiveTickSize, getProjectedRankForPrice, getSuggestedBidPrices, isValidTickPrice, parseEthToWei, roundDownToValidBid, springs, textVariants, transitions, useAuctionContext, useCountdown, useScale, useSuggestedBid };

package/dist/index.js

@@ -0,0 +1,36 @@
+import { formatCountdownString, formatDateTime, formatFullTimestamp, formatShortDate, formatShortRelative, formatWeiToEth, parseEthToWei } from "./utils/format.js";
+import { getActiveTickSize, isValidTickPrice, roundDownToValidBid } from "./utils/tick-validation.js";
+import { getProjectedRankForPrice, getSuggestedBidPrices } from "./utils/rank-utils.js";
+import { AuctionProvider, useAuctionContext } from "./components/blocks/auction/AuctionContext.js";
+import { Auction } from "./components/blocks/auction/Auction.js";
+import { cn } from "./lib/cn.js";
+import { springs, transitions } from "./lib/motion.js";
+import { MorphDialog } from "./components/primitives/MorphDialog.js";
+import { FramedImage } from "./components/primitives/framed-image/FramedImage.js";
+import { Button, buttonVariants } from "./components/primitives/Button.js";
+import { useCountdown } from "./hooks/useCountdown.js";
+import { Countdown } from "./components/primitives/countdown/Countdown.js";
+import { Drawer } from "./components/primitives/Drawer.js";
+import { Feedback } from "./components/primitives/Feedback.js";
+import { Price, formatPrice } from "./components/primitives/Price.js";
+import { CursorGrowIcon, SteppedInput } from "./components/primitives/SteppedInput.js";
+import { PriceInput } from "./components/primitives/PriceInput.js";
+import { Text, textVariants } from "./components/primitives/Text.js";
+import { Separator } from "./components/primitives/Separator.js";
+import { Receipt } from "./components/primitives/Receipt.js";
+import { RankedList, Ranking } from "./components/primitives/ranked-list/Ranking.js";
+import { Scale, useScale } from "./components/primitives/Scale.js";
+import { Skeleton } from "./components/primitives/Skeleton.js";
+import { Tab, Tabs, TabsIndicator, TabsList, TabsPanel } from "./components/primitives/Tabs.js";
+import { Tag } from "./components/primitives/Tag.js";
+import { AuctionBidForm } from "./components/blocks/auction/AuctionBidForm.js";
+import { AuctionBidInput } from "./components/blocks/auction/AuctionBidInput.js";
+import { AuctionStatusTag } from "./components/blocks/auction/AuctionStatusTag.js";
+import { AuctionInfo } from "./components/blocks/auction/AuctionInfo.js";
+import { AuctionBiddingPanel, AuctionDetails, AuctionDetailsBody, AuctionDetailsFooter, AuctionDetailsHeader, AuctionLayout, AuctionRankingsContainer } from "./components/blocks/auction/AuctionLayout.js";
+import { AuctionRankings, RankingsSkeleton } from "./components/blocks/auction/AuctionRankings.js";
+import { AuctionSuggestedBids, useSuggestedBid } from "./components/blocks/auction/AuctionSuggestedBids.js";
+import { AuctionYourBidCard } from "./components/blocks/auction/AuctionYourBidCard.js";
+import { AuctionYourBids } from "./components/blocks/auction/AuctionYourBids.js";
+
+export { Auction, FramedImage as AuctionArtwork, AuctionBidForm, AuctionBidInput, AuctionBiddingPanel, AuctionDetails, AuctionDetailsBody, AuctionDetailsFooter, AuctionDetailsHeader, AuctionInfo, AuctionLayout, AuctionProvider, AuctionRankings, AuctionRankingsContainer, AuctionStatusTag, AuctionSuggestedBids, AuctionYourBidCard, AuctionYourBids, Button, Countdown, CursorGrowIcon, Drawer, Feedback, FramedImage, MorphDialog, Price, PriceInput, RankedList, Ranking, RankingsSkeleton, Receipt, Scale, Separator, Skeleton, SteppedInput, Tab, Tabs, TabsIndicator, TabsList, TabsPanel, Tag, Text, buttonVariants, cn, formatCountdownString, formatDateTime, formatFullTimestamp, formatPrice, formatShortDate, formatShortRelative, formatWeiToEth, getActiveTickSize, getProjectedRankForPrice, getSuggestedBidPrices, isValidTickPrice, parseEthToWei, roundDownToValidBid, springs, textVariants, transitions, useAuctionContext, useCountdown, useScale, useSuggestedBid };

package/dist/lib/cn.d.ts

@@ -0,0 +1,6 @@
+import { ClassValue } from "clsx";
+
+//#region src/lib/cn.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+export { cn };