@mohasinac/appkit 3.8.2 → 3.9.0

package/dist/seed/tester-checklist-seed-data.js

@@ -1,248 +0,0 @@
-/*
- * WHY: Seeds the initial tester QA checklist catalog — DB-backed, admin-manageable (mirrors faq-seed-data.ts).
- * WHAT: ~55 default test cases across 6 groups (Account & Auth, Buying, Selling, Content & Discovery,
- *       Community & Support, Design & UX). Admins add/edit further cases via /admin/tester-checklist —
- *       this array is a starting point, not the source of truth.
- *
- * EXPORTS:
- *   testerChecklistSeedData — Array of Partial<TesterChecklistItemDocument> for seed runner
- *
- * @tag domain:tester
- * @tag layer:seed
- * @tag pattern:none
- * @tag access:server-only
- * @tag consumers:seed/index.ts,seed/runner.ts,SeedPanel
- * @tag sideEffects:none
- */
-function group(groupKey, groupLabel, pages) {
-    const items = [];
-    pages.forEach((page, pageIdx) => {
-        page.cases.forEach((c, caseIdx) => {
-            items.push({
-                id: `checklist-${groupKey}-${page.pageKey}-${c.key}`,
-                groupKey,
-                groupLabel,
-                pageKey: page.pageKey,
-                pageLabel: page.pageLabel,
-                label: c.label,
-                description: c.description,
-                href: c.href,
-                order: pageIdx * 10 + caseIdx,
-                isActive: true,
-            });
-        });
-    });
-    return items;
-}
-export const testerChecklistSeedData = [
-    ...group("account-auth", "Account & Auth", [
-        {
-            pageKey: "signup-login",
-            pageLabel: "Signup & Login",
-            cases: [
-                { key: "email-signup", label: "Sign up with email works", href: "/register" },
-                { key: "google-oauth", label: "Sign up / log in with Google works", href: "/login" },
-                { key: "login", label: "Log in with email + password works", href: "/login" },
-                { key: "logout", label: "Log out works and clears the session" },
-                { key: "email-verify", label: "Email verification link works" },
-                { key: "password-reset", label: "Forgot-password / reset-password flow works" },
-            ],
-        },
-        {
-            pageKey: "profile-settings",
-            pageLabel: "Profile & Settings",
-            cases: [
-                { key: "edit-profile", label: "Editing display name / bio saves correctly", href: "/user/profile" },
-                { key: "avatar-upload", label: "Uploading a profile avatar works" },
-                { key: "notification-prefs", label: "Notification preferences save correctly" },
-                { key: "public-profile-toggle", label: "Public profile visibility toggle works" },
-            ],
-        },
-    ]),
-    ...group("buying", "Buying", [
-        {
-            pageKey: "browsing-search",
-            pageLabel: "Browsing & Search",
-            cases: [
-                { key: "browse-categories", label: "Browsing categories shows relevant products", href: "/categories" },
-                { key: "search", label: "Search returns relevant results", href: "/search" },
-                { key: "filters", label: "Search/listing filters (price, brand, condition) work correctly" },
-                { key: "pagination", label: "Pagination / infinite scroll works on listing pages" },
-            ],
-        },
-        {
-            pageKey: "product-detail",
-            pageLabel: "Product / Auction / Pre-order Detail",
-            cases: [
-                { key: "standard-detail", label: "Standard product detail page loads correctly" },
-                { key: "auction-detail", label: "Auction detail page shows current bid + countdown correctly" },
-                { key: "preorder-detail", label: "Pre-order detail page shows expected ship date correctly" },
-                { key: "image-gallery", label: "Product image gallery / zoom works" },
-                { key: "video-playback", label: "Product video (YouTube embed) plays correctly" },
-            ],
-        },
-        {
-            pageKey: "buying-checkout",
-            pageLabel: "Buying & Checkout",
-            cases: [
-                { key: "add-to-cart", label: "Add to cart works from the product page" },
-                { key: "checkout-flow", label: "Checkout flow completes without errors", href: "/cart" },
-                { key: "shipping-address", label: "Selecting/adding a shipping address works" },
-                { key: "payment-proof-upload", label: "Uploading manual payment proof (UTR + screenshot) works" },
-                { key: "order-confirmation", label: "Order confirmation page/email shows correct order details" },
-            ],
-        },
-        {
-            pageKey: "bidding",
-            pageLabel: "Bidding",
-            cases: [
-                { key: "place-bid", label: "Placing a bid on an auction works", href: "/user/bids" },
-                { key: "outbid-notification", label: "Getting outbid triggers a notification" },
-                { key: "win-auction", label: "Winning an auction creates a payable order correctly" },
-                { key: "bid-history", label: "My Bids page shows accurate bid history" },
-            ],
-        },
-        {
-            pageKey: "wishlist-history",
-            pageLabel: "Wishlist & History",
-            cases: [
-                { key: "add-wishlist", label: "Adding a product to the wishlist works", href: "/user/wishlist" },
-                { key: "remove-wishlist", label: "Removing a product from the wishlist works" },
-                { key: "view-history", label: "Recently viewed history shows accurate items", href: "/user/history" },
-            ],
-        },
-        {
-            pageKey: "cart",
-            pageLabel: "Cart",
-            cases: [
-                { key: "update-qty", label: "Updating item quantity in cart recalculates the total" },
-                { key: "apply-coupon", label: "Applying a coupon code at checkout works" },
-                { key: "remove-item", label: "Removing an item from the cart works" },
-            ],
-        },
-        {
-            pageKey: "reviews",
-            pageLabel: "Reviews",
-            cases: [
-                { key: "leave-review", label: "Leaving a review with rating + photo works" },
-                { key: "view-seller-reviews", label: "Viewing a seller's reviews on their store page works" },
-                { key: "seller-response", label: "Seller responding to a review works" },
-            ],
-        },
-        {
-            pageKey: "messaging",
-            pageLabel: "Messaging a Seller",
-            cases: [
-                { key: "start-conversation", label: "Starting a conversation with a seller works" },
-                { key: "receive-reply", label: "Receiving and reading a seller's reply works" },
-            ],
-        },
-    ]),
-    ...group("selling", "Selling", [
-        {
-            pageKey: "become-seller",
-            pageLabel: "Become a Seller & Store Setup",
-            cases: [
-                { key: "apply-seller", label: "Applying to become a seller works", href: "/user/become-seller" },
-                { key: "store-setup", label: "Setting up store name/description/logo works" },
-                { key: "store-address", label: "Adding a pickup address for the store works" },
-            ],
-        },
-        {
-            pageKey: "listing-a-product",
-            pageLabel: "Listing a Product",
-            cases: [
-                { key: "list-standard", label: "Listing a standard product works" },
-                { key: "list-auction", label: "Listing an auction works" },
-                { key: "list-preorder", label: "Listing a pre-order works" },
-                { key: "edit-listing", label: "Editing an existing listing works" },
-                { key: "media-upload", label: "Uploading product images/video during listing works" },
-            ],
-        },
-        {
-            pageKey: "seller-orders",
-            pageLabel: "Seller Order Management & Shipping/Tracking",
-            cases: [
-                { key: "view-orders", label: "Seller order list shows accurate incoming orders", href: "/store/orders" },
-                { key: "confirm-payment", label: "Confirming a buyer's manual payment proof works" },
-                { key: "mark-shipped", label: "Marking an order shipped with tracking info works" },
-                { key: "tracking-visible", label: "Buyer sees updated tracking status after seller ships" },
-            ],
-        },
-        {
-            pageKey: "seller-analytics-payouts",
-            pageLabel: "Seller Analytics & Payouts",
-            cases: [
-                { key: "view-analytics", label: "Seller analytics dashboard shows accurate sales data", href: "/store/analytics" },
-                { key: "view-payouts", label: "Seller payouts list shows accurate payout history", href: "/store/payouts" },
-            ],
-        },
-    ]),
-    ...group("content-discovery", "Content & Discovery", [
-        {
-            pageKey: "blog",
-            pageLabel: "Blog",
-            cases: [
-                { key: "read-post", label: "Reading a blog post renders correctly (images, formatting)" },
-                { key: "blog-listing", label: "Blog listing page shows all published posts" },
-            ],
-        },
-        {
-            pageKey: "events",
-            pageLabel: "Events, Raffles & Spin Wheel",
-            cases: [
-                { key: "view-event", label: "Viewing an event detail page works", href: "/user/events" },
-                { key: "raffle-entry", label: "Entering a raffle event works" },
-                { key: "spin-wheel", label: "Spinning the spin-wheel event works and shows the prize" },
-            ],
-        },
-        {
-            pageKey: "coupons",
-            pageLabel: "Coupons",
-            cases: [
-                { key: "view-claimed-coupons", label: "Claimed coupons list shows accurate coupons", href: "/user/coupons" },
-                { key: "coupon-discount-applied", label: "Coupon discount is correctly reflected in the order total" },
-            ],
-        },
-        {
-            pageKey: "notifications",
-            pageLabel: "Notifications",
-            cases: [
-                { key: "receive-notification", label: "In-app notifications appear for order/bid/message events", href: "/user/notifications" },
-                { key: "mark-read", label: "Marking a notification as read works" },
-            ],
-        },
-    ]),
-    ...group("community-support", "Community & Support", [
-        {
-            pageKey: "support-tickets",
-            pageLabel: "Support Tickets",
-            cases: [
-                { key: "create-ticket", label: "Creating a support ticket works", href: "/user/support" },
-                { key: "reply-ticket", label: "Replying to an open support ticket works" },
-            ],
-        },
-        {
-            pageKey: "public-profile",
-            pageLabel: "Public Profiles & Stores",
-            cases: [
-                { key: "view-seller-store", label: "Viewing a seller's public store page works" },
-                { key: "view-public-profile", label: "Viewing another user's public profile works" },
-            ],
-        },
-    ]),
-    ...group("design-ux", "Design & UX", [
-        {
-            pageKey: "general-design",
-            pageLabel: "Colors, Styles, Readability, Mobile",
-            cases: [
-                { key: "contrast-readability", label: "Text contrast/readability is good on product cards" },
-                { key: "mobile-nav", label: "Mobile navigation (bottom bar, menu) works and looks correct" },
-                { key: "dark-mode", label: "Dark mode renders correctly across pages" },
-                { key: "loading-states", label: "Loading/skeleton states look correct while data fetches" },
-                { key: "empty-states", label: "Empty states (no results, empty cart) look correct" },
-                { key: "error-states", label: "Error states (404, form validation) look correct" },
-            ],
-        },
-    ]),
-];

package/dist/ui/components/DashboardStatsCard.d.ts

@@ -1,15 +0,0 @@
-import type { ElementType } from "react";
-export interface DashboardStatsCardProps {
-    label: string;
-    value: number | string;
-    icon?: ElementType;
-    iconBg?: string;
-    iconColor?: string;
-    trend?: {
-        value: number;
-    };
-    variant?: "dark";
-    href?: string;
-    className?: string;
-}
-export declare function DashboardStatsCard({ label, value, icon: Icon, iconBg, iconColor, trend, variant, href, className, }: DashboardStatsCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/DashboardStatsCard.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from "./Typography";
-const UI_STATS_CARD = {
-    base: "appkit-stats-card",
-    dark: "appkit-stats-card--dark",
-    iconWrap: "appkit-stats-card__icon-wrap",
-    body: "appkit-stats-card__body",
-    label: "appkit-stats-card__label",
-    value: "appkit-stats-card__value",
-    trend: "appkit-stats-card__trend",
-    trendUp: "appkit-stats-card__trend--up",
-    trendDown: "appkit-stats-card__trend--down",
-};
-export function DashboardStatsCard({ label, value, icon: Icon, iconBg = "bg-zinc-100 dark:bg-slate-800", iconColor = "text-zinc-600 dark:text-zinc-400", trend, variant, href, className = "", }) {
-    const isDark = variant === "dark";
-    const card = (_jsxs("div", { className: [
-            UI_STATS_CARD.base,
-            isDark ? UI_STATS_CARD.dark : "",
-            className,
-        ].join(" "), "data-section": "dashboardstatscard-div-473", children: [Icon ? (_jsx("div", { className: [UI_STATS_CARD.iconWrap, iconBg].join(" "), "data-section": "dashboardstatscard-div-474", children: _jsx(Icon, { className: `h-5 w-5 ${iconColor}` }) })) : null, _jsxs("div", { className: UI_STATS_CARD.body, "data-section": "dashboardstatscard-div-475", children: [_jsx(Text, { className: UI_STATS_CARD.label, children: label }), _jsx(Text, { className: UI_STATS_CARD.value, children: value }), trend ? (_jsxs(Text, { className: [
-                            UI_STATS_CARD.trend,
-                            trend.value >= 0
-                                ? UI_STATS_CARD.trendUp
-                                : UI_STATS_CARD.trendDown,
-                        ].join(" "), children: [trend.value >= 0 ? "+" : "", trend.value, "%"] })) : null] })] }));
-    return href ? _jsx("a", { href: href, children: card }) : card;
-}

package/dist/ui/components/DashboardStatsCard.style.css

@@ -1,68 +0,0 @@
-/* DashboardStatsCard — stat tile with icon, value, and trend */
-
-.appkit-stats-card {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  border-radius: 0.75rem;
-  padding: 1rem;
-  border: 1px solid var(--appkit-color-border);
-  background: var(--appkit-color-surface);
-}
-.appkit-stats-card--dark {
-  border: none;
-  background: var(--appkit-color-zinc-900);
-  color: var(--appkit-color-text-on-primary);
-}
-
-.appkit-stats-card__icon-wrap {
-  border-radius: 0.5rem;
-  padding: 0.5rem;
-}
-
-.appkit-stats-card__body {
-  min-width: 0;
-  flex: 1;
-}
-
-.appkit-stats-card__label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 0.75rem;
-  color: var(--appkit-color-zinc-500);
-}
-
-.appkit-stats-card__value {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 1.25rem;
-  font-weight: 600;
-}
-
-.appkit-stats-card__trend {
-  font-size: 0.75rem;
-  font-weight: 500;
-}
-.appkit-stats-card__trend--up {
-  color: var(--appkit-color-success);
-}
-.appkit-stats-card__trend--down {
-  color: var(--appkit-color-error);
-}
-
-/* Dark mode */
-.dark .appkit-stats-card {
-  border-color: var(--appkit-color-border);
-  background: var(--appkit-color-surface);
-}
-.dark .appkit-stats-card__label {
-  color: var(--appkit-color-text-faint);
-}
-.dark .appkit-stats-card__trend--up {
-  color: var(--appkit-color-success);
-}
-.dark .appkit-stats-card__trend--down {
-  color: var(--appkit-color-rose-400);
-}

package/dist/ui/components/DynamicSelect.d.ts

@@ -1,23 +0,0 @@
-export interface DynamicSelectOption<V = string> {
-    value: V;
-    label: string;
-    meta?: Record<string, unknown>;
-}
-export interface AsyncPage<T> {
-    items: T[];
-    hasMore: boolean;
-    nextPage?: number;
-}
-export interface DynamicSelectProps<V = string> {
-    value?: V | null;
-    onChange?: (value: V | null, option: DynamicSelectOption<V> | null) => void;
-    options?: DynamicSelectOption<V>[];
-    loadOptions?: (query: string, page: number) => Promise<AsyncPage<DynamicSelectOption<V>>>;
-    placeholder?: string;
-    searchPlaceholder?: string;
-    noResultsText?: string;
-    disabled?: boolean;
-    className?: string;
-    ariaLabel?: string;
-}
-export declare function DynamicSelect<V = string>({ value, onChange, options, loadOptions, placeholder, searchPlaceholder, noResultsText, disabled, className, ariaLabel, }: DynamicSelectProps<V>): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/DynamicSelect.js

@@ -1,77 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { Input } from "./Input";
-const UI_DYNAMIC_SELECT = {
-    root: "appkit-dynamic-select",
-    trigger: "appkit-dynamic-select__trigger",
-    triggerDisabled: "appkit-dynamic-select__trigger--disabled",
-    placeholder: "appkit-dynamic-select__placeholder",
-    dropdown: "appkit-dynamic-select__dropdown",
-    search: "appkit-dynamic-select__search",
-    list: "appkit-dynamic-select__list",
-    option: "appkit-dynamic-select__option",
-    optionSelected: "appkit-dynamic-select__option--selected",
-    empty: "appkit-dynamic-select__empty",
-    loading: "appkit-dynamic-select__loading",
-    loadMore: "appkit-dynamic-select__load-more",
-};
-export function DynamicSelect({ value, onChange, options, loadOptions, placeholder = "Select...", searchPlaceholder = "Search...", noResultsText = "No results", disabled, className = "", ariaLabel, }) {
-    const [query, setQuery] = useState("");
-    const [open, setOpen] = useState(false);
-    const [asyncOptions, setAsyncOptions] = useState([]);
-    const [page, setPage] = useState(1);
-    const [hasMore, setHasMore] = useState(false);
-    const [loading, setLoading] = useState(false);
-    const containerRef = useRef(null);
-    const resolvedOptions = options ?? asyncOptions;
-    const load = useCallback(async (search, nextPage, reset = false) => {
-        if (!loadOptions)
-            return;
-        setLoading(true);
-        try {
-            const response = await loadOptions(search, nextPage);
-            setAsyncOptions((prev) => reset ? response.items : [...prev, ...response.items]);
-            setPage(nextPage);
-            setHasMore(response.hasMore);
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [loadOptions]);
-    useEffect(() => {
-        if (!open || !loadOptions)
-            return;
-        void load(query, 1, true);
-    }, [open, query, load, loadOptions]);
-    useEffect(() => {
-        const onClickOutside = (event) => {
-            if (!containerRef.current?.contains(event.target)) {
-                setOpen(false);
-            }
-        };
-        document.addEventListener("mousedown", onClickOutside);
-        return () => document.removeEventListener("mousedown", onClickOutside);
-    }, []);
-    const filtered = options
-        ? options.filter((option) => option.label.toLowerCase().includes(query.toLowerCase()))
-        : resolvedOptions;
-    const selectedLabel = resolvedOptions.find((option) => option.value === value)?.label ??
-        (value == null ? "" : String(value));
-    return (_jsxs("div", { ref: containerRef, className: [UI_DYNAMIC_SELECT.root, className].filter(Boolean).join(" "), "aria-label": ariaLabel, "data-section": "dynamicselect-div-490", children: [_jsxs("button", { type: "button", disabled: disabled, onClick: () => setOpen((prev) => !prev), className: [
-                    UI_DYNAMIC_SELECT.trigger,
-                    disabled ? UI_DYNAMIC_SELECT.triggerDisabled : "",
-                ]
-                    .filter(Boolean)
-                    .join(" "), children: [_jsx("span", { className: value == null ? UI_DYNAMIC_SELECT.placeholder : "", children: selectedLabel || placeholder }), _jsx("span", { "aria-hidden": "true", children: "\u25BE" })] }), open ? (_jsxs("div", { className: UI_DYNAMIC_SELECT.dropdown, "data-section": "dynamicselect-div-491", children: [_jsx(Input, { autoFocus: true, value: query, onChange: (event) => setQuery(event.target.value), placeholder: searchPlaceholder, className: UI_DYNAMIC_SELECT.search }), _jsxs("ul", { className: UI_DYNAMIC_SELECT.list, children: [filtered.map((option, index) => (_jsx("li", { children: _jsx("button", { type: "button", onClick: () => {
-                                        onChange?.(option.value, option);
-                                        setOpen(false);
-                                    }, className: [
-                                        UI_DYNAMIC_SELECT.option,
-                                        option.value === value
-                                            ? UI_DYNAMIC_SELECT.optionSelected
-                                            : "",
-                                    ]
-                                        .filter(Boolean)
-                                        .join(" "), children: option.label }) }, `${String(option.value)}-${index}`))), filtered.length === 0 && !loading ? (_jsx("li", { className: UI_DYNAMIC_SELECT.empty, children: noResultsText })) : null, loading ? (_jsx("li", { className: UI_DYNAMIC_SELECT.loading, children: "Loading..." })) : null, hasMore && !loading ? (_jsx("li", { children: _jsx("button", { type: "button", className: UI_DYNAMIC_SELECT.loadMore, onClick: () => void load(query, page + 1), children: "Load more" }) })) : null] })] })) : null] }));
-}

package/dist/ui/components/DynamicSelect.style.css

@@ -1,101 +0,0 @@
-/* DynamicSelect — searchable dropdown with async pagination */
-
-.appkit-dynamic-select {
-  position: relative;
-}
-
-.appkit-dynamic-select__trigger {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
-  border-radius: 0.5rem;
-  border: 1px solid var(--appkit-color-zinc-300);
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  background: var(--appkit-color-surface);
-  color: var(--appkit-color-zinc-800);
-}
-
-:is(.dark) .appkit-dynamic-select__trigger {
-  border-color: var(--appkit-color-border);
-  background: var(--appkit-color-surface);
-  color: var(--appkit-color-slate-200);
-}
-
-.appkit-dynamic-select__trigger--disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.appkit-dynamic-select__placeholder {
-  color: var(--appkit-color-text-faint);
-}
-
-.appkit-dynamic-select__dropdown {
-  position: absolute;
-  z-index: var(--appkit-z-sidebar);
-  margin-top: 0.25rem;
-  width: 100%;
-  overflow: hidden;
-  border-radius: 0.5rem;
-  border: 1px solid var(--appkit-color-border);
-  background: var(--appkit-color-surface);
-  box-shadow: var(--appkit-shadow-lg);
-}
-
-:is(.dark) .appkit-dynamic-select__dropdown {
-  border-color: var(--appkit-color-border);
-  background: var(--appkit-color-surface);
-}
-
-.appkit-dynamic-select__search {
-  border-radius: 0;
-  border-left: 0;
-  border-right: 0;
-  border-top: 0;
-}
-
-.appkit-dynamic-select__list {
-  max-height: 12rem;
-  overflow-y: auto;
-  padding: 0.25rem 0;
-}
-
-.appkit-dynamic-select__option {
-  width: 100%;
-  padding: 0.5rem 0.75rem;
-  text-align: left;
-  font-size: 0.875rem;
-}
-
-.appkit-dynamic-select__option:hover {
-  background-color: var(--appkit-color-zinc-100);
-}
-
-:is(.dark) .appkit-dynamic-select__option:hover {
-  background-color: var(--appkit-color-slate-800);
-}
-
-.appkit-dynamic-select__option--selected {
-  font-weight: 500;
-}
-
-.appkit-dynamic-select__empty,
-.appkit-dynamic-select__loading {
-  padding: 0.5rem 0.75rem;
-  font-size: 0.75rem;
-  color: var(--appkit-color-text-faint);
-}
-
-.appkit-dynamic-select__load-more {
-  width: 100%;
-  padding: 0.5rem 0.75rem;
-  text-align: left;
-  font-size: 0.75rem;
-  color: var(--appkit-color-secondary-600);
-}
-
-.appkit-dynamic-select__load-more:hover {
-  text-decoration: underline;
-}

package/dist/ui/components/InlineCreateSelect.d.ts

@@ -1,48 +0,0 @@
-import { ReactNode } from "react";
-import type { DynamicSelectOption, DynamicSelectProps } from "./DynamicSelect";
-import type { QuickFieldDef } from "../../features/shell/QuickFormDrawer";
-export interface InlineCreateSelectProps<V = string> extends DynamicSelectProps<V> {
-    /** Label for the "+ Create new …" button shown at the bottom of the dropdown. */
-    createLabel?: string;
-    /** Title shown in the create-form drawer header. Defaults to `createLabel`. */
-    drawerTitle?: string;
-    /**
-     * Render prop for the create form inside a SideDrawer.
-     * Call `onCreated` with the new option to close the drawer and auto-select it.
-     * Call `onCancel` to discard and close.
-     * Mutually exclusive with `createFields` — if both are provided, `renderCreateForm` wins.
-     */
-    renderCreateForm?: (props: {
-        onCreated: (option: DynamicSelectOption<V>) => void;
-        onCancel: () => void;
-    }) => ReactNode;
-    /**
-     * Auto-generates a QuickFormDrawer from FieldDef[].
-     * Used when the create form is simple (≤ 5 fields with no custom logic).
-     * `onCreateSubmit` is called on submit — must return the newly created option.
-     */
-    createFields?: QuickFieldDef[];
-    onCreateSubmit?: (values: Record<string, unknown>) => Promise<DynamicSelectOption<V>>;
-    createSubmitLabel?: string;
-}
-/**
- * InlineCreateSelect — extends DynamicSelect with a "+ Create new" button
- * that opens a SideDrawer containing an inline create form.
- *
- * @example
- * ```tsx
- * <InlineCreateSelect
- *   value={categoryId}
- *   onChange={(v) => setCategoryId(v)}
- *   loadOptions={loadCategoryOptions}
- *   createLabel="Category"
- *   renderCreateForm={({ onCreated, onCancel }) => (
- *     <CategoryForm
- *       onSuccess={(cat) => onCreated({ value: cat.id, label: cat.name })}
- *       onCancel={onCancel}
- *     />
- *   )}
- * />
- * ```
- */
-export declare function InlineCreateSelect<V = string>({ createLabel, drawerTitle, renderCreateForm, createFields, onCreateSubmit, createSubmitLabel, onChange, options, loadOptions, ...selectProps }: InlineCreateSelectProps<V>): import("react/jsx-runtime").JSX.Element;