@propeller-commerce/propeller-v2-react-ui 0.19.2 → 0.20.1

package/dist/index.d.cts

@@ -2598,6 +2598,8 @@ interface AccountIconAndMenuProps {
     iconClassName?: string;
     /** Additional class name for the dropdown menu. */
     menuClassName?: string;
+    /** Additional class name for each sidebar menu link. */
+    linkClassName?: string;
     /**
      * Component variant.
      * - 'dropdown' (default): Header icon with popup menu
@@ -4287,10 +4289,14 @@ declare function DeliveryDate(rawProps: DeliveryDateProps): React$1.JSX.Element;
 
 interface GridPaginationProps {
     /**
-     * A ProductsResponse object for populating the pagination component.
-     * Reads `page` (current page), `pages` (total pages) from the response.
+     * Pagination state: `page` (current page) and `pages` (total pages).
+     * Structural, so a `ProductsResponse` fits as-is and callers holding the two
+     * numbers on their own — `useSpareParts`, `FavoriteListDetails` — need no cast.
      */
-    products: ProductsResponse;
+    products: Pick<ProductsResponse, 'page' | 'pages'> | {
+        page?: number;
+        pages?: number;
+    };
     /**
      * Called when the user navigates to a different page.
      * Receives the newly selected page number (1-based).
@@ -4455,6 +4461,11 @@ interface FavoriteListDetailsProps {
     graphqlClient?: GraphQLClient;
     /** The logged in user for which the favorite list is going to be displayed. Resolved from PropellerProvider when omitted. */
     user?: Contact | Customer;
+    /**
+     * Active company ID from the company switcher.
+     * Overrides the user's default company for price calculation.
+     * Triggers a re-fetch when changed. */
+    companyId?: number;
     /** The favorite list ID to display */
     favoriteListId: string;
     /** Action method for deleting a single favorite list item. If not provided, delete button is hidden */
@@ -4864,7 +4875,7 @@ interface GridToolbarProps {
      * Controls which icon the view-toggle button shows.
      * Defaults to 'grid'.
      */
-    viewMode?: string;
+    viewMode?: 'grid' | 'list';
     /**
      * Available page-size options shown in the per-page dropdown.
      * Defaults to [12, 24, 48].
@@ -4889,7 +4900,7 @@ interface GridToolbarProps {
      * Called when the user clicks the view-mode toggle button.
      * Receives the new mode: 'grid' or 'list'.
      */
-    onViewChange?: (mode: string) => void;
+    onViewChange?: (mode: 'grid' | 'list') => void;
     /**
      * Total products found — displayed as a result count on the left side.
      * Pass 0 or undefined to hide the count.
@@ -6305,9 +6316,10 @@ declare function ProductDescription(props: ProductDescriptionProps): React$1.JSX
 interface ProductDownloadsProps {
     /**
      * Media documents for the product.
-     * Obtain from `product.media.documents`.
+     * Obtain from `product.media?.documents`. The API answers `null` rather than
+     * an empty page when a product has none, so this may be absent.
      */
-    downloads: PaginatedMediaDocumentResponse;
+    downloads?: PaginatedMediaDocumentResponse | null;
     /**
      * Language code used to resolve the correct localised document URL and label.
      */
@@ -6414,16 +6426,6 @@ interface ProductGridProps {
      * of this prop. Defaults to false.
      */
     isLoading?: boolean;
-    /**
-     * Provide a custom product card renderer.
-     * Falls back to the built-in `<ProductCard>` when not set.
-     */
-    renderProductCard?: (product: Product) => any;
-    /**
-     * Provide a custom cluster card renderer.
-     * Falls back to the built-in `<ClusterCard>` when not set.
-     */
-    renderClusterCard?: (cluster: Cluster) => any;
     /**
      * Controls portal visibility mode.
      * 'open'        — full e-commerce; AddToCart is visible in product cards.
@@ -7080,9 +7082,10 @@ declare function ProductSpecifications(rawProps: ProductSpecificationsProps): Re
 interface ProductVideosProps {
     /**
      * Media videos for the product.
-     * Obtain from `product.media.videos`.
+     * Obtain from `product.media?.videos`. The API answers `null` rather than an
+     * empty page when a product has none, so this may be absent.
      */
-    videos: PaginatedMediaVideoResponse;
+    videos?: PaginatedMediaVideoResponse | null;
     /**
      * Language code used to resolve the correct localised video URI.
      */

package/dist/index.d.ts

@@ -2598,6 +2598,8 @@ interface AccountIconAndMenuProps {
     iconClassName?: string;
     /** Additional class name for the dropdown menu. */
     menuClassName?: string;
+    /** Additional class name for each sidebar menu link. */
+    linkClassName?: string;
     /**
      * Component variant.
      * - 'dropdown' (default): Header icon with popup menu
@@ -4287,10 +4289,14 @@ declare function DeliveryDate(rawProps: DeliveryDateProps): React$1.JSX.Element;
 
 interface GridPaginationProps {
     /**
-     * A ProductsResponse object for populating the pagination component.
-     * Reads `page` (current page), `pages` (total pages) from the response.
+     * Pagination state: `page` (current page) and `pages` (total pages).
+     * Structural, so a `ProductsResponse` fits as-is and callers holding the two
+     * numbers on their own — `useSpareParts`, `FavoriteListDetails` — need no cast.
      */
-    products: ProductsResponse;
+    products: Pick<ProductsResponse, 'page' | 'pages'> | {
+        page?: number;
+        pages?: number;
+    };
     /**
      * Called when the user navigates to a different page.
      * Receives the newly selected page number (1-based).
@@ -4455,6 +4461,11 @@ interface FavoriteListDetailsProps {
     graphqlClient?: GraphQLClient;
     /** The logged in user for which the favorite list is going to be displayed. Resolved from PropellerProvider when omitted. */
     user?: Contact | Customer;
+    /**
+     * Active company ID from the company switcher.
+     * Overrides the user's default company for price calculation.
+     * Triggers a re-fetch when changed. */
+    companyId?: number;
     /** The favorite list ID to display */
     favoriteListId: string;
     /** Action method for deleting a single favorite list item. If not provided, delete button is hidden */
@@ -4864,7 +4875,7 @@ interface GridToolbarProps {
      * Controls which icon the view-toggle button shows.
      * Defaults to 'grid'.
      */
-    viewMode?: string;
+    viewMode?: 'grid' | 'list';
     /**
      * Available page-size options shown in the per-page dropdown.
      * Defaults to [12, 24, 48].
@@ -4889,7 +4900,7 @@ interface GridToolbarProps {
      * Called when the user clicks the view-mode toggle button.
      * Receives the new mode: 'grid' or 'list'.
      */
-    onViewChange?: (mode: string) => void;
+    onViewChange?: (mode: 'grid' | 'list') => void;
     /**
      * Total products found — displayed as a result count on the left side.
      * Pass 0 or undefined to hide the count.
@@ -6305,9 +6316,10 @@ declare function ProductDescription(props: ProductDescriptionProps): React$1.JSX
 interface ProductDownloadsProps {
     /**
      * Media documents for the product.
-     * Obtain from `product.media.documents`.
+     * Obtain from `product.media?.documents`. The API answers `null` rather than
+     * an empty page when a product has none, so this may be absent.
      */
-    downloads: PaginatedMediaDocumentResponse;
+    downloads?: PaginatedMediaDocumentResponse | null;
     /**
      * Language code used to resolve the correct localised document URL and label.
      */
@@ -6414,16 +6426,6 @@ interface ProductGridProps {
      * of this prop. Defaults to false.
      */
     isLoading?: boolean;
-    /**
-     * Provide a custom product card renderer.
-     * Falls back to the built-in `<ProductCard>` when not set.
-     */
-    renderProductCard?: (product: Product) => any;
-    /**
-     * Provide a custom cluster card renderer.
-     * Falls back to the built-in `<ClusterCard>` when not set.
-     */
-    renderClusterCard?: (cluster: Cluster) => any;
     /**
      * Controls portal visibility mode.
      * 'open'        — full e-commerce; AddToCart is visible in product cards.
@@ -7080,9 +7082,10 @@ declare function ProductSpecifications(rawProps: ProductSpecificationsProps): Re
 interface ProductVideosProps {
     /**
      * Media videos for the product.
-     * Obtain from `product.media.videos`.
+     * Obtain from `product.media?.videos`. The API answers `null` rather than an
+     * empty page when a product has none, so this may be absent.
      */
-    videos: PaginatedMediaVideoResponse;
+    videos?: PaginatedMediaVideoResponse | null;
     /**
      * Language code used to resolve the correct localised video URI.
      */

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import { getLabel, getLocalizedValue, formatPrice, localeForLanguage, getClusterSku, getClusterImageUrl, isContentHidden, getProductSku, getProductImageUrl, createServices, err, ok, formatSurcharge, deriveUserMode, isContact, isCustomer, getAddresses, attributeNameMatches, getAttributeDisplayName, filterProductsBySelections, extractAttributeValues, buildInventoryFilter, MIN_STOCK_THRESHOLD, getNettedBonusItems, getLanguageString, collectAttributeValues, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
+import { getLabel, getLocalizedValue, formatPrice, localeForLanguage, getClusterSku, getClusterImageUrl, isContentHidden, getProductSku, getProductImageUrl, isCheckoutAllowed, createServices, err, ok, formatSurcharge, deriveUserMode, isContact, isCustomer, getAddresses, attributeNameMatches, getAttributeDisplayName, filterProductsBySelections, extractAttributeValues, buildInventoryFilter, findPurchaserPac, isOverAuthorizationLimit, MIN_STOCK_THRESHOLD, getNettedBonusItems, getLanguageString, collectAttributeValues, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
 export * from '@propeller-commerce/propeller-v2-core-ui';
 import * as React6 from 'react';
 import { createContext, useState, useRef, useCallback, useMemo, useContext, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { ProductStatus, ProductSortField, SortOrder, PurchaseRole, CrossupsellType, CartStatus, CartAddressType, Gender, YesNo, AddressType, MagicTokenService, PaymentStatuses, OrderSearchFields, OrderItemClass, ProductSearchableField, machineService, AttributeType, OrderSortField, OrderType, BundleCondition, OrderDiscountType } from '@propeller-commerce/propeller-sdk-v2';
+import { ProductStatus, ProductSortField, SortOrder, CrossupsellType, CartStatus, CartAddressType, Gender, YesNo, AddressType, MagicTokenService, PaymentStatuses, OrderSearchFields, OrderItemClass, ProductSearchableField, machineService, PurchaseRole, AttributeType, OrderSortField, OrderType, BundleCondition, OrderDiscountType } from '@propeller-commerce/propeller-sdk-v2';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { User } from 'lucide-react';
@@ -725,6 +725,7 @@ var DEFAULT_IMAGE_VARIANT_FILTERS = {
 function useCart(options) {
   const { graphqlClient, user, companyId, configuration, onCartCreated } = options;
   const language = options.language || configuration?.language || "NL";
+  const resolvedCompanyId = companyId ?? (user && "contactId" in user ? user.company?.companyId : void 0);
   const [cart, setCart] = useState(null);
   const [createdCartId, setCreatedCartId] = useState("");
   const cartId = options.cartId || createdCartId;
@@ -746,20 +747,10 @@ function useCart(options) {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
   const notesTimers = useRef({});
-  const checkoutAllowed = useMemo(() => {
-    if (!user || !("contactId" in user)) return true;
-    if (!companyId) return true;
-    if (!cart) return true;
-    const pacData = user.purchaseAuthorizationConfigs;
-    const items = pacData?.items ?? [];
-    const purchaserPac = items.find(
-      (pac) => pac.purchaseRole === PurchaseRole.PURCHASER && pac.company?.companyId === companyId
-    );
-    if (!purchaserPac) return true;
-    const limit = purchaserPac.authorizationLimit ?? 0;
-    const totalGross = cart.total?.totalGross ?? 0;
-    return totalGross <= limit;
-  }, [user, companyId, cart]);
+  const checkoutAllowed = useMemo(
+    () => isCheckoutAllowed(user, companyId, cart),
+    [user, companyId, cart]
+  );
   function getMinQuantity(product) {
     const min = product?.minimumQuantity;
     return min && min > 0 ? min : 1;
@@ -948,7 +939,8 @@ function useCart(options) {
         imageVariantFilters: opts.imageVariantFilters ?? imageVariantFilters(),
         priceCalculateProductInput: {
           taxZone: taxZone || "NL",
-          ...user && "company" in user && { companyId: user?.company?.companyId },
+          // Switcher selection wins; the contact's default company is the fallback.
+          ...resolvedCompanyId !== void 0 && { companyId: resolvedCompanyId },
           ...user && "contactId" in user && { contactId: user?.contactId },
           ...user && "customerId" in user && { customerId: user?.customerId }
         }
@@ -958,7 +950,7 @@ function useCart(options) {
     } catch {
       return [];
     }
-  }, [graphqlClient, language, user, imageSearchFilters, imageVariantFilters]);
+  }, [graphqlClient, language, user, resolvedCompanyId, imageSearchFilters, imageVariantFilters]);
   return { cart, cartId, loading, error, checkoutAllowed, resolveCart, addItem, addItems, updateItemQuantity, updateItemNotes, deleteItem, addActionCode, removeActionCode, requestAuthorization, processCart, getCrossupsells, getMinQuantity, getStep };
 }
 function buildAddressInput(type, addr) {
@@ -4191,7 +4183,9 @@ function AccountIconAndMenu(rawProps) {
               href: link.href,
               onClick: (event) => handleMenuLinkClick(event, link.href),
               "data-active": isActiveLink(link.href) ? "true" : "false",
-              className: `propeller-account-menu__link flex w-full items-center gap-3 px-4 py-2.5 text-sm font-medium transition-colors ${isActiveLink(link.href) ? "bg-secondary/5 text-secondary border-l-2 border-secondary" : "text-muted-foreground hover:bg-surface-hover hover:text-foreground"}`,
+              className: cn(
+                `propeller-account-menu__link flex w-full items-center gap-3 px-4 py-2.5 text-sm font-medium transition-colors ${isActiveLink(link.href) ? "bg-primary/5 text-primary border-l-2 border-primary" : "text-muted-foreground hover:bg-surface-hover hover:text-foreground"}${props.linkClassName ? " " + props.linkClassName : ""}`
+              ),
               children: link.label
             }
           ) }, link.href)) }) }),
@@ -4213,7 +4207,7 @@ function AccountIconAndMenu(rawProps) {
               onClick: (event) => handleIconClick(),
               "aria-label": getLabel(props.labels, "accountLabel", "Account"),
               "data-open": menuOpen ? "true" : "false",
-              className: cn(`propeller-account-menu__trigger inline-flex items-center gap-2 px-3 py-2 rounded-control text-sm font-medium transition-colors text-white hover:bg-white/10${props.iconClassName ? " " + props.iconClassName : ""}`),
+              className: cn(`propeller-account-menu__trigger inline-flex items-center gap-2 px-3 py-2 rounded-control text-sm font-medium transition-colors text-foreground hover:bg-surface-hover${props.iconClassName ? " " + props.iconClassName : ""}`),
               children: [
                 /* @__PURE__ */ jsx(
                   "svg",
@@ -6611,6 +6605,7 @@ function ItemStock(props) {
               getTotalQuantity() > 0 ? /* @__PURE__ */ jsxs("span", { className: "propeller-item-stock__count opacity-70", children: [
                 "(",
                 getTotalQuantity(),
+                " ",
                 getLabel(props.labels, "pieces", "pcs"),
                 ")"
               ] }) : null
@@ -6844,7 +6839,7 @@ function CartItem(rawProps) {
   }
   useEffect(() => {
     fetchCrossupsells();
-  }, []);
+  }, [props.companyId]);
   useEffect(() => {
     setQuantity(props.cartItem.quantity || 1);
     setNotes(props.cartItem.notes || "");
@@ -7298,13 +7293,6 @@ CartItemExport.Price = CartItemPrice;
 CartItemExport.Quantity = CartItemQuantity;
 CartItemExport.Delete = CartItemDelete;
 var CartItem_default = CartItemExport;
-function findPurchaserPAC(user, companyId) {
-  if (!user || !("contactId" in user) || !companyId) return void 0;
-  const items = user.purchaseAuthorizationConfigs?.items ?? [];
-  return items.find(
-    (pac) => pac.purchaseRole === PurchaseRole.PURCHASER && pac.company?.companyId === companyId
-  );
-}
 function CartIconAndSidebar(rawProps) {
   const props = useInfraProps(rawProps);
   const CartBonusItemsImpl = props.cartBonusItemsComponent ?? CartBonusItems_default;
@@ -7335,10 +7323,9 @@ function CartIconAndSidebar(rawProps) {
     return useTax ? getLabel(props.labels, key, "Total") : getLabel(props.labels, "totalExclVat", "Total excl. VAT");
   }
   const sidebarTitle = props.cartSidebarTitle || props.labels?.["cartSidebarTitle"] || "Shopping cart";
-  const purchaserPAC = findPurchaserPAC(props.user, props.companyId);
-  const totalGross = props.cart?.total?.totalGross ?? 0;
-  const overLimit = !!purchaserPAC && totalGross > (purchaserPAC.authorizationLimit ?? 0);
-  const showCheckoutButton = props.cartCheckoutButton === false ? false : !props.user || !("contactId" in props.user) || !props.companyId || !purchaserPAC ? true : !overLimit;
+  const purchaserPAC = findPurchaserPac(props.user, props.companyId);
+  const overLimit = isOverAuthorizationLimit(props.user, props.companyId, props.cart);
+  const showCheckoutButton = props.cartCheckoutButton === false ? false : !purchaserPAC ? true : !overLimit;
   const showRequestAuthorizationButton = !!purchaserPAC && overLimit;
   function handleIconClick() {
     if (props.showCartSidebarOnClick !== false) {
@@ -7951,17 +7938,7 @@ function CartSummary(rawProps) {
     }
   }
   function showRequestAuthorizationButton() {
-    if (!props.user || !("contactId" in props.user)) return false;
-    if (!props.companyId) return false;
-    if (!props.cart) return false;
-    const items = props.user.purchaseAuthorizationConfigs?.items ?? [];
-    const purchaserPAC = items.find(
-      (pac) => pac.purchaseRole === PurchaseRole.PURCHASER && Number(pac.company?.companyId) === Number(props.companyId)
-    );
-    if (!purchaserPAC) return false;
-    const limit = purchaserPAC.authorizationLimit ?? 0;
-    const totalGross = props.cart.total?.totalGross ?? 0;
-    return totalGross > limit;
+    return isOverAuthorizationLimit(props.user, props.companyId, props.cart);
   }
   function showRequestQuoteButton() {
     return !!props.onRequestQuoteClick && !!props.user && "contactId" in props.user;
@@ -8101,7 +8078,7 @@ function CategoryDescription(props) {
         !shouldTruncate || expanded ? /* @__PURE__ */ jsx(
           "div",
           {
-            className: "propeller-category-description__content prose prose-slate max-w-none text-muted-foreground",
+            className: "propeller-category-description__content text-muted-foreground",
             dangerouslySetInnerHTML: { __html: html }
           }
         ) : /* @__PURE__ */ jsx("p", { className: "propeller-category-description__truncated text-muted-foreground", children: getTruncated() }),
@@ -8127,7 +8104,7 @@ function CategoryShortDescription(props) {
   return /* @__PURE__ */ jsx(Fragment, { children: !!html ? /* @__PURE__ */ jsx("div", { className: cn(`propeller-category-short-description mb-6 ${props.className || ""}`), children: /* @__PURE__ */ jsx(
     "div",
     {
-      className: "propeller-category-short-description__content prose prose-slate max-w-none text-muted-foreground",
+      className: "propeller-category-short-description__content text-muted-foreground",
       dangerouslySetInnerHTML: { __html: html }
     }
   ) }) : null });
@@ -9367,27 +9344,24 @@ function ProductGrid(rawProps) {
               {
                 children: [
                   props.beforeItem?.(item, idx),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    isClusterItem(item) ? /* @__PURE__ */ jsx(Fragment, { children: !props.renderClusterCard ? /* @__PURE__ */ jsx(
-                      ClusterCardImpl,
-                      {
-                        cluster: item,
-                        labels: props.clusterCardLabels,
-                        stockLabels: props.stockLabels
-                      }
-                    ) : null }) : null,
-                    !isClusterItem(item) ? /* @__PURE__ */ jsx(Fragment, { children: !props.renderProductCard ? /* @__PURE__ */ jsx(
-                      ProductCardImpl,
-                      {
-                        product: item,
-                        allowAddToCart: showAddToCart(),
-                        labels: props.productCardLabels,
-                        stockLabels: props.stockLabels,
-                        priceLabels: props.priceLabels,
-                        addToCartLabels: props.addToCartLabels
-                      }
-                    ) : null }) : null
-                  ] }),
+                  /* @__PURE__ */ jsx("div", { children: isClusterItem(item) ? /* @__PURE__ */ jsx(
+                    ClusterCardImpl,
+                    {
+                      cluster: item,
+                      labels: props.clusterCardLabels,
+                      stockLabels: props.stockLabels
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    ProductCardImpl,
+                    {
+                      product: item,
+                      allowAddToCart: showAddToCart(),
+                      labels: props.productCardLabels,
+                      stockLabels: props.stockLabels,
+                      priceLabels: props.priceLabels,
+                      addToCartLabels: props.addToCartLabels
+                    }
+                  ) }),
                   props.afterItem?.(item, idx)
                 ]
               },
@@ -11909,8 +11883,9 @@ function FavoriteListDetails(rawProps) {
         if (contact.contactId) {
           priceInput.contactId = contact.contactId;
         }
-        if (contact.company?.companyId) {
-          priceInput.companyId = contact.company.companyId;
+        const activeCompanyId = props.companyId ?? contact.company?.companyId;
+        if (activeCompanyId) {
+          priceInput.companyId = activeCompanyId;
         }
       }
     }
@@ -11986,12 +11961,15 @@ function FavoriteListDetails(rawProps) {
     setPrevListId(props.favoriteListId || "");
     fetchList();
   }, []);
+  const prevCompanyIdRef = useRef(props.companyId);
   useEffect(() => {
-    if (props.favoriteListId && props.favoriteListId !== prevListId) {
-      setPrevListId(props.favoriteListId);
-      fetchList();
-    }
-  }, [props.favoriteListId]);
+    const listChanged = !!props.favoriteListId && props.favoriteListId !== prevListId;
+    const companyChanged = props.companyId !== prevCompanyIdRef.current;
+    if (!listChanged && !companyChanged) return;
+    if (listChanged) setPrevListId(props.favoriteListId);
+    prevCompanyIdRef.current = props.companyId;
+    fetchList();
+  }, [props.favoriteListId, props.companyId]);
   return /* @__PURE__ */ jsxs("div", { className: cn(`propeller-favorite-list-details ${props.className || ""}`), "data-loading": loading ? "true" : "false", children: [
     loading ? /* @__PURE__ */ jsx("div", { className: "propeller-favorite-list-details__skeleton space-y-4", children: [1, 2, 3]?.map((i) => /* @__PURE__ */ jsxs(
       "div",
@@ -13867,7 +13845,7 @@ function OrderList(rawProps) {
   return /* @__PURE__ */ jsxs("div", { className: cn(`propeller-order-list ${props.className || ""}`), "data-loading": loading ? "true" : "false", children: [
     props.enableSearch && searchFields().length > 0 ? /* @__PURE__ */ jsxs("div", { className: "propeller-order-list__filters mb-6 bg-card p-4 rounded-container shadow space-y-4", children: [
       searchFields().includes("term") ? /* @__PURE__ */ jsxs("div", { className: "propeller-order-list__search-field w-full", children: [
-        /* @__PURE__ */ jsx("label", { className: "propeller-order-list__filter-label block text-sm font-medium text-muted-foreground capitalize mb-1", children: getColumnLabel("term") }),
+        /* @__PURE__ */ jsx("label", { className: "propeller-order-list__filter-label block text-sm font-medium text-muted-foreground mb-1", children: getColumnLabel("term") }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -13895,7 +13873,7 @@ function OrderList(rawProps) {
         )
       ] }) : null,
       /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4", children: searchFields().filter((f) => f !== "term")?.map((field) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { className: "propeller-order-list__filter-label block text-sm font-medium text-muted-foreground capitalize", children: getColumnLabel(field) }),
+        /* @__PURE__ */ jsx("label", { className: "propeller-order-list__filter-label block text-sm font-medium text-muted-foreground", children: getColumnLabel(field) }),
         field === "createdAt" ? /* @__PURE__ */ jsxs("div", { className: "flex space-x-2 w-full", children: [
           /* @__PURE__ */ jsx(
             "input",
@@ -15599,7 +15577,7 @@ function ProductDescription(props) {
         !shouldTruncate || expanded ? /* @__PURE__ */ jsx(
           "div",
           {
-            className: "propeller-product-description__content prose prose-slate max-w-none text-muted-foreground",
+            className: "propeller-product-description__content text-muted-foreground",
             dangerouslySetInnerHTML: { __html: html }
           }
         ) : /* @__PURE__ */ jsx("p", { className: "propeller-product-description__truncated text-muted-foreground", children: getTruncated() }),
@@ -16341,7 +16319,7 @@ function ProductShortDescription(props) {
     "div",
     {
       dangerouslySetInnerHTML: { __html: html },
-      className: cn(`propeller-product-short-description prose prose-slate max-w-none text-muted-foreground ${props.className || ""}`)
+      className: cn(`propeller-product-short-description text-muted-foreground ${props.className || ""}`)
     }
   ) : null });
 }