@shopflowateam/ui 1.0.7 → 1.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopflowateam/ui",
-  "version": "1.0.7",
+  "version": "1.1.1",
   "description": "Blank project with routing included",
   "engines": {
     "node": "^18.17.0 || ^20.3.0 || >=21.0.0"

package/pkg/index.cjs.js

@@ -9,7 +9,7 @@ const formatCurrency = (amountInCents) => {
     currency: "USD"
   }).format((amountInCents || 0) / 100);
 };
-const ProductCardQwik = qwik.component$(({ product }) => {
+const ProductCardQwik = qwik.componentQrl(qwik.inlinedQrl(({ product }) => {
   const formattedPrice = formatCurrency(product.price);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: "group h-full flex flex-col [container-type:inline-size]",
@@ -57,7 +57,7 @@ const ProductCardQwik = qwik.component$(({ product }) => {
       })
     ]
   });
-});
+}, "ProductCard_onRender"));
 qwikReact.qwikify$(ProductCardQwik, {
   eagerness: "hover"
 });

package/pkg/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$ } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl } from "@builder.io/qwik";
 import { qwikify$ } from "@builder.io/qwik-react";
 const formatCurrency = (amountInCents) => {
   return new Intl.NumberFormat("en-US", {
@@ -7,7 +7,7 @@ const formatCurrency = (amountInCents) => {
     currency: "USD"
   }).format((amountInCents || 0) / 100);
 };
-const ProductCardQwik = component$(({ product }) => {
+const ProductCardQwik = componentQrl(inlinedQrl(({ product }) => {
   const formattedPrice = formatCurrency(product.price);
   return /* @__PURE__ */ jsxs("div", {
     class: "group h-full flex flex-col [container-type:inline-size]",
@@ -55,7 +55,7 @@ const ProductCardQwik = component$(({ product }) => {
       })
     ]
   });
-});
+}, "ProductCard_onRender"));
 qwikify$(ProductCardQwik, {
   eagerness: "hover"
 });

package/pkg/style.css

@@ -725,6 +725,10 @@
     display: none;
   }
 
+  .inline {
+    display: inline;
+  }
+
   .inline-block {
     display: inline-block;
   }