@fire-spark/react-ui 0.0.1

package/dist/category.d.ts

@@ -0,0 +1,95 @@
+import { HTMLAttributes } from "react";
+//#region src/category.d.ts
+declare function Category({ ref, className, ...props }: HTMLAttributes<HTMLElement> & {
+  ref?: React.RefObject<HTMLElement | null>;
+}): import("react").JSX.Element;
+declare namespace Category {
+  var displayName: string;
+}
+declare function CategoryHeader({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryHeader {
+  var displayName: string;
+}
+declare function CategoryTitle({ ref, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+  ref?: React.RefObject<HTMLHeadingElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryTitle {
+  var displayName: string;
+}
+declare function CategoryDescription({ ref, className, ...props }: HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.RefObject<HTMLParagraphElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryDescription {
+  var displayName: string;
+}
+declare function CategoryContent({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryContent {
+  var displayName: string;
+}
+declare function CategoryGrid({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryGrid {
+  var displayName: string;
+}
+declare function CategoryGridItem({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryGridItem {
+  var displayName: string;
+}
+declare function CategoryList({ ref, className, ...props }: HTMLAttributes<HTMLUListElement> & {
+  ref?: React.RefObject<HTMLUListElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryList {
+  var displayName: string;
+}
+declare function CategoryListItem({ ref, className, ...props }: HTMLAttributes<HTMLLIElement> & {
+  ref?: React.RefObject<HTMLLIElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryListItem {
+  var displayName: string;
+}
+declare function CategoryEmpty({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryEmpty {
+  var displayName: string;
+}
+declare function CategoryEmptyHeader({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryEmptyHeader {
+  var displayName: string;
+}
+declare function CategoryEmptyMedia({ ref, className, variant, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+  variant?: "icon" | "default";
+}): import("react").JSX.Element;
+declare namespace CategoryEmptyMedia {
+  var displayName: string;
+}
+declare function CategoryEmptyTitle({ ref, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+  ref?: React.RefObject<HTMLHeadingElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryEmptyTitle {
+  var displayName: string;
+}
+declare function CategoryEmptyDescription({ ref, className, ...props }: HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.RefObject<HTMLParagraphElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryEmptyDescription {
+  var displayName: string;
+}
+declare function CategoryEmptyContent({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CategoryEmptyContent {
+  var displayName: string;
+}
+//#endregion
+export { Category, CategoryContent, CategoryDescription, CategoryEmpty, CategoryEmptyContent, CategoryEmptyDescription, CategoryEmptyHeader, CategoryEmptyMedia, CategoryEmptyTitle, CategoryGrid, CategoryGridItem, CategoryHeader, CategoryList, CategoryListItem, CategoryTitle };

package/dist/category.js

@@ -0,0 +1,97 @@
+import { t as cn } from "./cn-Ccejyh36.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/category.tsx
+const Category = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("section", {
+	ref,
+	className: cn("Category flex flex-col gap-4", className),
+	...props
+});
+Category.displayName = "Category";
+const CategoryHeader = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-col gap-1", className),
+	...props
+});
+CategoryHeader.displayName = "CategoryHeader";
+const CategoryTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("h2", {
+	ref,
+	className: cn("text-xl font-semibold tracking-tight", className),
+	...props
+});
+CategoryTitle.displayName = "CategoryTitle";
+const CategoryDescription = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("text-muted-foreground text-sm", className),
+	...props
+});
+CategoryDescription.displayName = "CategoryDescription";
+const CategoryContent = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-col gap-4", className),
+	...props
+});
+CategoryContent.displayName = "CategoryContent";
+const CategoryGrid = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("@container/category-grid grid grid-cols-[repeat(auto-fill,minmax(min(100%,25rem),1fr))] gap-3", className),
+	...props
+});
+CategoryGrid.displayName = "CategoryGrid";
+const CategoryGridItem = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex min-w-0", className),
+	...props
+});
+CategoryGridItem.displayName = "CategoryGridItem";
+const CategoryList = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("ul", {
+	ref,
+	className: cn("flex flex-col gap-3", className),
+	...props
+});
+CategoryList.displayName = "CategoryList";
+const CategoryListItem = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("li", {
+	ref,
+	className: cn("list-none", className),
+	...props
+});
+CategoryListItem.displayName = "CategoryListItem";
+const CategoryEmpty = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	role: "status",
+	className: cn("border-border bg-muted/30 flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed px-6 py-10 text-center", className),
+	...props
+});
+CategoryEmpty.displayName = "CategoryEmpty";
+const CategoryEmptyHeader = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex max-w-sm flex-col items-center gap-2", className),
+	...props
+});
+CategoryEmptyHeader.displayName = "CategoryEmptyHeader";
+const CategoryEmptyMedia = ({ 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-10 rounded-full [&_svg]:size-4" : "text-muted-foreground", className),
+	...props
+});
+CategoryEmptyMedia.displayName = "CategoryEmptyMedia";
+const CategoryEmptyTitle = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("h3", {
+	ref,
+	className: cn("text-foreground text-sm font-semibold tracking-tight", className),
+	...props
+});
+CategoryEmptyTitle.displayName = "CategoryEmptyTitle";
+const CategoryEmptyDescription = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("text-muted-foreground text-sm leading-relaxed", className),
+	...props
+});
+CategoryEmptyDescription.displayName = "CategoryEmptyDescription";
+const CategoryEmptyContent = ({ ref, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-wrap items-center justify-center gap-2", className),
+	...props
+});
+CategoryEmptyContent.displayName = "CategoryEmptyContent";
+//#endregion
+export { Category, CategoryContent, CategoryDescription, CategoryEmpty, CategoryEmptyContent, CategoryEmptyDescription, CategoryEmptyHeader, CategoryEmptyMedia, CategoryEmptyTitle, CategoryGrid, CategoryGridItem, CategoryHeader, CategoryList, CategoryListItem, CategoryTitle };

package/dist/checkout.d.ts

@@ -0,0 +1,316 @@
+import { ButtonHTMLAttributes, HTMLAttributes, ImgHTMLAttributes } from "react";
+//#region src/checkout.d.ts
+declare function Checkout({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace Checkout {
+  var displayName: string;
+}
+declare function CheckoutMain({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutMain {
+  var displayName: string;
+}
+declare function CheckoutAside({ ref, className, ...props }: HTMLAttributes<HTMLElement> & {
+  ref?: React.RefObject<HTMLElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutAside {
+  var displayName: string;
+}
+declare function CheckoutNav({ ref, className, ...props }: HTMLAttributes<HTMLElement> & {
+  ref?: React.RefObject<HTMLElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutNav {
+  var displayName: string;
+}
+declare function CheckoutNavBrand({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutNavBrand {
+  var displayName: string;
+}
+declare function CheckoutHeader({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutHeader {
+  var displayName: string;
+}
+declare function CheckoutBack({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutBack {
+  var displayName: string;
+}
+declare function CheckoutTitle({ ref, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+  ref?: React.RefObject<HTMLHeadingElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutTitle {
+  var displayName: string;
+}
+declare function CheckoutDescription({ ref, className, ...props }: HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.RefObject<HTMLParagraphElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutDescription {
+  var displayName: string;
+}
+declare function CheckoutSection({ ref, className, ...props }: HTMLAttributes<HTMLElement> & {
+  ref?: React.RefObject<HTMLElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutSection {
+  var displayName: string;
+}
+declare function CheckoutSectionHeader({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutSectionHeader {
+  var displayName: string;
+}
+declare function CheckoutSectionTitle({ ref, className, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+  ref?: React.RefObject<HTMLHeadingElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutSectionTitle {
+  var displayName: string;
+}
+declare function CheckoutSectionAction({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutSectionAction {
+  var displayName: string;
+}
+declare function CheckoutRow({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutRow {
+  var displayName: string;
+}
+declare function CheckoutRowMedia({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutRowMedia {
+  var displayName: string;
+}
+declare function CheckoutRowContent({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutRowContent {
+  var displayName: string;
+}
+declare function CheckoutRowTitle({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutRowTitle {
+  var displayName: string;
+}
+declare function CheckoutRowDescription({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutRowDescription {
+  var displayName: string;
+}
+declare function CheckoutRowAside({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutRowAside {
+  var displayName: string;
+}
+declare function CheckoutRowChevron({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutRowChevron {
+  var displayName: string;
+}
+declare function CheckoutFulfillment({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutFulfillment {
+  var displayName: string;
+}
+declare function CheckoutFulfillmentOption({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutFulfillmentOption {
+  var displayName: string;
+}
+declare function CheckoutPayment({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutPayment {
+  var displayName: string;
+}
+declare function CheckoutPaymentOption({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutPaymentOption {
+  var displayName: string;
+}
+declare function CheckoutPaymentPanel({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutPaymentPanel {
+  var displayName: string;
+}
+declare function CheckoutPaymentPanelHeader({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutPaymentPanelHeader {
+  var displayName: string;
+}
+declare function CheckoutOption({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutOption {
+  var displayName: string;
+}
+declare function CheckoutOptionLabel({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutOptionLabel {
+  var displayName: string;
+}
+declare function CheckoutOptionControl({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutOptionControl {
+  var displayName: string;
+}
+declare function CheckoutPromo({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutPromo {
+  var displayName: string;
+}
+declare function CheckoutPromoIcon({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutPromoIcon {
+  var displayName: string;
+}
+declare function CheckoutPromoLabel({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutPromoLabel {
+  var displayName: string;
+}
+declare function CheckoutPromoChevron({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutPromoChevron {
+  var displayName: string;
+}
+declare function CheckoutTip({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutTip {
+  var displayName: string;
+}
+declare function CheckoutTipList({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutTipList {
+  var displayName: string;
+}
+declare function CheckoutTipOption({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutTipOption {
+  var displayName: string;
+}
+declare function CheckoutTipCustom({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutTipCustom {
+  var displayName: string;
+}
+declare function CheckoutFeeList({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutFeeList {
+  var displayName: string;
+}
+declare function CheckoutFeeRow({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutFeeRow {
+  var displayName: string;
+}
+declare function CheckoutFeeLabel({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutFeeLabel {
+  var displayName: string;
+}
+declare function CheckoutFeeValue({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutFeeValue {
+  var displayName: string;
+}
+declare function CheckoutFeeInfo({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutFeeInfo {
+  var displayName: string;
+}
+declare function CheckoutBanner({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutBanner {
+  var displayName: string;
+}
+declare function CheckoutFooter({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutFooter {
+  var displayName: string;
+}
+declare function CheckoutSubmit({ ref, className, type, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+  ref?: React.RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutSubmit {
+  var displayName: string;
+}
+declare function CheckoutStore({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutStore {
+  var displayName: string;
+}
+declare function CheckoutStoreMedia({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutStoreMedia {
+  var displayName: string;
+}
+declare function CheckoutStoreImage({ ref, className, alt, ...props }: ImgHTMLAttributes<HTMLImageElement> & {
+  ref?: React.RefObject<HTMLImageElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutStoreImage {
+  var displayName: string;
+}
+declare function CheckoutStoreContent({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutStoreContent {
+  var displayName: string;
+}
+declare function CheckoutStoreTitle({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutStoreTitle {
+  var displayName: string;
+}
+declare function CheckoutStoreDescription({ ref, className, ...props }: HTMLAttributes<HTMLSpanElement> & {
+  ref?: React.RefObject<HTMLSpanElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutStoreDescription {
+  var displayName: string;
+}
+declare function CheckoutColumn({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+  ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;
+declare namespace CheckoutColumn {
+  var displayName: string;
+}
+//#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 };