@commercelayer/app-elements 1.14.0 → 1.14.1

package/dist/{InputDateComponent-kN_m4YkL.js → InputDateComponent-Z1Mufkd2.js}

@@ -2,7 +2,7 @@
 var Jr = Object.defineProperty;
 var eo = (r, n, e) => n in r ? Jr(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
 var b = (r, n, e) => (eo(r, typeof n != "symbol" ? n + "" : n, e), e);
-import { c as X, j as Oe, I as to, g as no, w as ro, X as oo } from "./main-D4hmGVFA.js";
+import { c as X, j as Oe, I as to, g as no, w as ro, X as oo } from "./main-d9cXpJvh.js";
 import * as E from "react";
 import m, { createElement as ao, Component as so, useLayoutEffect as lr, useEffect as ur, createRef as io, forwardRef as co } from "react";
 import * as lo from "react-dom";

package/dist/{main-D4hmGVFA.js → main-d9cXpJvh.js}

@@ -17332,39 +17332,43 @@ const xa = ({
   alignItems: l = "center",
   alignIcon: u = "top",
   borderStyle: m = "solid",
-  ...d
+  variant: d = "list",
+  disabled: f = !1,
+  ...h
 }) => {
-  const f = Ge(
+  const g = Ge(
     () => ac({
-      tag: d.tag,
+      tag: h.tag,
       allowedTags: ["a", "div"],
       defaultTag: "div"
     }),
-    [d.tag]
-  ), h = d.onClick != null || d.tag === "a" && !fe(d.href), g = Q({
+    [h.tag]
+  ), v = !f && (h.onClick != null || h.tag === "a" && !fe(h.href)), x = Q({
     "py-4": a === "4",
     "py-2": a === "2"
-  }), v = Q({
+  }), w = Q({
     "px-4": a === "4",
     "px-2": a === "2"
   });
   return /* @__PURE__ */ c.jsx(
-    f,
+    g,
     {
       className: Q(
         "flex gap-4 border-gray-100",
         "text-gray-800 hover:text-gray-800 font-normal",
         // keep default text color also when used as `<a>` tag
         {
-          [g]: r !== "none" && r !== "x",
-          [v]: r !== "none" && r !== "y",
+          [x]: r !== "none" && r !== "x",
+          [w]: r !== "none" && r !== "y",
           "border-dashed": m === "dashed",
           "border-b": m !== "none",
-          "cursor-pointer hover:bg-gray-50": h
+          "cursor-pointer hover:bg-gray-50": v,
+          "border rounded": d === "card",
+          "border-gray-200 bg-gray-100": f
         },
         n
       ),
-      ...Zs(d, ["tag"]),
+      ...Zs(h, ["tag"]),
       children: /* @__PURE__ */ c.jsxs("div", { className: Q("flex gap-4 flex-1 items-center"), children: [
         t != null && /* @__PURE__ */ c.jsx(
           "div",
@@ -24411,7 +24415,7 @@ function iv({
 }
 iv.displayName = "InputCurrencyRange";
 const Gue = QI(
-  async () => await import("./InputDateComponent-kN_m4YkL.js").then((t) => ({
+  async () => await import("./InputDateComponent-Z1Mufkd2.js").then((t) => ({
     default: t.InputDateComponent
   }))
 ), zs = U(

package/dist/main.js

@@ -1,5 +1,5 @@
 "use client";
-import { V as i, az as p, W as l, Y as b, Z as d, _ as c, $ as g, a0 as m, a1 as S, a2 as I, a3 as k, aA as T, a4 as D, a5 as R, M as y, aB as h, aC as C, aD as H, aE as A, a6 as P, P as f, Q as B, a7 as F, a8 as v, aQ as N, aR as O, aT as L, aV as G, aX as w, a$ as V, b1 as x, b6 as E, b9 as M, bb as W, bi as J, bk as U, bm as q, bo as z, bq as K, bu as Q, bv as j, a9 as Y, aa as Z, aS as _, aU as $, aW as X, aY as aa, a_ as ea, b0 as sa, b2 as ta, b3 as oa, b4 as ra, b5 as na, b7 as ua, b8 as ia, ba as pa, bc as la, bj as ba, bl as da, bn as ca, bp as ga, br as ma, bs as Sa, bt as Ia, aF as ka, aG as Ta, aH as Da, aI as Ra, S as ya, aJ as ha, ab as Ca, aK as Ha, aL as Aa, ac as Pa, ad as fa, ae as Ba, af as Fa, aM as va, by as Na, bz as Oa, bA as La, bB as Ga, bC as wa, bD as Va, bE as xa, bF as Ea, bG as Ma, ag as Wa, aN as Ja, ah as Ua, ai as qa, aj as za, ak as Ka, am as Qa, an as ja, ao as Ya, ap as Za, aq as _a, av as $a, ar as Xa, aO as ae, aw as ee, ax as se, as as te, ay as oe, at as re, aP as ne, T as ue, au as ie, o as pe, u as le, v as be, b as de, m as ce, bd as ge, aZ as me, f as Se, d as Ie, e as ke, p as Te, q as De, x as Re, bI as ye, bJ as he, be as Ce, h as He, k as Ae, l as Pe, bK as fe, bL as Be, bM as Fe, bN as ve, bO as Ne, bP as Oe, y as Le, z as Ge, bQ as we, bR as Ve, bS as xe, bT as Ee, A as Me, B as We, bU as Je, bV as Ue, bW as qe, E as ze, F as Ke, a as Qe, C as je, D as Ye, i as Ze, bf as _e, bg as $e, bh as Xe, n as as, r as es, bw as ss, s as ts, t as os, G as rs, N as ns, O as us, H as is, J as ps, K as ls, L as bs, bH as ds, R as cs, U as gs, bx as ms, al as Ss } from "./main-D4hmGVFA.js";
+import { V as i, az as p, W as l, Y as b, Z as d, _ as c, $ as g, a0 as m, a1 as S, a2 as I, a3 as k, aA as T, a4 as D, a5 as R, M as y, aB as h, aC as C, aD as H, aE as A, a6 as P, P as f, Q as B, a7 as F, a8 as v, aQ as N, aR as O, aT as L, aV as G, aX as w, a$ as V, b1 as x, b6 as E, b9 as M, bb as W, bi as J, bk as U, bm as q, bo as z, bq as K, bu as Q, bv as j, a9 as Y, aa as Z, aS as _, aU as $, aW as X, aY as aa, a_ as ea, b0 as sa, b2 as ta, b3 as oa, b4 as ra, b5 as na, b7 as ua, b8 as ia, ba as pa, bc as la, bj as ba, bl as da, bn as ca, bp as ga, br as ma, bs as Sa, bt as Ia, aF as ka, aG as Ta, aH as Da, aI as Ra, S as ya, aJ as ha, ab as Ca, aK as Ha, aL as Aa, ac as Pa, ad as fa, ae as Ba, af as Fa, aM as va, by as Na, bz as Oa, bA as La, bB as Ga, bC as wa, bD as Va, bE as xa, bF as Ea, bG as Ma, ag as Wa, aN as Ja, ah as Ua, ai as qa, aj as za, ak as Ka, am as Qa, an as ja, ao as Ya, ap as Za, aq as _a, av as $a, ar as Xa, aO as ae, aw as ee, ax as se, as as te, ay as oe, at as re, aP as ne, T as ue, au as ie, o as pe, u as le, v as be, b as de, m as ce, bd as ge, aZ as me, f as Se, d as Ie, e as ke, p as Te, q as De, x as Re, bI as ye, bJ as he, be as Ce, h as He, k as Ae, l as Pe, bK as fe, bL as Be, bM as Fe, bN as ve, bO as Ne, bP as Oe, y as Le, z as Ge, bQ as we, bR as Ve, bS as xe, bT as Ee, A as Me, B as We, bU as Je, bV as Ue, bW as qe, E as ze, F as Ke, a as Qe, C as je, D as Ye, i as Ze, bf as _e, bg as $e, bh as Xe, n as as, r as es, bw as ss, s as ts, t as os, G as rs, N as ns, O as us, H as is, J as ps, K as ls, L as bs, bH as ds, R as cs, U as gs, bx as ms, al as Ss } from "./main-d9cXpJvh.js";
 import "react";
 import "react-dom";
 import "@commercelayer/sdk";

package/dist/ui/composite/ListItem.d.ts

@@ -1,5 +1,6 @@
 import { type FlexRowProps } from '../internals/FlexRow';
 import { type FC } from 'react';
+type ListItemVariant = 'list' | 'card';
 type Props = Pick<FlexRowProps, 'alignItems' | 'children'> & {
     /**
      * Icon component
@@ -27,6 +28,16 @@ type Props = Pick<FlexRowProps, 'alignItems' | 'children'> & {
      * @default 'solid'
      */
     borderStyle?: 'dashed' | 'solid' | 'none';
+    /**
+     * ListItem variant: 'list' or 'card' with rounded borders
+     * @default 'list'
+     */
+    variant?: ListItemVariant;
+    /**
+     * Disabled effect
+     * @default undefined
+     */
+    disabled?: boolean;
 };
 export type ListItemProps = Props & (({
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "1.14.0",
+  "version": "1.14.1",
   "type": "module",
   "license": "MIT",
   "files": [