@fire-spark/react-ui 0.0.1

package/dist/checkout.js

@@ -0,0 +1,333 @@
+import { t as cn } from "./cn-Ccejyh36.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/checkout.tsx
+const Checkout = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("@container/checkout text-foreground flex min-h-0 flex-1 flex-col", className),
+	...props
+});
+Checkout.displayName = "Checkout";
+const CheckoutMain = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("mx-auto grid w-full flex-1 gap-6 sm:px-4 py-2 @min-[48rem]/checkout:grid-cols-[1fr_22.5rem] @min-[48rem]/checkout:items-start", className),
+	...props
+});
+CheckoutMain.displayName = "CheckoutMain";
+const CheckoutAside = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("aside", {
+	ref,
+	className: cn("bg-card flex flex-col gap-4 min-w-90 rounded-xl border p-4 @min-[48rem]/checkout:sticky @min-[48rem]/checkout:top-4", className),
+	...props
+});
+CheckoutAside.displayName = "CheckoutAside";
+const CheckoutNav = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("nav", {
+	ref,
+	className: cn("bg-background relative flex h-16 items-center justify-center px-4", className),
+	...props
+});
+CheckoutNav.displayName = "CheckoutNav";
+const CheckoutNavBrand = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("text-foreground text-lg font-bold tracking-tight", className),
+	...props
+});
+CheckoutNavBrand.displayName = "CheckoutNavBrand";
+const CheckoutHeader = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("mx-auto flex w-full flex-col gap-3 sm:px-4 sm:pt-4", className),
+	...props
+});
+CheckoutHeader.displayName = "CheckoutHeader";
+const CheckoutBack = ({ ref, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	className: cn("text-foreground hover:text-foreground/80 inline-flex w-fit items-center gap-1.5 text-sm font-medium transition-colors", className),
+	...props
+});
+CheckoutBack.displayName = "CheckoutBack";
+const CheckoutTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("h1", {
+	ref,
+	className: cn("text-2xl font-bold tracking-tight uppercase", className),
+	...props
+});
+CheckoutTitle.displayName = "CheckoutTitle";
+const CheckoutDescription = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("text-muted-foreground text-sm", className),
+	...props
+});
+CheckoutDescription.displayName = "CheckoutDescription";
+const CheckoutSection = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("section", {
+	ref,
+	className: cn("bg-card flex flex-col gap-3 rounded-xl border p-4", className),
+	...props
+});
+CheckoutSection.displayName = "CheckoutSection";
+const CheckoutSectionHeader = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center justify-between gap-2", className),
+	...props
+});
+CheckoutSectionHeader.displayName = "CheckoutSectionHeader";
+const CheckoutSectionTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("h2", {
+	ref,
+	className: cn("text-sm font-semibold tracking-tight", className),
+	...props
+});
+CheckoutSectionTitle.displayName = "CheckoutSectionTitle";
+const CheckoutSectionAction = ({ ref, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	className: cn("text-primary hover:text-primary/90 text-sm font-medium transition-colors", className),
+	...props
+});
+CheckoutSectionAction.displayName = "CheckoutSectionAction";
+const CheckoutRow = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center gap-3", className),
+	...props
+});
+CheckoutRow.displayName = "CheckoutRow";
+const CheckoutRowMedia = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("bg-muted relative size-12 shrink-0 overflow-hidden rounded-lg", className),
+	...props
+});
+CheckoutRowMedia.displayName = "CheckoutRowMedia";
+const CheckoutRowContent = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex min-w-0 flex-1 flex-col gap-0.5", className),
+	...props
+});
+CheckoutRowContent.displayName = "CheckoutRowContent";
+const CheckoutRowTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("truncate text-sm font-semibold", className),
+	...props
+});
+CheckoutRowTitle.displayName = "CheckoutRowTitle";
+const CheckoutRowDescription = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("text-muted-foreground truncate text-sm", className),
+	...props
+});
+CheckoutRowDescription.displayName = "CheckoutRowDescription";
+const CheckoutRowAside = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex shrink-0 items-center gap-2", className),
+	...props
+});
+CheckoutRowAside.displayName = "CheckoutRowAside";
+const CheckoutRowChevron = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("text-muted-foreground inline-flex size-5 items-center justify-center", className),
+	"aria-hidden": true,
+	...props
+});
+CheckoutRowChevron.displayName = "CheckoutRowChevron";
+const CheckoutFulfillment = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	role: "radiogroup",
+	className: cn("bg-muted inline-flex w-fit items-center rounded-full p-1", className),
+	...props
+});
+CheckoutFulfillment.displayName = "CheckoutFulfillment";
+const CheckoutFulfillmentOption = ({ ref, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	role: "radio",
+	className: cn("text-muted-foreground data-[state=checked]:bg-background data-[state=checked]:text-foreground inline-flex items-center rounded-full px-3 py-1.5 text-sm font-medium transition-colors data-[state=checked]:shadow-sm", className),
+	...props
+});
+CheckoutFulfillmentOption.displayName = "CheckoutFulfillmentOption";
+const CheckoutPayment = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	role: "radiogroup",
+	className: cn("flex flex-wrap items-center gap-4", className),
+	...props
+});
+CheckoutPayment.displayName = "CheckoutPayment";
+const CheckoutPaymentOption = ({ ref, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	role: "radio",
+	className: cn("inline-flex items-center gap-2 text-sm font-medium transition-colors", className),
+	...props
+});
+CheckoutPaymentOption.displayName = "CheckoutPaymentOption";
+const CheckoutPaymentPanel = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("bg-muted/40 flex flex-col gap-3 rounded-lg border p-3", className),
+	...props
+});
+CheckoutPaymentPanel.displayName = "CheckoutPaymentPanel";
+const CheckoutPaymentPanelHeader = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center justify-between gap-2", className),
+	...props
+});
+CheckoutPaymentPanelHeader.displayName = "CheckoutPaymentPanelHeader";
+const CheckoutOption = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center justify-between gap-3", className),
+	...props
+});
+CheckoutOption.displayName = "CheckoutOption";
+const CheckoutOptionLabel = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex min-w-0 items-center gap-2 text-sm", className),
+	...props
+});
+CheckoutOptionLabel.displayName = "CheckoutOptionLabel";
+const CheckoutOptionControl = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex shrink-0 items-center", className),
+	...props
+});
+CheckoutOptionControl.displayName = "CheckoutOptionControl";
+const CheckoutPromo = ({ ref, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	className: cn("hover:bg-muted/60 flex w-full items-center gap-3 rounded-lg border px-3 py-3 text-left text-sm transition-colors", className),
+	...props
+});
+CheckoutPromo.displayName = "CheckoutPromo";
+const CheckoutPromoIcon = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("inline-flex size-5 shrink-0 items-center justify-center", className),
+	"aria-hidden": true,
+	...props
+});
+CheckoutPromoIcon.displayName = "CheckoutPromoIcon";
+const CheckoutPromoLabel = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("min-w-0 flex-1 font-medium", className),
+	...props
+});
+CheckoutPromoLabel.displayName = "CheckoutPromoLabel";
+const CheckoutPromoChevron = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("text-muted-foreground inline-flex size-5 items-center justify-center", className),
+	"aria-hidden": true,
+	...props
+});
+CheckoutPromoChevron.displayName = "CheckoutPromoChevron";
+const CheckoutTip = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-col gap-2", className),
+	...props
+});
+CheckoutTip.displayName = "CheckoutTip";
+const CheckoutTipList = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-wrap items-center gap-2", className),
+	...props
+});
+CheckoutTipList.displayName = "CheckoutTipList";
+const CheckoutTipOption = ({ ref, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	className: cn("text-muted-foreground data-[state=checked]:bg-background data-[state=checked]:text-foreground inline-flex items-center rounded-full border px-3 py-1.5 text-sm font-medium transition-colors data-[state=checked]:shadow-sm", className),
+	...props
+});
+CheckoutTipOption.displayName = "CheckoutTipOption";
+const CheckoutTipCustom = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("min-w-0 flex-1", className),
+	...props
+});
+CheckoutTipCustom.displayName = "CheckoutTipCustom";
+const CheckoutFeeList = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-col gap-2", className),
+	...props
+});
+CheckoutFeeList.displayName = "CheckoutFeeList";
+const CheckoutFeeRow = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center justify-between gap-3 text-sm", className),
+	...props
+});
+CheckoutFeeRow.displayName = "CheckoutFeeRow";
+const CheckoutFeeLabel = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("inline-flex items-center gap-1", className),
+	...props
+});
+CheckoutFeeLabel.displayName = "CheckoutFeeLabel";
+const CheckoutFeeValue = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("tabular-nums", className),
+	...props
+});
+CheckoutFeeValue.displayName = "CheckoutFeeValue";
+const CheckoutFeeInfo = ({ ref, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	className: cn("text-muted-foreground hover:text-foreground inline-flex size-4 items-center justify-center rounded-full", className),
+	...props
+});
+CheckoutFeeInfo.displayName = "CheckoutFeeInfo";
+const CheckoutBanner = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center gap-2 rounded-lg px-3 py-2.5 text-sm font-medium", className),
+	...props
+});
+CheckoutBanner.displayName = "CheckoutBanner";
+const CheckoutFooter = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-col gap-3", className),
+	...props
+});
+CheckoutFooter.displayName = "CheckoutFooter";
+const CheckoutSubmit = ({ ref, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	className: cn("bg-foreground text-background hover:bg-foreground/90 flex w-full items-center justify-between gap-2 rounded-full px-4 py-3 text-sm font-semibold transition-colors disabled:pointer-events-none disabled:opacity-50", className),
+	...props
+});
+CheckoutSubmit.displayName = "CheckoutSubmit";
+const CheckoutStore = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center gap-3", className),
+	...props
+});
+CheckoutStore.displayName = "CheckoutStore";
+const CheckoutStoreMedia = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("bg-muted relative size-10 shrink-0 overflow-hidden rounded-full", className),
+	...props
+});
+CheckoutStoreMedia.displayName = "CheckoutStoreMedia";
+const CheckoutStoreImage = ({ ref, className, alt = "", ...props }) => /* @__PURE__ */ jsx("img", {
+	ref,
+	alt,
+	className: cn("size-full object-cover", className),
+	...props
+});
+CheckoutStoreImage.displayName = "CheckoutStoreImage";
+const CheckoutStoreContent = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex min-w-0 flex-1 flex-col", className),
+	...props
+});
+CheckoutStoreContent.displayName = "CheckoutStoreContent";
+const CheckoutStoreTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("truncate text-sm font-semibold", className),
+	...props
+});
+CheckoutStoreTitle.displayName = "CheckoutStoreTitle";
+const CheckoutStoreDescription = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("text-muted-foreground truncate text-xs", className),
+	...props
+});
+CheckoutStoreDescription.displayName = "CheckoutStoreDescription";
+const CheckoutColumn = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex min-w-0 flex-col gap-4", className),
+	...props
+});
+CheckoutColumn.displayName = "CheckoutColumn";
+//#endregion
+export { Checkout, CheckoutAside, CheckoutBack, CheckoutBanner, CheckoutColumn, CheckoutDescription, CheckoutFeeInfo, CheckoutFeeLabel, CheckoutFeeList, CheckoutFeeRow, CheckoutFeeValue, CheckoutFooter, CheckoutFulfillment, CheckoutFulfillmentOption, CheckoutHeader, CheckoutMain, CheckoutNav, CheckoutNavBrand, CheckoutOption, CheckoutOptionControl, CheckoutOptionLabel, CheckoutPayment, CheckoutPaymentOption, CheckoutPaymentPanel, CheckoutPaymentPanelHeader, CheckoutPromo, CheckoutPromoChevron, CheckoutPromoIcon, CheckoutPromoLabel, CheckoutRow, CheckoutRowAside, CheckoutRowChevron, CheckoutRowContent, CheckoutRowDescription, CheckoutRowMedia, CheckoutRowTitle, CheckoutSection, CheckoutSectionAction, CheckoutSectionHeader, CheckoutSectionTitle, CheckoutStore, CheckoutStoreContent, CheckoutStoreDescription, CheckoutStoreImage, CheckoutStoreMedia, CheckoutStoreTitle, CheckoutSubmit, CheckoutTip, CheckoutTipCustom, CheckoutTipList, CheckoutTipOption, CheckoutTitle };

package/dist/cn-Ccejyh36.js

@@ -0,0 +1,8 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+//#region src/lib/cn.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+export { cn as t };

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { Cart, CartAction, CartBanner, CartBody, CartDescription, CartEmpty, CartEmptyDescription, CartEmptyTitle, CartFooter, CartHeader, CartItem, CartItemAction, CartItemActions, CartItemAnchorPrice, CartItemAside, CartItemContent, CartItemDescription, CartItemHeader, CartItemImage, CartItemImageSlot, CartItemMedia, CartItemMeta, CartItemPrice, CartItemTitle, CartList, CartOption, CartOptionControl, CartOptionLabel, CartQuantity, CartQuantityButton, CartQuantityValue, CartScroller, CartSection, CartSectionHeader, CartSectionTitle, CartStore, CartStoreContent, CartStoreDescription, CartStoreImage, CartStoreMedia, CartStoreTitle, CartSubmit, CartSummary, CartSummaryLabel, CartSummaryRow, CartSummaryValue, CartTitle } from "./cart.js";
+import { CategoryNav, CategoryNavExtra, CategoryNavItem, CategoryNavLink, CategoryNavList, CategoryNavOrientation } from "./category-nav.js";
+import { Category, CategoryContent, CategoryDescription, CategoryEmpty, CategoryEmptyContent, CategoryEmptyDescription, CategoryEmptyHeader, CategoryEmptyMedia, CategoryEmptyTitle, CategoryGrid, CategoryGridItem, CategoryHeader, CategoryList, CategoryListItem, CategoryTitle } from "./category.js";
+import { Checkout, CheckoutAside, CheckoutBack, CheckoutBanner, CheckoutColumn, CheckoutDescription, CheckoutFeeInfo, CheckoutFeeLabel, CheckoutFeeList, CheckoutFeeRow, CheckoutFeeValue, CheckoutFooter, CheckoutFulfillment, CheckoutFulfillmentOption, CheckoutHeader, CheckoutMain, CheckoutNav, CheckoutNavBrand, CheckoutOption, CheckoutOptionControl, CheckoutOptionLabel, CheckoutPayment, CheckoutPaymentOption, CheckoutPaymentPanel, CheckoutPaymentPanelHeader, CheckoutPromo, CheckoutPromoChevron, CheckoutPromoIcon, CheckoutPromoLabel, CheckoutRow, CheckoutRowAside, CheckoutRowChevron, CheckoutRowContent, CheckoutRowDescription, CheckoutRowMedia, CheckoutRowTitle, CheckoutSection, CheckoutSectionAction, CheckoutSectionHeader, CheckoutSectionTitle, CheckoutStore, CheckoutStoreContent, CheckoutStoreDescription, CheckoutStoreImage, CheckoutStoreMedia, CheckoutStoreTitle, CheckoutSubmit, CheckoutTip, CheckoutTipCustom, CheckoutTipList, CheckoutTipOption, CheckoutTitle } from "./checkout.js";
+import { Menu, MenuEmpty, MenuEmptyContent, MenuEmptyDescription, MenuEmptyHeader, MenuEmptyMedia, MenuEmptyTitle } from "./menu.js";
+import { UseActiveCategoryOptions, useActiveCategory } from "./use-active-category.js";
+import { ProductCard, ProductCardAddButton, ProductCardAnchorPrice, ProductCardBadge, ProductCardContent, ProductCardDescription, ProductCardDiscount, ProductCardFooter, ProductCardHeader, ProductCardImage, ProductCardImageSlot, ProductCardMedia, ProductCardMeta, ProductCardPrice, ProductCardRating, ProductCardTitle } from "./product-card.js";
+export { Cart, CartAction, CartBanner, CartBody, CartDescription, CartEmpty, CartEmptyDescription, CartEmptyTitle, CartFooter, CartHeader, CartItem, CartItemAction, CartItemActions, CartItemAnchorPrice, CartItemAside, CartItemContent, CartItemDescription, CartItemHeader, CartItemImage, CartItemImageSlot, CartItemMedia, CartItemMeta, CartItemPrice, CartItemTitle, CartList, CartOption, CartOptionControl, CartOptionLabel, CartQuantity, CartQuantityButton, CartQuantityValue, CartScroller, CartSection, CartSectionHeader, CartSectionTitle, CartStore, CartStoreContent, CartStoreDescription, CartStoreImage, CartStoreMedia, CartStoreTitle, CartSubmit, CartSummary, CartSummaryLabel, CartSummaryRow, CartSummaryValue, CartTitle, Category, CategoryContent, CategoryDescription, CategoryEmpty, CategoryEmptyContent, CategoryEmptyDescription, CategoryEmptyHeader, CategoryEmptyMedia, CategoryEmptyTitle, CategoryGrid, CategoryGridItem, CategoryHeader, CategoryList, CategoryListItem, CategoryNav, CategoryNavExtra, CategoryNavItem, CategoryNavLink, CategoryNavList, type CategoryNavOrientation, CategoryTitle, Checkout, CheckoutAside, CheckoutBack, CheckoutBanner, CheckoutColumn, CheckoutDescription, CheckoutFeeInfo, CheckoutFeeLabel, CheckoutFeeList, CheckoutFeeRow, CheckoutFeeValue, CheckoutFooter, CheckoutFulfillment, CheckoutFulfillmentOption, CheckoutHeader, CheckoutMain, CheckoutNav, CheckoutNavBrand, CheckoutOption, CheckoutOptionControl, CheckoutOptionLabel, CheckoutPayment, CheckoutPaymentOption, CheckoutPaymentPanel, CheckoutPaymentPanelHeader, CheckoutPromo, CheckoutPromoChevron, CheckoutPromoIcon, CheckoutPromoLabel, CheckoutRow, CheckoutRowAside, CheckoutRowChevron, CheckoutRowContent, CheckoutRowDescription, CheckoutRowMedia, CheckoutRowTitle, CheckoutSection, CheckoutSectionAction, CheckoutSectionHeader, CheckoutSectionTitle, CheckoutStore, CheckoutStoreContent, CheckoutStoreDescription, CheckoutStoreImage, CheckoutStoreMedia, CheckoutStoreTitle, CheckoutSubmit, CheckoutTip, CheckoutTipCustom, CheckoutTipList, CheckoutTipOption, CheckoutTitle, Menu, MenuEmpty, MenuEmptyContent, MenuEmptyDescription, MenuEmptyHeader, MenuEmptyMedia, MenuEmptyTitle, ProductCard, ProductCardAddButton, ProductCardAnchorPrice, ProductCardBadge, ProductCardContent, ProductCardDescription, ProductCardDiscount, ProductCardFooter, ProductCardHeader, ProductCardImage, ProductCardImageSlot, ProductCardMedia, ProductCardMeta, ProductCardPrice, ProductCardRating, ProductCardTitle, type UseActiveCategoryOptions, useActiveCategory };

package/dist/index.js

@@ -0,0 +1,8 @@
+import { Category, CategoryContent, CategoryDescription, CategoryEmpty, CategoryEmptyContent, CategoryEmptyDescription, CategoryEmptyHeader, CategoryEmptyMedia, CategoryEmptyTitle, CategoryGrid, CategoryGridItem, CategoryHeader, CategoryList, CategoryListItem, CategoryTitle } from "./category.js";
+import { Menu, MenuEmpty, MenuEmptyContent, MenuEmptyDescription, MenuEmptyHeader, MenuEmptyMedia, MenuEmptyTitle } from "./menu.js";
+import { CategoryNav, CategoryNavExtra, CategoryNavItem, CategoryNavLink, CategoryNavList } from "./category-nav.js";
+import { useActiveCategory } from "./use-active-category.js";
+import { ProductCard, ProductCardAddButton, ProductCardAnchorPrice, ProductCardBadge, ProductCardContent, ProductCardDescription, ProductCardDiscount, ProductCardFooter, ProductCardHeader, ProductCardImage, ProductCardImageSlot, ProductCardMedia, ProductCardMeta, ProductCardPrice, ProductCardRating, ProductCardTitle } from "./product-card.js";
+import { Cart, CartAction, CartBanner, CartBody, CartDescription, CartEmpty, CartEmptyDescription, CartEmptyTitle, CartFooter, CartHeader, CartItem, CartItemAction, CartItemActions, CartItemAnchorPrice, CartItemAside, CartItemContent, CartItemDescription, CartItemHeader, CartItemImage, CartItemImageSlot, CartItemMedia, CartItemMeta, CartItemPrice, CartItemTitle, CartList, CartOption, CartOptionControl, CartOptionLabel, CartQuantity, CartQuantityButton, CartQuantityValue, CartScroller, CartSection, CartSectionHeader, CartSectionTitle, CartStore, CartStoreContent, CartStoreDescription, CartStoreImage, CartStoreMedia, CartStoreTitle, CartSubmit, CartSummary, CartSummaryLabel, CartSummaryRow, CartSummaryValue, CartTitle } from "./cart.js";
+import { Checkout, CheckoutAside, CheckoutBack, CheckoutBanner, CheckoutColumn, CheckoutDescription, CheckoutFeeInfo, CheckoutFeeLabel, CheckoutFeeList, CheckoutFeeRow, CheckoutFeeValue, CheckoutFooter, CheckoutFulfillment, CheckoutFulfillmentOption, CheckoutHeader, CheckoutMain, CheckoutNav, CheckoutNavBrand, CheckoutOption, CheckoutOptionControl, CheckoutOptionLabel, CheckoutPayment, CheckoutPaymentOption, CheckoutPaymentPanel, CheckoutPaymentPanelHeader, CheckoutPromo, CheckoutPromoChevron, CheckoutPromoIcon, CheckoutPromoLabel, CheckoutRow, CheckoutRowAside, CheckoutRowChevron, CheckoutRowContent, CheckoutRowDescription, CheckoutRowMedia, CheckoutRowTitle, CheckoutSection, CheckoutSectionAction, CheckoutSectionHeader, CheckoutSectionTitle, CheckoutStore, CheckoutStoreContent, CheckoutStoreDescription, CheckoutStoreImage, CheckoutStoreMedia, CheckoutStoreTitle, CheckoutSubmit, CheckoutTip, CheckoutTipCustom, CheckoutTipList, CheckoutTipOption, CheckoutTitle } from "./checkout.js";
+export { Cart, CartAction, CartBanner, CartBody, CartDescription, CartEmpty, CartEmptyDescription, CartEmptyTitle, CartFooter, CartHeader, CartItem, CartItemAction, CartItemActions, CartItemAnchorPrice, CartItemAside, CartItemContent, CartItemDescription, CartItemHeader, CartItemImage, CartItemImageSlot, CartItemMedia, CartItemMeta, CartItemPrice, CartItemTitle, CartList, CartOption, CartOptionControl, CartOptionLabel, CartQuantity, CartQuantityButton, CartQuantityValue, CartScroller, CartSection, CartSectionHeader, CartSectionTitle, CartStore, CartStoreContent, CartStoreDescription, CartStoreImage, CartStoreMedia, CartStoreTitle, CartSubmit, CartSummary, CartSummaryLabel, CartSummaryRow, CartSummaryValue, CartTitle, Category, CategoryContent, CategoryDescription, CategoryEmpty, CategoryEmptyContent, CategoryEmptyDescription, CategoryEmptyHeader, CategoryEmptyMedia, CategoryEmptyTitle, CategoryGrid, CategoryGridItem, CategoryHeader, CategoryList, CategoryListItem, CategoryNav, CategoryNavExtra, CategoryNavItem, CategoryNavLink, CategoryNavList, CategoryTitle, Checkout, CheckoutAside, CheckoutBack, CheckoutBanner, CheckoutColumn, CheckoutDescription, CheckoutFeeInfo, CheckoutFeeLabel, CheckoutFeeList, CheckoutFeeRow, CheckoutFeeValue, CheckoutFooter, CheckoutFulfillment, CheckoutFulfillmentOption, CheckoutHeader, CheckoutMain, CheckoutNav, CheckoutNavBrand, CheckoutOption, CheckoutOptionControl, CheckoutOptionLabel, CheckoutPayment, CheckoutPaymentOption, CheckoutPaymentPanel, CheckoutPaymentPanelHeader, CheckoutPromo, CheckoutPromoChevron, CheckoutPromoIcon, CheckoutPromoLabel, CheckoutRow, CheckoutRowAside, CheckoutRowChevron, CheckoutRowContent, CheckoutRowDescription, CheckoutRowMedia, CheckoutRowTitle, CheckoutSection, CheckoutSectionAction, CheckoutSectionHeader, CheckoutSectionTitle, CheckoutStore, CheckoutStoreContent, CheckoutStoreDescription, CheckoutStoreImage, CheckoutStoreMedia, CheckoutStoreTitle, CheckoutSubmit, CheckoutTip, CheckoutTipCustom, CheckoutTipList, CheckoutTipOption, CheckoutTitle, Menu, MenuEmpty, MenuEmptyContent, MenuEmptyDescription, MenuEmptyHeader, MenuEmptyMedia, MenuEmptyTitle, ProductCard, ProductCardAddButton, ProductCardAnchorPrice, ProductCardBadge, ProductCardContent, ProductCardDescription, ProductCardDiscount, ProductCardFooter, ProductCardHeader, ProductCardImage, ProductCardImageSlot, ProductCardMedia, ProductCardMeta, ProductCardPrice, ProductCardRating, ProductCardTitle, useActiveCategory };

package/dist/menu.d.ts

@@ -0,0 +1,47 @@
+import { HTMLAttributes } from "react";
+//#region src/menu.d.ts
+declare function Menu({ ref, className, ...props }: HTMLAttributes<HTMLElement> & {
+  ref?: React.RefObject<HTMLElement | null>;
+}): import("react").JSX.Element;
+declare namespace Menu {
+  var displayName: string;
+}
+declare function MenuEmpty({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace MenuEmpty {
+  var displayName: string;
+}
+declare function MenuEmptyHeader({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace MenuEmptyHeader {
+  var displayName: string;
+}
+declare function MenuEmptyMedia({ ref, className, variant, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+  variant?: "icon" | "default";
+}): import("react").JSX.Element;
+declare namespace MenuEmptyMedia {
+  var displayName: string;
+}
+declare function MenuEmptyTitle({ ref, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+  ref?: React.RefObject<HTMLHeadingElement | null>;
+}): import("react").JSX.Element;
+declare namespace MenuEmptyTitle {
+  var displayName: string;
+}
+declare function MenuEmptyDescription({ ref, className, ...props }: HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.RefObject<HTMLParagraphElement | null>;
+}): import("react").JSX.Element;
+declare namespace MenuEmptyDescription {
+  var displayName: string;
+}
+declare function MenuEmptyContent({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace MenuEmptyContent {
+  var displayName: string;
+}
+//#endregion
+export { Menu, MenuEmpty, MenuEmptyContent, MenuEmptyDescription, MenuEmptyHeader, MenuEmptyMedia, MenuEmptyTitle };

package/dist/menu.js

@@ -0,0 +1,49 @@
+import { t as cn } from "./cn-Ccejyh36.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/menu.tsx
+const Menu = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("section", {
+	ref,
+	className: cn("Menu flex h-full min-h-0 flex-col", className),
+	...props
+});
+Menu.displayName = "Menu";
+const MenuEmpty = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	role: "status",
+	className: cn("border-border bg-muted/30 flex min-h-0 w-full flex-1 flex-col items-center justify-center gap-4 rounded-xl border border-dashed px-6 py-12 text-center", className),
+	...props
+});
+MenuEmpty.displayName = "MenuEmpty";
+const MenuEmptyHeader = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex max-w-sm flex-col items-center gap-2", className),
+	...props
+});
+MenuEmptyHeader.displayName = "MenuEmptyHeader";
+const MenuEmptyMedia = ({ ref, className, variant = "icon", ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	"data-variant": variant,
+	className: cn("mb-1 flex shrink-0 items-center justify-center", variant === "icon" ? "bg-muted text-muted-foreground size-12 rounded-full [&_svg]:size-5" : "text-muted-foreground", className),
+	...props
+});
+MenuEmptyMedia.displayName = "MenuEmptyMedia";
+const MenuEmptyTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("h3", {
+	ref,
+	className: cn("text-foreground text-sm font-semibold tracking-tight", className),
+	...props
+});
+MenuEmptyTitle.displayName = "MenuEmptyTitle";
+const MenuEmptyDescription = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("text-muted-foreground text-sm leading-relaxed", className),
+	...props
+});
+MenuEmptyDescription.displayName = "MenuEmptyDescription";
+const MenuEmptyContent = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-wrap items-center justify-center gap-2", className),
+	...props
+});
+MenuEmptyContent.displayName = "MenuEmptyContent";
+//#endregion
+export { Menu, MenuEmpty, MenuEmptyContent, MenuEmptyDescription, MenuEmptyHeader, MenuEmptyMedia, MenuEmptyTitle };

package/dist/product-card.d.ts

@@ -0,0 +1,100 @@
+import { ButtonHTMLAttributes, HTMLAttributes, ImgHTMLAttributes } from "react";
+//#region src/product-card.d.ts
+declare function ProductCard({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCard {
+  var displayName: string;
+}
+declare function ProductCardContent({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardContent {
+  var displayName: string;
+}
+declare function ProductCardMedia({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardMedia {
+  var displayName: string;
+}
+declare function ProductCardImageSlot({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardImageSlot {
+  var displayName: string;
+}
+declare function ProductCardImage({ ref, className, alt, ...props }: ImgHTMLAttributes<HTMLImageElement> & {
+  ref?: React.RefObject<HTMLImageElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardImage {
+  var displayName: string;
+}
+declare function ProductCardHeader({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardHeader {
+  var displayName: string;
+}
+declare function ProductCardTitle({ ref, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+  ref?: React.RefObject<HTMLHeadingElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardTitle {
+  var displayName: string;
+}
+declare function ProductCardMeta({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardMeta {
+  var displayName: string;
+}
+declare function ProductCardDescription({ ref, className, ...props }: HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.RefObject<HTMLParagraphElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardDescription {
+  var displayName: string;
+}
+declare function ProductCardFooter({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardFooter {
+  var displayName: string;
+}
+declare function ProductCardPrice({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardPrice {
+  var displayName: string;
+}
+declare function ProductCardAnchorPrice({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardAnchorPrice {
+  var displayName: string;
+}
+declare function ProductCardRating({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardRating {
+  var displayName: string;
+}
+declare function ProductCardBadge({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardBadge {
+  var displayName: string;
+}
+declare function ProductCardDiscount({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardDiscount {
+  var displayName: string;
+}
+declare function ProductCardAddButton({ ref, className, type, children, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace ProductCardAddButton {
+  var displayName: string;
+}
+//#endregion
+export { ProductCard, ProductCardAddButton, ProductCardAnchorPrice, ProductCardBadge, ProductCardContent, ProductCardDescription, ProductCardDiscount, ProductCardFooter, ProductCardHeader, ProductCardImage, ProductCardImageSlot, ProductCardMedia, ProductCardMeta, ProductCardPrice, ProductCardRating, ProductCardTitle };