@zorgo/next 1.0.0

package/dist/components.d.ts

@@ -0,0 +1,337 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MenuItem, Category, OrderItem, Location } from '@zorgo/universal/interfaces';
+
+declare function CookieConsent(): react_jsx_runtime.JSX.Element | null;
+
+interface BreadcrumbItem {
+    label: string;
+    /** Omit (or leave undefined) to render the crumb as plain, non-clickable text. */
+    href?: string;
+}
+/** Per-slot Tailwind classes for the breadcrumb trail. */
+type BreadcrumbsItemClasses = Partial<{
+    baseContainer: string;
+    crumbLink: string;
+    crumbText: string;
+    separator: string;
+}>;
+/**
+ * Structural / theme defaults. Merged with `itemClasses` via
+ * {@link mergeBreadcrumbsItemClasses}.
+ */
+declare const BREADCRUMBS_DEFAULT_ITEM_CLASSES: Required<BreadcrumbsItemClasses>;
+declare function mergeBreadcrumbsItemClasses(overrides?: BreadcrumbsItemClasses): {
+    baseContainer: string;
+    crumbLink: string;
+    crumbText: string;
+    separator: string;
+};
+/** Minimal, presentational breadcrumb trail (e.g. Menu -> Category -> Item). */
+declare function Breadcrumbs({ items, itemClasses, }: {
+    items: BreadcrumbItem[];
+    itemClasses?: BreadcrumbsItemClasses;
+}): react_jsx_runtime.JSX.Element;
+
+/** Per-slot Tailwind classes for the grid menu layout. */
+type GridMenuItemClasses = Partial<{
+    baseContainer: string;
+    categoryContainer: string;
+    categoryTitle: string;
+    itemCardContainer: string;
+    itemCard: string;
+    itemCardImage: string;
+    itemCardTextContainer: string;
+    itemCardName: string;
+    itemCardPrice: string;
+    itemCardOldPrice: string;
+}>;
+/**
+ * Structural / theme defaults. Merged with `itemClasses` via
+ * {@link mergeGridMenuItemClasses}.
+ */
+declare const GRID_MENU_DEFAULT_ITEM_CLASSES: Required<GridMenuItemClasses>;
+declare function mergeGridMenuItemClasses(overrides?: GridMenuItemClasses): {
+    baseContainer: string;
+    categoryContainer: string;
+    categoryTitle: string;
+    itemCardContainer: string;
+    itemCard: string;
+    itemCardImage: string;
+    itemCardTextContainer: string;
+    itemCardName: string;
+    itemCardPrice: string;
+    itemCardOldPrice: string;
+};
+declare function GridMenu({ items, categories, itemClasses, }: {
+    items: MenuItem[];
+    categories: Category[];
+    itemClasses?: GridMenuItemClasses;
+}): react_jsx_runtime.JSX.Element;
+
+/** Per-slot Tailwind classes for the accordion menu layout. */
+type AccordionMenuItemClasses = Partial<{
+    baseContainer: string;
+    categoryContainer: string;
+    categoryTrigger: string;
+    categoryTitle: string;
+    categoryIndicator: string;
+    itemsContainer: string;
+    itemCard: string;
+    itemCardTextContainer: string;
+    itemCardName: string;
+    itemCardDescription: string;
+    itemCardPriceContainer: string;
+    itemCardPrice: string;
+    itemCardOldPrice: string;
+}>;
+/**
+ * Structural / theme defaults. Merged with `itemClasses` via
+ * {@link mergeAccordionMenuItemClasses}.
+ */
+declare const ACCORDION_MENU_DEFAULT_ITEM_CLASSES: Required<AccordionMenuItemClasses>;
+declare function mergeAccordionMenuItemClasses(overrides?: AccordionMenuItemClasses): {
+    baseContainer: string;
+    categoryContainer: string;
+    categoryTrigger: string;
+    categoryTitle: string;
+    categoryIndicator: string;
+    itemsContainer: string;
+    itemCard: string;
+    itemCardTextContainer: string;
+    itemCardName: string;
+    itemCardDescription: string;
+    itemCardPriceContainer: string;
+    itemCardPrice: string;
+    itemCardOldPrice: string;
+};
+declare function AccordionMenu({ items, categories, itemClasses, }: {
+    items: MenuItem[];
+    categories: Category[];
+    itemClasses?: AccordionMenuItemClasses;
+}): react_jsx_runtime.JSX.Element;
+
+/** Per-slot Tailwind classes for the item customization form. */
+type ItemCustomizationFormItemClasses = Partial<{
+    baseContainer: string;
+    title: string;
+    description: string;
+    section: string;
+    sectionTitle: string;
+    optionsRow: string;
+    optionButton: string;
+    optionButtonSelected: string;
+    optionButtonUnselected: string;
+    optionButtonLabel: string;
+    optionButtonUpcharge: string;
+    servingsRow: string;
+    servingsLabel: string;
+    servingsControls: string;
+    incrementButton: string;
+    servingsValue: string;
+    ruleError: string;
+    commentsTextarea: string;
+    quantityRow: string;
+    submitButton: string;
+    notFound: string;
+}>;
+/**
+ * Structural / theme defaults. Merged with `itemClasses` via
+ * {@link mergeItemCustomizationFormItemClasses}.
+ */
+declare const ITEM_CUSTOMIZATION_FORM_DEFAULT_ITEM_CLASSES: Required<ItemCustomizationFormItemClasses>;
+declare function mergeItemCustomizationFormItemClasses(overrides?: ItemCustomizationFormItemClasses): {
+    baseContainer: string;
+    title: string;
+    description: string;
+    section: string;
+    sectionTitle: string;
+    optionsRow: string;
+    optionButton: string;
+    optionButtonSelected: string;
+    optionButtonUnselected: string;
+    optionButtonLabel: string;
+    optionButtonUpcharge: string;
+    servingsRow: string;
+    servingsLabel: string;
+    servingsControls: string;
+    incrementButton: string;
+    servingsValue: string;
+    ruleError: string;
+    commentsTextarea: string;
+    quantityRow: string;
+    submitButton: string;
+    notFound: string;
+};
+declare function ItemCustomizationForm({ baseItemId, seed, editIndex, itemClasses, onSubmitSuccess, }: {
+    baseItemId: number;
+    seed?: OrderItem;
+    editIndex?: number;
+    itemClasses?: ItemCustomizationFormItemClasses;
+    onSubmitSuccess?: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+/** Per-slot Tailwind classes for the find-location layout. */
+type FindLocationItemClasses = Partial<{
+    baseContainer: string;
+    searchContainer: string;
+    searchIcon: string;
+    searchInput: string;
+    noMatchesMessage: string;
+    emptyMessage: string;
+    list: string;
+    locationRow: string;
+    locationRowSelected: string;
+    locationRowUnselected: string;
+    locationButton: string;
+    locationName: string;
+    locationAddress: string;
+    selectButton: string;
+}>;
+/**
+ * Structural / theme defaults. Merged with `itemClasses` via
+ * {@link mergeFindLocationItemClasses}.
+ */
+declare const FIND_LOCATION_DEFAULT_ITEM_CLASSES: Required<FindLocationItemClasses>;
+declare function mergeFindLocationItemClasses(overrides?: FindLocationItemClasses): {
+    baseContainer: string;
+    searchContainer: string;
+    searchIcon: string;
+    searchInput: string;
+    noMatchesMessage: string;
+    emptyMessage: string;
+    list: string;
+    locationRow: string;
+    locationRowSelected: string;
+    locationRowUnselected: string;
+    locationButton: string;
+    locationName: string;
+    locationAddress: string;
+    selectButton: string;
+};
+declare function FindLocation({ locations, initialSelected, onSelect, itemClasses, }: {
+    locations: Location[];
+    /** Seeds the internal highlight and stays pinned at the top of the list. */
+    initialSelected?: Location | null;
+    onSelect: (location: Location) => void;
+    itemClasses?: FindLocationItemClasses;
+}): react_jsx_runtime.JSX.Element;
+
+/** Per-slot Tailwind classes for the checkout form. */
+type CheckoutFormItemClasses = Partial<{
+    shell: string;
+    shellInner: string;
+    pageTitle: string;
+    primaryButton: string;
+    secondaryButton: string;
+    incrementButton: string;
+    surface: string;
+    fieldInput: string;
+    fieldContainer: string;
+    fieldLabel: string;
+    fieldError: string;
+    statusPanel: string;
+    statusTitle: string;
+    statusMessage: string;
+    statusMessageError: string;
+    statusActions: string;
+    stepSection: string;
+    sectionTitle: string;
+    cartList: string;
+    totals: string;
+    totalsRow: string;
+    totalsDivider: string;
+    totalsTotalRow: string;
+    form: string;
+    formActions: string;
+    submitError: string;
+    paymentSurface: string;
+    steps: string;
+    stepBadge: string;
+    stepBadgeActive: string;
+    stepBadgeInactive: string;
+    stepLabel: string;
+    stepLabelActive: string;
+    stepLabelInactive: string;
+    stepDivider: string;
+    stepDividerActive: string;
+    stepDividerInactive: string;
+    cartLine: string;
+    cartLineName: string;
+    cartLineSelection: string;
+    cartLinePrice: string;
+    cartLineControls: string;
+    cartLineQuantity: string;
+    promoApplied: string;
+    promoAppliedLabel: string;
+    promoRow: string;
+    promoInput: string;
+    promoError: string;
+}>;
+/**
+ * Structural / theme defaults. Merged with `itemClasses` via
+ * {@link mergeCheckoutFormItemClasses}.
+ */
+declare const CHECKOUT_FORM_DEFAULT_ITEM_CLASSES: Required<CheckoutFormItemClasses>;
+declare function mergeCheckoutFormItemClasses(overrides?: CheckoutFormItemClasses): {
+    shell: string;
+    shellInner: string;
+    pageTitle: string;
+    primaryButton: string;
+    secondaryButton: string;
+    incrementButton: string;
+    surface: string;
+    fieldInput: string;
+    fieldContainer: string;
+    fieldLabel: string;
+    fieldError: string;
+    statusPanel: string;
+    statusTitle: string;
+    statusMessage: string;
+    statusMessageError: string;
+    statusActions: string;
+    stepSection: string;
+    sectionTitle: string;
+    cartList: string;
+    totals: string;
+    totalsRow: string;
+    totalsDivider: string;
+    totalsTotalRow: string;
+    form: string;
+    formActions: string;
+    submitError: string;
+    paymentSurface: string;
+    steps: string;
+    stepBadge: string;
+    stepBadgeActive: string;
+    stepBadgeInactive: string;
+    stepLabel: string;
+    stepLabelActive: string;
+    stepLabelInactive: string;
+    stepDivider: string;
+    stepDividerActive: string;
+    stepDividerInactive: string;
+    cartLine: string;
+    cartLineName: string;
+    cartLineSelection: string;
+    cartLinePrice: string;
+    cartLineControls: string;
+    cartLineQuantity: string;
+    promoApplied: string;
+    promoAppliedLabel: string;
+    promoRow: string;
+    promoInput: string;
+    promoError: string;
+};
+/**
+ * Full checkout flow: cart + customer details, then Stripe payment.
+ * The order + payment intent are created on details submit (not on mount),
+ * so the collected customer and any applied promo are baked into the charge.
+ */
+declare function CheckoutForm({ itemClasses, homeHref, menuHref, checkoutHref, }: {
+    itemClasses?: CheckoutFormItemClasses;
+    homeHref?: string;
+    menuHref?: string;
+    checkoutHref?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { ACCORDION_MENU_DEFAULT_ITEM_CLASSES, AccordionMenu, type AccordionMenuItemClasses, BREADCRUMBS_DEFAULT_ITEM_CLASSES, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsItemClasses, CHECKOUT_FORM_DEFAULT_ITEM_CLASSES, CheckoutForm, type CheckoutFormItemClasses, CookieConsent, FIND_LOCATION_DEFAULT_ITEM_CLASSES, FindLocation, type FindLocationItemClasses, GRID_MENU_DEFAULT_ITEM_CLASSES, GridMenu, type GridMenuItemClasses, ITEM_CUSTOMIZATION_FORM_DEFAULT_ITEM_CLASSES, ItemCustomizationForm, type ItemCustomizationFormItemClasses, mergeAccordionMenuItemClasses, mergeBreadcrumbsItemClasses, mergeCheckoutFormItemClasses, mergeFindLocationItemClasses, mergeGridMenuItemClasses, mergeItemCustomizationFormItemClasses };