@deneb-ui/ui 2.0.96 → 2.0.98

package/dist/EditableProductCard.d.ts

@@ -4,6 +4,7 @@ export interface ProductItem {
     id?: string | number;
     name?: string;
     title?: string;
+    isPriceRange?: boolean;
     productName?: string;
     itemTitle?: string;
     brand?: string;

package/dist/EditableProductCard.js

@@ -78,12 +78,26 @@ function EditableProductCard({ itemPath, product: productProp, item: itemProp, c
     const basePriceNum = typeof rawPriceCandidate === 'number'
         ? rawPriceCandidate
         : parseFloat(String(rawPriceCandidate || '').replace(/[^0-9.]/g, '')) || 0;
-    const baseFormattedPrice = rawPriceCandidate !== undefined && rawPriceCandidate !== null && String(rawPriceCandidate).trim() !== ''
+    const isRange = Boolean(product?.isPriceRange ||
+        (product?.minPrice !== undefined && product?.maxPrice !== undefined) ||
+        product?.priceRange);
+    let rangePriceString = '';
+    if (isRange) {
+        if (product?.priceRange) {
+            rangePriceString = String(product.priceRange);
+        }
+        else {
+            const minNum = typeof product?.minPrice === 'number' ? product.minPrice : parseFloat(String(product?.minPrice || '').replace(/[^0-9.]/g, '')) || 0;
+            const maxNum = typeof product?.maxPrice === 'number' ? product.maxPrice : parseFloat(String(product?.maxPrice || '').replace(/[^0-9.]/g, '')) || 0;
+            rangePriceString = `${(0, useCart_1.formatCurrency)(minNum, currency)} – ${(0, useCart_1.formatCurrency)(maxNum, currency)}`;
+        }
+    }
+    const baseFormattedPrice = rangePriceString || (rawPriceCandidate !== undefined && rawPriceCandidate !== null && String(rawPriceCandidate).trim() !== ''
         ? typeof rawPriceCandidate === 'string' &&
             (rawPriceCandidate.includes('LKR') || rawPriceCandidate.includes('-') || rawPriceCandidate.includes('–'))
             ? rawPriceCandidate
             : (0, useCart_1.formatCurrency)(basePriceNum, currency)
-        : '';
+        : '');
     const displayPrice = resolvedPrice.formattedPrice || baseFormattedPrice;
     const hasPrice = showPrice && Boolean(displayPrice && displayPrice.trim() !== '');
     const priceKey = 'cost' in (product || {}) && !('price' in (product || {}) && product.price !== undefined)

package/dist/EditableSection.d.ts

@@ -6,7 +6,11 @@ export interface EditableSectionProps extends React.HTMLAttributes<HTMLElement>
      * Required fivora design section identifier (e.g. "home-hero", "home-features", "products", "testimonials").
      * Automatically sets `data-design-section`, `data-section-id`, and `id` for full editor targeting.
      */
-    name: string;
+    name?: string;
+    /**
+     * Alias for name (e.g. "hero", "services", "contact").
+     */
+    sectionId?: string;
     /**
      * Vertical section padding ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" or custom CSS).
      */
@@ -35,6 +39,7 @@ export interface EditableSectionProps extends React.HTMLAttributes<HTMLElement>
      * Quick toggle to center all content and text horizontally.
      */
     center?: boolean;
+    centered?: boolean;
     /**
      * Whether this section is hidden or deleted.
      */
@@ -57,4 +62,5 @@ export interface EditableSectionProps extends React.HTMLAttributes<HTMLElement>
  * `data-design-section` and `data-section-id` markers for 100% fivora contract compliance,
  * with first-class support for section deletion/hiding and instant centering.
  */
-export declare function EditableSection({ as: Component, name, padding, bg, color, maxWidth, border, align, center, hidden, order, container, containerClassName, className, style, id, children, ...props }: EditableSectionProps): React.JSX.Element;
+export declare function EditableSection({ as: Component, name, sectionId, padding, bg, color, maxWidth, border, align, center, centered, hidden, order, container, containerClassName, className, style, id, children, ...props }: EditableSectionProps): React.JSX.Element;
+export default EditableSection;

package/dist/EditableSection.js

@@ -10,16 +10,18 @@ const SECTION_PADDING_MAP = responsive_1.RESPONSIVE_SECTION_PADDING;
  * `data-design-section` and `data-section-id` markers for 100% fivora contract compliance,
  * with first-class support for section deletion/hiding and instant centering.
  */
-function EditableSection({ as: Component = "section", name, padding = "lg", bg, color, maxWidth, border, align, center, hidden, order, container, containerClassName = "", className = "", style, id, children, ...props }) {
+function EditableSection({ as: Component = "section", name, sectionId, padding = "lg", bg, color, maxWidth, border, align, center, centered, hidden, order, container, containerClassName = "", className = "", style, id, children, ...props }) {
+    const resolvedSectionKey = sectionId || name || "section";
     const resolvedPadding = padding !== undefined ? (SECTION_PADDING_MAP[String(padding)] || String(padding)) : undefined;
     const resolvedBorder = border === true
         ? "1px solid var(--border-color, rgba(226, 232, 240, 0.8))"
         : typeof border === "string"
             ? border
             : undefined;
-    const stylePath = `${name}.section`;
+    const stylePath = `${resolvedSectionKey}.section`;
     const { cssVars: styleVars } = (0, useComponentStyle_1.useComponentStyle)(stylePath, "section");
-    const resolvedAlign = align || (center ? "center" : undefined);
+    const isCentered = centered ?? center;
+    const resolvedAlign = align || (isCentered ? "center" : undefined);
     const sectionStyle = {
         ...(resolvedPadding ? { padding: resolvedPadding } : {}),
         ...(bg ? { background: bg } : {}),
@@ -40,5 +42,6 @@ function EditableSection({ as: Component = "section", name, padding = "lg", bg,
             paddingRight: "1rem",
             ...(resolvedAlign === "center" ? { display: "flex", flexDirection: "column", alignItems: "center" } : {}),
         }, children: children })) : (children);
-    return ((0, jsx_runtime_1.jsx)(Component, { id: id || name, "data-design-section": name, "data-section-id": name, "data-section-visible": hidden ? "false" : "true", "data-preview-style-target": stylePath, "data-preview-style-type": "section", className: `deneb-section editable-section ${className}`.trim(), style: sectionStyle, ...props, children: content }));
+    return ((0, jsx_runtime_1.jsx)(Component, { id: id || resolvedSectionKey, "data-design-section": resolvedSectionKey, "data-section-id": resolvedSectionKey, "data-section-visible": hidden ? "false" : "true", "data-preview-style-target": stylePath, "data-preview-style-type": "section", className: `deneb-section editable-section ${isCentered ? "is-centered" : ""} ${className}`.trim(), style: sectionStyle, ...props, children: content }));
 }
+exports.default = EditableSection;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/ui",
-  "version": "2.0.96",
+  "version": "2.0.98",
   "description": "Visual-first React component library for editable commerce storefronts. Built for Next.js and Fivora.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -50,7 +50,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@deneb-ui/core": "^2.0.96"
+    "@deneb-ui/core": "^2.0.98"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",