@fire-spark/react-ui 0.0.1

package/dist/cart.d.ts

@@ -0,0 +1,286 @@
+import { ButtonHTMLAttributes, HTMLAttributes, ImgHTMLAttributes } from "react";
+//#region src/cart.d.ts
+declare function Cart({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace Cart {
+  var displayName: string;
+}
+declare function CartHeader({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartHeader {
+  var displayName: string;
+}
+declare function CartTitle({ ref, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+  ref?: React.RefObject<HTMLHeadingElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartTitle {
+  var displayName: string;
+}
+declare function CartDescription({ ref, className, ...props }: HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.RefObject<HTMLParagraphElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartDescription {
+  var displayName: string;
+}
+declare function CartStore({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartStore {
+  var displayName: string;
+}
+declare function CartStoreMedia({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartStoreMedia {
+  var displayName: string;
+}
+declare function CartStoreImage({ ref, className, alt, ...props }: ImgHTMLAttributes<HTMLImageElement> & {
+  ref?: React.RefObject<HTMLImageElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartStoreImage {
+  var displayName: string;
+}
+declare function CartStoreContent({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartStoreContent {
+  var displayName: string;
+}
+declare function CartStoreTitle({ ref, className, ...props }: HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.RefObject<HTMLParagraphElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartStoreTitle {
+  var displayName: string;
+}
+declare function CartStoreDescription({ ref, className, ...props }: HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.RefObject<HTMLParagraphElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartStoreDescription {
+  var displayName: string;
+}
+declare function CartBody({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartBody {
+  var displayName: string;
+}
+declare function CartList({ ref, className, ...props }: HTMLAttributes<HTMLUListElement> & {
+  ref?: React.RefObject<HTMLUListElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartList {
+  var displayName: string;
+}
+declare function CartItem({ ref, className, ...props }: HTMLAttributes<HTMLLIElement> & {
+  ref?: React.RefObject<HTMLLIElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItem {
+  var displayName: string;
+}
+declare function CartItemMedia({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemMedia {
+  var displayName: string;
+}
+declare function CartItemImageSlot({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemImageSlot {
+  var displayName: string;
+}
+declare function CartItemImage({ ref, className, alt, ...props }: ImgHTMLAttributes<HTMLImageElement> & {
+  ref?: React.RefObject<HTMLImageElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemImage {
+  var displayName: string;
+}
+declare function CartItemContent({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemContent {
+  var displayName: string;
+}
+declare function CartItemHeader({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemHeader {
+  var displayName: string;
+}
+declare function CartItemTitle({ ref, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+  ref?: React.RefObject<HTMLHeadingElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemTitle {
+  var displayName: string;
+}
+declare function CartItemDescription({ ref, className, ...props }: HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.RefObject<HTMLParagraphElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemDescription {
+  var displayName: string;
+}
+declare function CartItemMeta({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemMeta {
+  var displayName: string;
+}
+declare function CartItemPrice({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemPrice {
+  var displayName: string;
+}
+declare function CartItemAnchorPrice({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemAnchorPrice {
+  var displayName: string;
+}
+declare function CartItemActions({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemActions {
+  var displayName: string;
+}
+declare function CartItemAction({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemAction {
+  var displayName: string;
+}
+declare function CartItemAside({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartItemAside {
+  var displayName: string;
+}
+declare function CartQuantity({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartQuantity {
+  var displayName: string;
+}
+declare function CartQuantityButton({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartQuantityButton {
+  var displayName: string;
+}
+declare function CartQuantityValue({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartQuantityValue {
+  var displayName: string;
+}
+declare function CartSection({ ref, className, ...props }: HTMLAttributes<HTMLElement> & {
+  ref?: React.RefObject<HTMLElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartSection {
+  var displayName: string;
+}
+declare function CartSectionHeader({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartSectionHeader {
+  var displayName: string;
+}
+declare function CartSectionTitle({ ref, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+  ref?: React.RefObject<HTMLHeadingElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartSectionTitle {
+  var displayName: string;
+}
+declare function CartOption({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartOption {
+  var displayName: string;
+}
+declare function CartOptionLabel({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartOptionLabel {
+  var displayName: string;
+}
+declare function CartOptionControl({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartOptionControl {
+  var displayName: string;
+}
+declare function CartBanner({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartBanner {
+  var displayName: string;
+}
+declare function CartScroller({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartScroller {
+  var displayName: string;
+}
+declare function CartSummary({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartSummary {
+  var displayName: string;
+}
+declare function CartSummaryRow({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartSummaryRow {
+  var displayName: string;
+}
+declare function CartSummaryLabel({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartSummaryLabel {
+  var displayName: string;
+}
+declare function CartSummaryValue({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartSummaryValue {
+  var displayName: string;
+}
+declare function CartFooter({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartFooter {
+  var displayName: string;
+}
+declare function CartSubmit({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartSubmit {
+  var displayName: string;
+}
+declare function CartAction({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartAction {
+  var displayName: string;
+}
+declare function CartEmpty({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartEmpty {
+  var displayName: string;
+}
+declare function CartEmptyTitle({ ref, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+  ref?: React.RefObject<HTMLHeadingElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartEmptyTitle {
+  var displayName: string;
+}
+declare function CartEmptyDescription({ ref, className, ...props }: HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.RefObject<HTMLParagraphElement | null>;
+}): import("react").JSX.Element;
+declare namespace CartEmptyDescription {
+  var displayName: string;
+}
+//#endregion
+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 };

package/dist/cart.js

@@ -0,0 +1,293 @@
+import { t as cn } from "./cn-Ccejyh36.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/cart.tsx
+const Cart = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("@container/cart bg-background text-foreground flex h-full min-h-0 flex-col", className),
+	...props
+});
+Cart.displayName = "Cart";
+const CartHeader = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex shrink-0 flex-col gap-3 px-4 pt-4 pb-2", className),
+	...props
+});
+CartHeader.displayName = "CartHeader";
+const CartTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("h2", {
+	ref,
+	className: cn("text-lg font-bold tracking-tight", className),
+	...props
+});
+CartTitle.displayName = "CartTitle";
+const CartDescription = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("text-muted-foreground text-sm", className),
+	...props
+});
+CartDescription.displayName = "CartDescription";
+const CartStore = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center gap-3", className),
+	...props
+});
+CartStore.displayName = "CartStore";
+const CartStoreMedia = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("bg-muted relative size-12 shrink-0 overflow-hidden rounded-full", className),
+	...props
+});
+CartStoreMedia.displayName = "CartStoreMedia";
+const CartStoreImage = ({ ref, className, alt = "", ...props }) => /* @__PURE__ */ jsx("img", {
+	ref,
+	alt,
+	className: cn("size-full object-cover", className),
+	...props
+});
+CartStoreImage.displayName = "CartStoreImage";
+const CartStoreContent = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("min-w-0 flex-1", className),
+	...props
+});
+CartStoreContent.displayName = "CartStoreContent";
+const CartStoreTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("truncate text-base font-semibold", className),
+	...props
+});
+CartStoreTitle.displayName = "CartStoreTitle";
+const CartStoreDescription = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("text-muted-foreground truncate text-sm", className),
+	...props
+});
+CartStoreDescription.displayName = "CartStoreDescription";
+const CartBody = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("min-h-0 flex-1 overflow-y-auto", className),
+	...props
+});
+CartBody.displayName = "CartBody";
+const CartList = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("ul", {
+	ref,
+	className: cn("flex flex-col gap-4 px-4 py-2", className),
+	...props
+});
+CartList.displayName = "CartList";
+const CartItem = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("li", {
+	ref,
+	className: cn("flex items-start gap-3", className),
+	...props
+});
+CartItem.displayName = "CartItem";
+const CartItemMedia = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("bg-muted relative size-16 shrink-0 overflow-hidden rounded-lg", className),
+	...props
+});
+CartItemMedia.displayName = "CartItemMedia";
+const CartItemImageSlot = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("absolute inset-0", className),
+	...props
+});
+CartItemImageSlot.displayName = "CartItemImageSlot";
+const CartItemImage = ({ ref, className, alt = "", ...props }) => /* @__PURE__ */ jsx(CartItemImageSlot, { children: /* @__PURE__ */ jsx("img", {
+	ref,
+	alt,
+	className: cn("size-full object-cover", className),
+	...props
+}) });
+CartItemImage.displayName = "CartItemImage";
+const CartItemContent = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex min-w-0 flex-1 flex-col gap-1", className),
+	...props
+});
+CartItemContent.displayName = "CartItemContent";
+const CartItemHeader = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-start justify-between gap-2", className),
+	...props
+});
+CartItemHeader.displayName = "CartItemHeader";
+const CartItemTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("h3", {
+	ref,
+	className: cn("min-w-0 text-sm leading-snug font-semibold", className),
+	...props
+});
+CartItemTitle.displayName = "CartItemTitle";
+const CartItemDescription = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("text-muted-foreground text-xs leading-snug whitespace-pre-line", className),
+	...props
+});
+CartItemDescription.displayName = "CartItemDescription";
+const CartItemMeta = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-wrap items-center gap-2", className),
+	...props
+});
+CartItemMeta.displayName = "CartItemMeta";
+const CartItemPrice = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("text-sm font-semibold tabular-nums", className),
+	...props
+});
+CartItemPrice.displayName = "CartItemPrice";
+const CartItemAnchorPrice = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("text-muted-foreground text-sm tabular-nums line-through", className),
+	...props
+});
+CartItemAnchorPrice.displayName = "CartItemAnchorPrice";
+const CartItemActions = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-wrap items-center gap-3 pt-0.5", className),
+	...props
+});
+CartItemActions.displayName = "CartItemActions";
+const CartItemAction = ({ ref, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	className: cn("text-muted-foreground hover:text-foreground text-xs font-medium underline-offset-2 hover:underline", className),
+	...props
+});
+CartItemAction.displayName = "CartItemAction";
+const CartItemAside = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex shrink-0 flex-col items-end gap-2", className),
+	...props
+});
+CartItemAside.displayName = "CartItemAside";
+const CartQuantity = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("bg-muted inline-flex items-center gap-1 rounded-full px-1 py-0.5", className),
+	...props
+});
+CartQuantity.displayName = "CartQuantity";
+const CartQuantityButton = ({ ref, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	className: cn("hover:bg-background flex size-7 items-center justify-center rounded-full text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50", className),
+	...props
+});
+CartQuantityButton.displayName = "CartQuantityButton";
+const CartQuantityValue = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("min-w-5 text-center text-sm font-semibold tabular-nums", className),
+	...props
+});
+CartQuantityValue.displayName = "CartQuantityValue";
+const CartSection = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("section", {
+	ref,
+	className: cn("flex flex-col gap-3 px-4 py-4", className),
+	...props
+});
+CartSection.displayName = "CartSection";
+const CartSectionHeader = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center justify-between gap-2", className),
+	...props
+});
+CartSectionHeader.displayName = "CartSectionHeader";
+const CartSectionTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("h3", {
+	ref,
+	className: cn("text-sm font-semibold tracking-tight", className),
+	...props
+});
+CartSectionTitle.displayName = "CartSectionTitle";
+const CartOption = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center justify-between gap-3 border-y py-3", className),
+	...props
+});
+CartOption.displayName = "CartOption";
+const CartOptionLabel = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex min-w-0 items-center gap-2 text-sm", className),
+	...props
+});
+CartOptionLabel.displayName = "CartOptionLabel";
+const CartOptionControl = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex shrink-0 items-center", className),
+	...props
+});
+CartOptionControl.displayName = "CartOptionControl";
+const CartBanner = ({ 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
+});
+CartBanner.displayName = "CartBanner";
+const CartScroller = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex gap-3 overflow-x-auto pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", className),
+	...props
+});
+CartScroller.displayName = "CartScroller";
+const CartSummary = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-col gap-2 px-4 py-3", className),
+	...props
+});
+CartSummary.displayName = "CartSummary";
+const CartSummaryRow = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center justify-between gap-3 text-sm", className),
+	...props
+});
+CartSummaryRow.displayName = "CartSummaryRow";
+const CartSummaryLabel = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn(className),
+	...props
+});
+CartSummaryLabel.displayName = "CartSummaryLabel";
+const CartSummaryValue = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("tabular-nums", className),
+	...props
+});
+CartSummaryValue.displayName = "CartSummaryValue";
+const CartFooter = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("bg-background shrink-0 border-t px-4 py-4", className),
+	...props
+});
+CartFooter.displayName = "CartFooter";
+const CartSubmit = ({ 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
+});
+CartSubmit.displayName = "CartSubmit";
+const CartAction = ({ ref, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	className: cn("bg-muted text-foreground hover:bg-muted/80 inline-flex items-center justify-center rounded-full px-4 py-2 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50", className),
+	...props
+});
+CartAction.displayName = "CartAction";
+const CartEmpty = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-1 flex-col items-center justify-center gap-2 px-6 py-12 text-center", className),
+	...props
+});
+CartEmpty.displayName = "CartEmpty";
+const CartEmptyTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("h3", {
+	ref,
+	className: cn("text-base font-semibold tracking-tight", className),
+	...props
+});
+CartEmptyTitle.displayName = "CartEmptyTitle";
+const CartEmptyDescription = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("text-muted-foreground max-w-xs text-sm", className),
+	...props
+});
+CartEmptyDescription.displayName = "CartEmptyDescription";
+//#endregion
+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 };

package/dist/category-nav.d.ts

@@ -0,0 +1,37 @@
+import { ButtonHTMLAttributes, HTMLAttributes } from "react";
+//#region src/category-nav.d.ts
+type CategoryNavOrientation = "vertical" | "horizontal";
+declare function CategoryNav({ ref, className, orientation, ...props }: HTMLAttributes<HTMLElement> & {
+  ref?: React.RefObject<HTMLElement | null>;
+  orientation?: CategoryNavOrientation;
+}): import("react").JSX.Element;
+declare namespace CategoryNav {
+  var displayName: string;
+}
+declare function CategoryNavList({ ref, className, ...props }: HTMLAttributes<HTMLUListElement> & {
+  ref?: React.RefObject<HTMLUListElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryNavList {
+  var displayName: string;
+}
+declare function CategoryNavItem({ ref, className, ...props }: HTMLAttributes<HTMLLIElement> & {
+  ref?: React.RefObject<HTMLLIElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryNavItem {
+  var displayName: string;
+}
+declare function CategoryNavLink({ ref, className, active, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+  active?: boolean;
+}): import("react").JSX.Element;
+declare namespace CategoryNavLink {
+  var displayName: string;
+}
+declare function CategoryNavExtra({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryNavExtra {
+  var displayName: string;
+}
+//#endregion
+export { CategoryNav, CategoryNavExtra, CategoryNavItem, CategoryNavLink, CategoryNavList, type CategoryNavOrientation };

package/dist/category-nav.js

@@ -0,0 +1,39 @@
+import { t as cn } from "./cn-Ccejyh36.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/category-nav.tsx
+const CategoryNav = ({ ref, className, orientation = "vertical", ...props }) => /* @__PURE__ */ jsx("nav", {
+	ref,
+	"data-orientation": orientation,
+	className: cn("group/category-nav flex", orientation === "horizontal" ? "flex-row items-stretch gap-1 border-b" : "flex-col", className),
+	...props
+});
+CategoryNav.displayName = "CategoryNav";
+const CategoryNavList = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("ul", {
+	ref,
+	className: cn("flex min-w-0", "group-data-[orientation=vertical]/category-nav:flex-col", "group-data-[orientation=horizontal]/category-nav:flex-1 group-data-[orientation=horizontal]/category-nav:flex-row group-data-[orientation=horizontal]/category-nav:items-baseline group-data-[orientation=horizontal]/category-nav:overflow-x-auto group-data-[orientation=horizontal]/category-nav:[-ms-overflow-style:none] group-data-[orientation=horizontal]/category-nav:[scrollbar-width:none] group-data-[orientation=horizontal]/category-nav:[&::-webkit-scrollbar]:hidden", className),
+	...props
+});
+CategoryNavList.displayName = "CategoryNavList";
+const CategoryNavItem = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("li", {
+	ref,
+	className: cn("list-none group-data-[orientation=horizontal]/category-nav:flex group-data-[orientation=horizontal]/category-nav:shrink-0 group-data-[orientation=horizontal]/category-nav:items-baseline", className),
+	...props
+});
+CategoryNavItem.displayName = "CategoryNavItem";
+const CategoryNavLink = ({ ref, className, active = false, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	"data-active": active ? "true" : "false",
+	"aria-current": active ? "true" : void 0,
+	className: cn("text-muted-foreground hover:text-foreground flex w-full gap-2 px-3 py-2 text-left text-sm transition-colors", "group-data-[orientation=vertical]/category-nav:items-center", "group-data-[orientation=horizontal]/category-nav:items-baseline", "group-data-[orientation=vertical]/category-nav:border-l-2 group-data-[orientation=vertical]/category-nav:border-transparent group-data-[orientation=vertical]/category-nav:data-[active=true]:border-foreground group-data-[orientation=vertical]/category-nav:data-[active=true]:bg-muted group-data-[orientation=vertical]/category-nav:data-[active=true]:font-medium group-data-[orientation=vertical]/category-nav:data-[active=true]:text-foreground", "group-data-[orientation=horizontal]/category-nav:-mb-px group-data-[orientation=horizontal]/category-nav:border-b-2 group-data-[orientation=horizontal]/category-nav:border-transparent group-data-[orientation=horizontal]/category-nav:whitespace-nowrap group-data-[orientation=horizontal]/category-nav:data-[active=true]:border-foreground group-data-[orientation=horizontal]/category-nav:data-[active=true]:font-medium group-data-[orientation=horizontal]/category-nav:data-[active=true]:text-foreground", className),
+	...props
+});
+CategoryNavLink.displayName = "CategoryNavLink";
+const CategoryNavExtra = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex shrink-0 items-center", className),
+	...props
+});
+CategoryNavExtra.displayName = "CategoryNavExtra";
+//#endregion
+export { CategoryNav, CategoryNavExtra, CategoryNavItem, CategoryNavLink, CategoryNavList };