@almadar/ui 4.53.4 → 4.53.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12713,11 +12713,11 @@ var init_SimpleGrid = __esm({
12713
12713
  };
12714
12714
  colStyles = {
12715
12715
  1: "grid-cols-1",
12716
- 2: "grid-cols-1 sm:grid-cols-2",
12717
- 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
12718
- 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
12719
- 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",
12720
- 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6"
12716
+ 2: "grid-cols-1 sm:grid-cols-2 @max-sm:!grid-cols-1",
12717
+ 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
12718
+ 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
12719
+ 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
12720
+ 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1"
12721
12721
  };
12722
12722
  SimpleGrid = ({
12723
12723
  minChildWidth = 250,
@@ -26078,11 +26078,11 @@ function DataGrid({
26078
26078
  const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
26079
26079
  const colsClass = cols ? {
26080
26080
  1: "grid-cols-1",
26081
- 2: "sm:grid-cols-2",
26082
- 3: "sm:grid-cols-2 lg:grid-cols-3",
26083
- 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
26084
- 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
26085
- 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
26081
+ 2: "sm:grid-cols-2 @max-sm:!grid-cols-1",
26082
+ 3: "sm:grid-cols-2 lg:grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
26083
+ 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
26084
+ 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
26085
+ 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1"
26086
26086
  }[cols] : void 0;
26087
26087
  if (isLoading) {
26088
26088
  return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
@@ -60440,7 +60440,7 @@ var OrbPreviewNodeInner = (props) => {
60440
60440
  Box,
60441
60441
  {
60442
60442
  ref: isExpanded ? void 0 : l1SetNodeRef,
60443
- className: `rounded-lg border shadow-sm bg-card transition-all duration-200 overflow-hidden relative${isRunning ? " orb-preview-running" : ""}`,
60443
+ className: `@container/preview rounded-lg border shadow-sm bg-card transition-all duration-200 overflow-hidden relative${isRunning ? " orb-preview-running" : ""}`,
60444
60444
  style: {
60445
60445
  borderColor: l1IsOver ? "var(--color-primary)" : borderColor,
60446
60446
  borderWidth: l1IsOver ? "2px" : borderWidth,
package/dist/avl/index.js CHANGED
@@ -12667,11 +12667,11 @@ var init_SimpleGrid = __esm({
12667
12667
  };
12668
12668
  colStyles = {
12669
12669
  1: "grid-cols-1",
12670
- 2: "grid-cols-1 sm:grid-cols-2",
12671
- 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
12672
- 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
12673
- 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",
12674
- 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6"
12670
+ 2: "grid-cols-1 sm:grid-cols-2 @max-sm:!grid-cols-1",
12671
+ 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
12672
+ 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
12673
+ 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
12674
+ 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1"
12675
12675
  };
12676
12676
  SimpleGrid = ({
12677
12677
  minChildWidth = 250,
@@ -26032,11 +26032,11 @@ function DataGrid({
26032
26032
  const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
26033
26033
  const colsClass = cols ? {
26034
26034
  1: "grid-cols-1",
26035
- 2: "sm:grid-cols-2",
26036
- 3: "sm:grid-cols-2 lg:grid-cols-3",
26037
- 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
26038
- 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
26039
- 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
26035
+ 2: "sm:grid-cols-2 @max-sm:!grid-cols-1",
26036
+ 3: "sm:grid-cols-2 lg:grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
26037
+ 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
26038
+ 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
26039
+ 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1"
26040
26040
  }[cols] : void 0;
26041
26041
  if (isLoading) {
26042
26042
  return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
@@ -60394,7 +60394,7 @@ var OrbPreviewNodeInner = (props) => {
60394
60394
  Box,
60395
60395
  {
60396
60396
  ref: isExpanded ? void 0 : l1SetNodeRef,
60397
- className: `rounded-lg border shadow-sm bg-card transition-all duration-200 overflow-hidden relative${isRunning ? " orb-preview-running" : ""}`,
60397
+ className: `@container/preview rounded-lg border shadow-sm bg-card transition-all duration-200 overflow-hidden relative${isRunning ? " orb-preview-running" : ""}`,
60398
60398
  style: {
60399
60399
  borderColor: l1IsOver ? "var(--color-primary)" : borderColor,
60400
60400
  borderWidth: l1IsOver ? "2px" : borderWidth,
@@ -6770,11 +6770,11 @@ var init_SimpleGrid = __esm({
6770
6770
  };
6771
6771
  colStyles = {
6772
6772
  1: "grid-cols-1",
6773
- 2: "grid-cols-1 sm:grid-cols-2",
6774
- 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
6775
- 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
6776
- 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",
6777
- 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6"
6773
+ 2: "grid-cols-1 sm:grid-cols-2 @max-sm:!grid-cols-1",
6774
+ 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
6775
+ 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
6776
+ 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
6777
+ 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1"
6778
6778
  };
6779
6779
  exports.SimpleGrid = ({
6780
6780
  minChildWidth = 250,
@@ -21245,11 +21245,11 @@ function DataGrid({
21245
21245
  const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
21246
21246
  const colsClass = cols ? {
21247
21247
  1: "grid-cols-1",
21248
- 2: "sm:grid-cols-2",
21249
- 3: "sm:grid-cols-2 lg:grid-cols-3",
21250
- 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
21251
- 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
21252
- 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
21248
+ 2: "sm:grid-cols-2 @max-sm:!grid-cols-1",
21249
+ 3: "sm:grid-cols-2 lg:grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
21250
+ 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
21251
+ 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
21252
+ 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1"
21253
21253
  }[cols] : void 0;
21254
21254
  if (isLoading) {
21255
21255
  return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
@@ -6724,11 +6724,11 @@ var init_SimpleGrid = __esm({
6724
6724
  };
6725
6725
  colStyles = {
6726
6726
  1: "grid-cols-1",
6727
- 2: "grid-cols-1 sm:grid-cols-2",
6728
- 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
6729
- 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
6730
- 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",
6731
- 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6"
6727
+ 2: "grid-cols-1 sm:grid-cols-2 @max-sm:!grid-cols-1",
6728
+ 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
6729
+ 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
6730
+ 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
6731
+ 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1"
6732
6732
  };
6733
6733
  SimpleGrid = ({
6734
6734
  minChildWidth = 250,
@@ -21199,11 +21199,11 @@ function DataGrid({
21199
21199
  const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
21200
21200
  const colsClass = cols ? {
21201
21201
  1: "grid-cols-1",
21202
- 2: "sm:grid-cols-2",
21203
- 3: "sm:grid-cols-2 lg:grid-cols-3",
21204
- 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
21205
- 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
21206
- 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
21202
+ 2: "sm:grid-cols-2 @max-sm:!grid-cols-1",
21203
+ 3: "sm:grid-cols-2 lg:grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
21204
+ 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
21205
+ 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
21206
+ 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1"
21207
21207
  }[cols] : void 0;
21208
21208
  if (isLoading) {
21209
21209
  return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
@@ -3900,11 +3900,11 @@ var gapStyles2 = {
3900
3900
  };
3901
3901
  var colStyles = {
3902
3902
  1: "grid-cols-1",
3903
- 2: "grid-cols-1 sm:grid-cols-2",
3904
- 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
3905
- 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
3906
- 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",
3907
- 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6"
3903
+ 2: "grid-cols-1 sm:grid-cols-2 @max-sm:!grid-cols-1",
3904
+ 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
3905
+ 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
3906
+ 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
3907
+ 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1"
3908
3908
  };
3909
3909
  var SimpleGrid = ({
3910
3910
  minChildWidth = 250,
@@ -3876,11 +3876,11 @@ var gapStyles2 = {
3876
3876
  };
3877
3877
  var colStyles = {
3878
3878
  1: "grid-cols-1",
3879
- 2: "grid-cols-1 sm:grid-cols-2",
3880
- 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
3881
- 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
3882
- 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",
3883
- 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6"
3879
+ 2: "grid-cols-1 sm:grid-cols-2 @max-sm:!grid-cols-1",
3880
+ 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
3881
+ 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
3882
+ 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
3883
+ 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1"
3884
3884
  };
3885
3885
  var SimpleGrid = ({
3886
3886
  minChildWidth = 250,
@@ -8338,11 +8338,11 @@ var init_SimpleGrid = __esm({
8338
8338
  };
8339
8339
  colStyles = {
8340
8340
  1: "grid-cols-1",
8341
- 2: "grid-cols-1 sm:grid-cols-2",
8342
- 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
8343
- 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
8344
- 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",
8345
- 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6"
8341
+ 2: "grid-cols-1 sm:grid-cols-2 @max-sm:!grid-cols-1",
8342
+ 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8343
+ 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8344
+ 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8345
+ 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1"
8346
8346
  };
8347
8347
  SimpleGrid = ({
8348
8348
  minChildWidth = 250,
@@ -22490,11 +22490,11 @@ function DataGrid({
22490
22490
  const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
22491
22491
  const colsClass = cols ? {
22492
22492
  1: "grid-cols-1",
22493
- 2: "sm:grid-cols-2",
22494
- 3: "sm:grid-cols-2 lg:grid-cols-3",
22495
- 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
22496
- 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
22497
- 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
22493
+ 2: "sm:grid-cols-2 @max-sm:!grid-cols-1",
22494
+ 3: "sm:grid-cols-2 lg:grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22495
+ 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22496
+ 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22497
+ 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1"
22498
22498
  }[cols] : void 0;
22499
22499
  if (isLoading) {
22500
22500
  return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
@@ -8292,11 +8292,11 @@ var init_SimpleGrid = __esm({
8292
8292
  };
8293
8293
  colStyles = {
8294
8294
  1: "grid-cols-1",
8295
- 2: "grid-cols-1 sm:grid-cols-2",
8296
- 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
8297
- 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
8298
- 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",
8299
- 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6"
8295
+ 2: "grid-cols-1 sm:grid-cols-2 @max-sm:!grid-cols-1",
8296
+ 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8297
+ 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8298
+ 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8299
+ 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1"
8300
8300
  };
8301
8301
  SimpleGrid = ({
8302
8302
  minChildWidth = 250,
@@ -22444,11 +22444,11 @@ function DataGrid({
22444
22444
  const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
22445
22445
  const colsClass = cols ? {
22446
22446
  1: "grid-cols-1",
22447
- 2: "sm:grid-cols-2",
22448
- 3: "sm:grid-cols-2 lg:grid-cols-3",
22449
- 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
22450
- 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
22451
- 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
22447
+ 2: "sm:grid-cols-2 @max-sm:!grid-cols-1",
22448
+ 3: "sm:grid-cols-2 lg:grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22449
+ 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22450
+ 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22451
+ 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1"
22452
22452
  }[cols] : void 0;
22453
22453
  if (isLoading) {
22454
22454
  return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
@@ -8226,11 +8226,11 @@ var init_SimpleGrid = __esm({
8226
8226
  };
8227
8227
  colStyles = {
8228
8228
  1: "grid-cols-1",
8229
- 2: "grid-cols-1 sm:grid-cols-2",
8230
- 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
8231
- 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
8232
- 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",
8233
- 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6"
8229
+ 2: "grid-cols-1 sm:grid-cols-2 @max-sm:!grid-cols-1",
8230
+ 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8231
+ 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8232
+ 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8233
+ 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1"
8234
8234
  };
8235
8235
  SimpleGrid = ({
8236
8236
  minChildWidth = 250,
@@ -22259,11 +22259,11 @@ function DataGrid({
22259
22259
  const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
22260
22260
  const colsClass = cols ? {
22261
22261
  1: "grid-cols-1",
22262
- 2: "sm:grid-cols-2",
22263
- 3: "sm:grid-cols-2 lg:grid-cols-3",
22264
- 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
22265
- 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
22266
- 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
22262
+ 2: "sm:grid-cols-2 @max-sm:!grid-cols-1",
22263
+ 3: "sm:grid-cols-2 lg:grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22264
+ 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22265
+ 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22266
+ 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1"
22267
22267
  }[cols] : void 0;
22268
22268
  if (isLoading) {
22269
22269
  return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
@@ -8180,11 +8180,11 @@ var init_SimpleGrid = __esm({
8180
8180
  };
8181
8181
  colStyles = {
8182
8182
  1: "grid-cols-1",
8183
- 2: "grid-cols-1 sm:grid-cols-2",
8184
- 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
8185
- 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
8186
- 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",
8187
- 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6"
8183
+ 2: "grid-cols-1 sm:grid-cols-2 @max-sm:!grid-cols-1",
8184
+ 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8185
+ 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8186
+ 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1",
8187
+ 6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 @max-xl:!grid-cols-4 @max-lg:!grid-cols-3 @max-md:!grid-cols-2 @max-sm:!grid-cols-1"
8188
8188
  };
8189
8189
  SimpleGrid = ({
8190
8190
  minChildWidth = 250,
@@ -22213,11 +22213,11 @@ function DataGrid({
22213
22213
  const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
22214
22214
  const colsClass = cols ? {
22215
22215
  1: "grid-cols-1",
22216
- 2: "sm:grid-cols-2",
22217
- 3: "sm:grid-cols-2 lg:grid-cols-3",
22218
- 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
22219
- 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
22220
- 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
22216
+ 2: "sm:grid-cols-2 @max-sm:!grid-cols-1",
22217
+ 3: "sm:grid-cols-2 lg:grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22218
+ 4: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22219
+ 5: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1",
22220
+ 6: "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 @max-xl:!grid-cols-3 @max-lg:!grid-cols-2 @max-sm:!grid-cols-1"
22221
22221
  }[cols] : void 0;
22222
22222
  if (isLoading) {
22223
22223
  return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@almadar/ui",
3
- "version": "4.53.4",
3
+ "version": "4.53.5",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "sideEffects": [