@almadar/ui 4.56.1 → 4.56.3

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.
@@ -25502,15 +25502,24 @@ var init_DashboardLayout = __esm({
25502
25502
  )
25503
25503
  }
25504
25504
  ),
25505
- /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children }),
25506
- showBottomNav && /* @__PURE__ */ jsxRuntime.jsx(
25505
+ /* @__PURE__ */ jsxRuntime.jsx(
25507
25506
  Box,
25508
25507
  {
25509
- as: "nav",
25508
+ as: "main",
25510
25509
  className: cn(
25511
- "sticky bottom-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
25512
- layoutMode !== "bottomnav" && "@md/dashboard:hidden"
25510
+ "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6",
25511
+ // Reserve space for the fixed bottom nav so content isn't
25512
+ // hidden under the tab bar.
25513
+ showBottomNav && "pb-20"
25513
25514
  ),
25515
+ children
25516
+ }
25517
+ ),
25518
+ showBottomNav && /* @__PURE__ */ jsxRuntime.jsx(
25519
+ Box,
25520
+ {
25521
+ as: "nav",
25522
+ className: "fixed bottom-0 inset-x-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
25514
25523
  children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { align: "center", justify: "around", className: "h-full px-2", children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
25515
25524
  NavLinkBottom,
25516
25525
  {
@@ -60850,7 +60859,7 @@ var OrbPreviewNodeInner = (props) => {
60850
60859
  /* @__PURE__ */ jsxRuntime.jsx(
60851
60860
  Box,
60852
60861
  {
60853
- className: "absolute top-1.5 left-1.5 rounded px-1 py-[1px] text-[8px] font-mono uppercase tracking-wider pointer-events-none",
60862
+ className: "absolute top-1.5 right-1.5 rounded px-1 py-[1px] text-[8px] font-mono uppercase tracking-wider pointer-events-none",
60854
60863
  style: {
60855
60864
  backgroundColor: "var(--color-muted)",
60856
60865
  color: "var(--color-muted-foreground)",
package/dist/avl/index.js CHANGED
@@ -25456,15 +25456,24 @@ var init_DashboardLayout = __esm({
25456
25456
  )
25457
25457
  }
25458
25458
  ),
25459
- /* @__PURE__ */ jsx(Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children }),
25460
- showBottomNav && /* @__PURE__ */ jsx(
25459
+ /* @__PURE__ */ jsx(
25461
25460
  Box,
25462
25461
  {
25463
- as: "nav",
25462
+ as: "main",
25464
25463
  className: cn(
25465
- "sticky bottom-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
25466
- layoutMode !== "bottomnav" && "@md/dashboard:hidden"
25464
+ "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6",
25465
+ // Reserve space for the fixed bottom nav so content isn't
25466
+ // hidden under the tab bar.
25467
+ showBottomNav && "pb-20"
25467
25468
  ),
25469
+ children
25470
+ }
25471
+ ),
25472
+ showBottomNav && /* @__PURE__ */ jsx(
25473
+ Box,
25474
+ {
25475
+ as: "nav",
25476
+ className: "fixed bottom-0 inset-x-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
25468
25477
  children: /* @__PURE__ */ jsx(HStack, { align: "center", justify: "around", className: "h-full px-2", children: navItems.map((item) => /* @__PURE__ */ jsx(
25469
25478
  NavLinkBottom,
25470
25479
  {
@@ -60804,7 +60813,7 @@ var OrbPreviewNodeInner = (props) => {
60804
60813
  /* @__PURE__ */ jsx(
60805
60814
  Box,
60806
60815
  {
60807
- className: "absolute top-1.5 left-1.5 rounded px-1 py-[1px] text-[8px] font-mono uppercase tracking-wider pointer-events-none",
60816
+ className: "absolute top-1.5 right-1.5 rounded px-1 py-[1px] text-[8px] font-mono uppercase tracking-wider pointer-events-none",
60808
60817
  style: {
60809
60818
  backgroundColor: "var(--color-muted)",
60810
60819
  color: "var(--color-muted-foreground)",
@@ -20669,15 +20669,24 @@ var init_DashboardLayout = __esm({
20669
20669
  )
20670
20670
  }
20671
20671
  ),
20672
- /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children }),
20673
- showBottomNav && /* @__PURE__ */ jsxRuntime.jsx(
20672
+ /* @__PURE__ */ jsxRuntime.jsx(
20674
20673
  exports.Box,
20675
20674
  {
20676
- as: "nav",
20675
+ as: "main",
20677
20676
  className: cn(
20678
- "sticky bottom-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
20679
- layoutMode !== "bottomnav" && "@md/dashboard:hidden"
20677
+ "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6",
20678
+ // Reserve space for the fixed bottom nav so content isn't
20679
+ // hidden under the tab bar.
20680
+ showBottomNav && "pb-20"
20680
20681
  ),
20682
+ children
20683
+ }
20684
+ ),
20685
+ showBottomNav && /* @__PURE__ */ jsxRuntime.jsx(
20686
+ exports.Box,
20687
+ {
20688
+ as: "nav",
20689
+ className: "fixed bottom-0 inset-x-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
20681
20690
  children: /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { align: "center", justify: "around", className: "h-full px-2", children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
20682
20691
  NavLinkBottom,
20683
20692
  {
@@ -20623,15 +20623,24 @@ var init_DashboardLayout = __esm({
20623
20623
  )
20624
20624
  }
20625
20625
  ),
20626
- /* @__PURE__ */ jsx(Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children }),
20627
- showBottomNav && /* @__PURE__ */ jsx(
20626
+ /* @__PURE__ */ jsx(
20628
20627
  Box,
20629
20628
  {
20630
- as: "nav",
20629
+ as: "main",
20631
20630
  className: cn(
20632
- "sticky bottom-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
20633
- layoutMode !== "bottomnav" && "@md/dashboard:hidden"
20631
+ "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6",
20632
+ // Reserve space for the fixed bottom nav so content isn't
20633
+ // hidden under the tab bar.
20634
+ showBottomNav && "pb-20"
20634
20635
  ),
20636
+ children
20637
+ }
20638
+ ),
20639
+ showBottomNav && /* @__PURE__ */ jsx(
20640
+ Box,
20641
+ {
20642
+ as: "nav",
20643
+ className: "fixed bottom-0 inset-x-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
20635
20644
  children: /* @__PURE__ */ jsx(HStack, { align: "center", justify: "around", className: "h-full px-2", children: navItems.map((item) => /* @__PURE__ */ jsx(
20636
20645
  NavLinkBottom,
20637
20646
  {
@@ -21914,15 +21914,24 @@ var init_DashboardLayout = __esm({
21914
21914
  )
21915
21915
  }
21916
21916
  ),
21917
- /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children }),
21918
- showBottomNav && /* @__PURE__ */ jsxRuntime.jsx(
21917
+ /* @__PURE__ */ jsxRuntime.jsx(
21919
21918
  Box,
21920
21919
  {
21921
- as: "nav",
21920
+ as: "main",
21922
21921
  className: cn(
21923
- "sticky bottom-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
21924
- layoutMode !== "bottomnav" && "@md/dashboard:hidden"
21922
+ "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6",
21923
+ // Reserve space for the fixed bottom nav so content isn't
21924
+ // hidden under the tab bar.
21925
+ showBottomNav && "pb-20"
21925
21926
  ),
21927
+ children
21928
+ }
21929
+ ),
21930
+ showBottomNav && /* @__PURE__ */ jsxRuntime.jsx(
21931
+ Box,
21932
+ {
21933
+ as: "nav",
21934
+ className: "fixed bottom-0 inset-x-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
21926
21935
  children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { align: "center", justify: "around", className: "h-full px-2", children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
21927
21936
  NavLinkBottom,
21928
21937
  {
@@ -21868,15 +21868,24 @@ var init_DashboardLayout = __esm({
21868
21868
  )
21869
21869
  }
21870
21870
  ),
21871
- /* @__PURE__ */ jsx(Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children }),
21872
- showBottomNav && /* @__PURE__ */ jsx(
21871
+ /* @__PURE__ */ jsx(
21873
21872
  Box,
21874
21873
  {
21875
- as: "nav",
21874
+ as: "main",
21876
21875
  className: cn(
21877
- "sticky bottom-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
21878
- layoutMode !== "bottomnav" && "@md/dashboard:hidden"
21876
+ "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6",
21877
+ // Reserve space for the fixed bottom nav so content isn't
21878
+ // hidden under the tab bar.
21879
+ showBottomNav && "pb-20"
21879
21880
  ),
21881
+ children
21882
+ }
21883
+ ),
21884
+ showBottomNav && /* @__PURE__ */ jsx(
21885
+ Box,
21886
+ {
21887
+ as: "nav",
21888
+ className: "fixed bottom-0 inset-x-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
21880
21889
  children: /* @__PURE__ */ jsx(HStack, { align: "center", justify: "around", className: "h-full px-2", children: navItems.map((item) => /* @__PURE__ */ jsx(
21881
21890
  NavLinkBottom,
21882
21891
  {
@@ -21683,15 +21683,24 @@ var init_DashboardLayout = __esm({
21683
21683
  )
21684
21684
  }
21685
21685
  ),
21686
- /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children }),
21687
- showBottomNav && /* @__PURE__ */ jsxRuntime.jsx(
21686
+ /* @__PURE__ */ jsxRuntime.jsx(
21688
21687
  Box,
21689
21688
  {
21690
- as: "nav",
21689
+ as: "main",
21691
21690
  className: cn(
21692
- "sticky bottom-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
21693
- layoutMode !== "bottomnav" && "@md/dashboard:hidden"
21691
+ "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6",
21692
+ // Reserve space for the fixed bottom nav so content isn't
21693
+ // hidden under the tab bar.
21694
+ showBottomNav && "pb-20"
21694
21695
  ),
21696
+ children
21697
+ }
21698
+ ),
21699
+ showBottomNav && /* @__PURE__ */ jsxRuntime.jsx(
21700
+ Box,
21701
+ {
21702
+ as: "nav",
21703
+ className: "fixed bottom-0 inset-x-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
21695
21704
  children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { align: "center", justify: "around", className: "h-full px-2", children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
21696
21705
  NavLinkBottom,
21697
21706
  {
@@ -21637,15 +21637,24 @@ var init_DashboardLayout = __esm({
21637
21637
  )
21638
21638
  }
21639
21639
  ),
21640
- /* @__PURE__ */ jsx(Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children }),
21641
- showBottomNav && /* @__PURE__ */ jsx(
21640
+ /* @__PURE__ */ jsx(
21642
21641
  Box,
21643
21642
  {
21644
- as: "nav",
21643
+ as: "main",
21645
21644
  className: cn(
21646
- "sticky bottom-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
21647
- layoutMode !== "bottomnav" && "@md/dashboard:hidden"
21645
+ "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6",
21646
+ // Reserve space for the fixed bottom nav so content isn't
21647
+ // hidden under the tab bar.
21648
+ showBottomNav && "pb-20"
21648
21649
  ),
21650
+ children
21651
+ }
21652
+ ),
21653
+ showBottomNav && /* @__PURE__ */ jsx(
21654
+ Box,
21655
+ {
21656
+ as: "nav",
21657
+ className: "fixed bottom-0 inset-x-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border",
21649
21658
  children: /* @__PURE__ */ jsx(HStack, { align: "center", justify: "around", className: "h-full px-2", children: navItems.map((item) => /* @__PURE__ */ jsx(
21650
21659
  NavLinkBottom,
21651
21660
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@almadar/ui",
3
- "version": "4.56.1",
3
+ "version": "4.56.3",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "sideEffects": [