@almadar/ui 2.25.4 → 2.26.0
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.
- package/dist/avl/index.cjs +43 -43
- package/dist/avl/index.js +43 -43
- package/dist/components/index.cjs +860 -860
- package/dist/components/index.js +860 -860
- package/dist/components/organisms/game/three/index.cjs +41 -41
- package/dist/components/organisms/game/three/index.js +41 -41
- package/dist/docs/index.cjs +142 -142
- package/dist/docs/index.js +142 -142
- package/dist/illustrations/index.cjs +17 -17
- package/dist/illustrations/index.js +17 -17
- package/dist/marketing/index.cjs +167 -167
- package/dist/marketing/index.js +167 -167
- package/dist/providers/index.cjs +178 -178
- package/dist/providers/index.js +178 -178
- package/dist/runtime/index.cjs +802 -802
- package/dist/runtime/index.js +802 -802
- package/package.json +1 -1
- package/tailwind-preset.cjs +30 -188
package/dist/avl/index.cjs
CHANGED
|
@@ -3604,30 +3604,30 @@ function cn(...inputs) {
|
|
|
3604
3604
|
return twMerge(clsx(inputs));
|
|
3605
3605
|
}
|
|
3606
3606
|
var variantStyles = {
|
|
3607
|
-
h1: "text-4xl font-bold tracking-tight text-
|
|
3608
|
-
h2: "text-3xl font-bold tracking-tight text-
|
|
3609
|
-
h3: "text-2xl font-bold text-
|
|
3610
|
-
h4: "text-xl font-bold text-
|
|
3611
|
-
h5: "text-lg font-bold text-
|
|
3612
|
-
h6: "text-base font-bold text-
|
|
3613
|
-
heading: "text-2xl font-bold text-
|
|
3614
|
-
subheading: "text-lg font-semibold text-
|
|
3615
|
-
body1: "text-base font-normal text-
|
|
3616
|
-
body2: "text-sm font-normal text-
|
|
3617
|
-
body: "text-base font-normal text-
|
|
3618
|
-
caption: "text-xs font-normal text-
|
|
3619
|
-
overline: "text-xs uppercase tracking-wide font-bold text-
|
|
3620
|
-
small: "text-sm font-normal text-
|
|
3621
|
-
large: "text-lg font-medium text-
|
|
3622
|
-
label: "text-sm font-medium text-
|
|
3607
|
+
h1: "text-4xl font-bold tracking-tight text-foreground",
|
|
3608
|
+
h2: "text-3xl font-bold tracking-tight text-foreground",
|
|
3609
|
+
h3: "text-2xl font-bold text-foreground",
|
|
3610
|
+
h4: "text-xl font-bold text-foreground",
|
|
3611
|
+
h5: "text-lg font-bold text-foreground",
|
|
3612
|
+
h6: "text-base font-bold text-foreground",
|
|
3613
|
+
heading: "text-2xl font-bold text-foreground",
|
|
3614
|
+
subheading: "text-lg font-semibold text-foreground",
|
|
3615
|
+
body1: "text-base font-normal text-foreground",
|
|
3616
|
+
body2: "text-sm font-normal text-foreground",
|
|
3617
|
+
body: "text-base font-normal text-foreground",
|
|
3618
|
+
caption: "text-xs font-normal text-muted-foreground",
|
|
3619
|
+
overline: "text-xs uppercase tracking-wide font-bold text-muted-foreground",
|
|
3620
|
+
small: "text-sm font-normal text-foreground",
|
|
3621
|
+
large: "text-lg font-medium text-foreground",
|
|
3622
|
+
label: "text-sm font-medium text-foreground"
|
|
3623
3623
|
};
|
|
3624
3624
|
var colorStyles = {
|
|
3625
|
-
primary: "text-
|
|
3626
|
-
secondary: "text-
|
|
3627
|
-
muted: "text-
|
|
3628
|
-
error: "text-
|
|
3629
|
-
success: "text-
|
|
3630
|
-
warning: "text-
|
|
3625
|
+
primary: "text-foreground",
|
|
3626
|
+
secondary: "text-muted-foreground",
|
|
3627
|
+
muted: "text-muted-foreground",
|
|
3628
|
+
error: "text-error",
|
|
3629
|
+
success: "text-success",
|
|
3630
|
+
warning: "text-warning",
|
|
3631
3631
|
inherit: "text-inherit"
|
|
3632
3632
|
};
|
|
3633
3633
|
var weightStyles = {
|
|
@@ -3842,28 +3842,28 @@ var marginYStyles = {
|
|
|
3842
3842
|
};
|
|
3843
3843
|
var bgStyles = {
|
|
3844
3844
|
transparent: "bg-transparent",
|
|
3845
|
-
primary: "bg-
|
|
3846
|
-
secondary: "bg-
|
|
3847
|
-
muted: "bg-
|
|
3848
|
-
accent: "bg-
|
|
3849
|
-
surface: "bg-
|
|
3850
|
-
overlay: "bg-
|
|
3845
|
+
primary: "bg-primary text-primary-foreground",
|
|
3846
|
+
secondary: "bg-secondary text-secondary-foreground",
|
|
3847
|
+
muted: "bg-muted text-foreground",
|
|
3848
|
+
accent: "bg-accent text-accent-foreground",
|
|
3849
|
+
surface: "bg-card",
|
|
3850
|
+
overlay: "bg-card/80 backdrop-blur-sm"
|
|
3851
3851
|
};
|
|
3852
3852
|
var roundedStyles = {
|
|
3853
3853
|
none: "rounded-none",
|
|
3854
|
-
sm: "rounded-
|
|
3855
|
-
md: "rounded-
|
|
3856
|
-
lg: "rounded-
|
|
3857
|
-
xl: "rounded-
|
|
3858
|
-
"2xl": "rounded-
|
|
3859
|
-
full: "rounded-
|
|
3854
|
+
sm: "rounded-sm",
|
|
3855
|
+
md: "rounded-md",
|
|
3856
|
+
lg: "rounded-lg",
|
|
3857
|
+
xl: "rounded-xl",
|
|
3858
|
+
"2xl": "rounded-xl",
|
|
3859
|
+
full: "rounded-full"
|
|
3860
3860
|
};
|
|
3861
3861
|
var shadowStyles = {
|
|
3862
3862
|
none: "shadow-none",
|
|
3863
|
-
sm: "shadow-
|
|
3864
|
-
md: "shadow
|
|
3865
|
-
lg: "shadow-
|
|
3866
|
-
xl: "shadow-
|
|
3863
|
+
sm: "shadow-sm",
|
|
3864
|
+
md: "shadow",
|
|
3865
|
+
lg: "shadow-lg",
|
|
3866
|
+
xl: "shadow-lg"
|
|
3867
3867
|
};
|
|
3868
3868
|
var displayStyles = {
|
|
3869
3869
|
block: "block",
|
|
@@ -3951,7 +3951,7 @@ var Box = React8__default.default.forwardRef(
|
|
|
3951
3951
|
// Background
|
|
3952
3952
|
bgStyles[bg],
|
|
3953
3953
|
// Border - uses theme variables
|
|
3954
|
-
border && "border-[length:var(--border-width)] border-
|
|
3954
|
+
border && "border-[length:var(--border-width)] border-border",
|
|
3955
3955
|
// Rounded
|
|
3956
3956
|
roundedStyles[rounded],
|
|
3957
3957
|
// Shadow
|
|
@@ -6752,7 +6752,7 @@ var AvlCosmicZoom = ({
|
|
|
6752
6752
|
{
|
|
6753
6753
|
gap: "xs",
|
|
6754
6754
|
align: "center",
|
|
6755
|
-
className: "absolute top-2 left-2 z-10 bg-
|
|
6755
|
+
className: "absolute top-2 left-2 z-10 bg-surface/80 backdrop-blur rounded-md px-3 py-1.5",
|
|
6756
6756
|
children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxRuntime.jsxs(React8__default.default.Fragment, { children: [
|
|
6757
6757
|
i > 0 && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", color: "muted", className: "mx-1", children: "/" }),
|
|
6758
6758
|
i < breadcrumbs.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -6775,12 +6775,12 @@ var AvlCosmicZoom = ({
|
|
|
6775
6775
|
{
|
|
6776
6776
|
gap: "xs",
|
|
6777
6777
|
align: "center",
|
|
6778
|
-
className: "absolute top-2 right-2 z-10 bg-
|
|
6778
|
+
className: "absolute top-2 right-2 z-10 bg-surface/80 backdrop-blur rounded-md px-1.5 py-1",
|
|
6779
6779
|
children: orbData.traits.map((t) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6780
6780
|
Box,
|
|
6781
6781
|
{
|
|
6782
6782
|
as: "button",
|
|
6783
|
-
className: `px-2.5 py-1 rounded-md text-xs font-medium transition-all cursor-pointer border-none ${t.name === state.selectedTrait ? "bg-
|
|
6783
|
+
className: `px-2.5 py-1 rounded-md text-xs font-medium transition-all cursor-pointer border-none ${t.name === state.selectedTrait ? "bg-primary text-primary-foreground" : "bg-transparent text-muted-foreground hover:text-foreground hover:bg-surface"}`,
|
|
6784
6784
|
onClick: () => handleTraitSwitch(t.name),
|
|
6785
6785
|
children: t.name
|
|
6786
6786
|
},
|
|
@@ -6794,7 +6794,7 @@ var AvlCosmicZoom = ({
|
|
|
6794
6794
|
{
|
|
6795
6795
|
variant: "small",
|
|
6796
6796
|
color: "muted",
|
|
6797
|
-
className: "absolute bottom-2 right-2 z-10 bg-
|
|
6797
|
+
className: "absolute bottom-2 right-2 z-10 bg-surface/60 backdrop-blur rounded px-2 py-1",
|
|
6798
6798
|
children: "Press Esc to zoom out"
|
|
6799
6799
|
}
|
|
6800
6800
|
),
|
package/dist/avl/index.js
CHANGED
|
@@ -3597,30 +3597,30 @@ function cn(...inputs) {
|
|
|
3597
3597
|
return twMerge(clsx(inputs));
|
|
3598
3598
|
}
|
|
3599
3599
|
var variantStyles = {
|
|
3600
|
-
h1: "text-4xl font-bold tracking-tight text-
|
|
3601
|
-
h2: "text-3xl font-bold tracking-tight text-
|
|
3602
|
-
h3: "text-2xl font-bold text-
|
|
3603
|
-
h4: "text-xl font-bold text-
|
|
3604
|
-
h5: "text-lg font-bold text-
|
|
3605
|
-
h6: "text-base font-bold text-
|
|
3606
|
-
heading: "text-2xl font-bold text-
|
|
3607
|
-
subheading: "text-lg font-semibold text-
|
|
3608
|
-
body1: "text-base font-normal text-
|
|
3609
|
-
body2: "text-sm font-normal text-
|
|
3610
|
-
body: "text-base font-normal text-
|
|
3611
|
-
caption: "text-xs font-normal text-
|
|
3612
|
-
overline: "text-xs uppercase tracking-wide font-bold text-
|
|
3613
|
-
small: "text-sm font-normal text-
|
|
3614
|
-
large: "text-lg font-medium text-
|
|
3615
|
-
label: "text-sm font-medium text-
|
|
3600
|
+
h1: "text-4xl font-bold tracking-tight text-foreground",
|
|
3601
|
+
h2: "text-3xl font-bold tracking-tight text-foreground",
|
|
3602
|
+
h3: "text-2xl font-bold text-foreground",
|
|
3603
|
+
h4: "text-xl font-bold text-foreground",
|
|
3604
|
+
h5: "text-lg font-bold text-foreground",
|
|
3605
|
+
h6: "text-base font-bold text-foreground",
|
|
3606
|
+
heading: "text-2xl font-bold text-foreground",
|
|
3607
|
+
subheading: "text-lg font-semibold text-foreground",
|
|
3608
|
+
body1: "text-base font-normal text-foreground",
|
|
3609
|
+
body2: "text-sm font-normal text-foreground",
|
|
3610
|
+
body: "text-base font-normal text-foreground",
|
|
3611
|
+
caption: "text-xs font-normal text-muted-foreground",
|
|
3612
|
+
overline: "text-xs uppercase tracking-wide font-bold text-muted-foreground",
|
|
3613
|
+
small: "text-sm font-normal text-foreground",
|
|
3614
|
+
large: "text-lg font-medium text-foreground",
|
|
3615
|
+
label: "text-sm font-medium text-foreground"
|
|
3616
3616
|
};
|
|
3617
3617
|
var colorStyles = {
|
|
3618
|
-
primary: "text-
|
|
3619
|
-
secondary: "text-
|
|
3620
|
-
muted: "text-
|
|
3621
|
-
error: "text-
|
|
3622
|
-
success: "text-
|
|
3623
|
-
warning: "text-
|
|
3618
|
+
primary: "text-foreground",
|
|
3619
|
+
secondary: "text-muted-foreground",
|
|
3620
|
+
muted: "text-muted-foreground",
|
|
3621
|
+
error: "text-error",
|
|
3622
|
+
success: "text-success",
|
|
3623
|
+
warning: "text-warning",
|
|
3624
3624
|
inherit: "text-inherit"
|
|
3625
3625
|
};
|
|
3626
3626
|
var weightStyles = {
|
|
@@ -3835,28 +3835,28 @@ var marginYStyles = {
|
|
|
3835
3835
|
};
|
|
3836
3836
|
var bgStyles = {
|
|
3837
3837
|
transparent: "bg-transparent",
|
|
3838
|
-
primary: "bg-
|
|
3839
|
-
secondary: "bg-
|
|
3840
|
-
muted: "bg-
|
|
3841
|
-
accent: "bg-
|
|
3842
|
-
surface: "bg-
|
|
3843
|
-
overlay: "bg-
|
|
3838
|
+
primary: "bg-primary text-primary-foreground",
|
|
3839
|
+
secondary: "bg-secondary text-secondary-foreground",
|
|
3840
|
+
muted: "bg-muted text-foreground",
|
|
3841
|
+
accent: "bg-accent text-accent-foreground",
|
|
3842
|
+
surface: "bg-card",
|
|
3843
|
+
overlay: "bg-card/80 backdrop-blur-sm"
|
|
3844
3844
|
};
|
|
3845
3845
|
var roundedStyles = {
|
|
3846
3846
|
none: "rounded-none",
|
|
3847
|
-
sm: "rounded-
|
|
3848
|
-
md: "rounded-
|
|
3849
|
-
lg: "rounded-
|
|
3850
|
-
xl: "rounded-
|
|
3851
|
-
"2xl": "rounded-
|
|
3852
|
-
full: "rounded-
|
|
3847
|
+
sm: "rounded-sm",
|
|
3848
|
+
md: "rounded-md",
|
|
3849
|
+
lg: "rounded-lg",
|
|
3850
|
+
xl: "rounded-xl",
|
|
3851
|
+
"2xl": "rounded-xl",
|
|
3852
|
+
full: "rounded-full"
|
|
3853
3853
|
};
|
|
3854
3854
|
var shadowStyles = {
|
|
3855
3855
|
none: "shadow-none",
|
|
3856
|
-
sm: "shadow-
|
|
3857
|
-
md: "shadow
|
|
3858
|
-
lg: "shadow-
|
|
3859
|
-
xl: "shadow-
|
|
3856
|
+
sm: "shadow-sm",
|
|
3857
|
+
md: "shadow",
|
|
3858
|
+
lg: "shadow-lg",
|
|
3859
|
+
xl: "shadow-lg"
|
|
3860
3860
|
};
|
|
3861
3861
|
var displayStyles = {
|
|
3862
3862
|
block: "block",
|
|
@@ -3944,7 +3944,7 @@ var Box = React8.forwardRef(
|
|
|
3944
3944
|
// Background
|
|
3945
3945
|
bgStyles[bg],
|
|
3946
3946
|
// Border - uses theme variables
|
|
3947
|
-
border && "border-[length:var(--border-width)] border-
|
|
3947
|
+
border && "border-[length:var(--border-width)] border-border",
|
|
3948
3948
|
// Rounded
|
|
3949
3949
|
roundedStyles[rounded],
|
|
3950
3950
|
// Shadow
|
|
@@ -6745,7 +6745,7 @@ var AvlCosmicZoom = ({
|
|
|
6745
6745
|
{
|
|
6746
6746
|
gap: "xs",
|
|
6747
6747
|
align: "center",
|
|
6748
|
-
className: "absolute top-2 left-2 z-10 bg-
|
|
6748
|
+
className: "absolute top-2 left-2 z-10 bg-surface/80 backdrop-blur rounded-md px-3 py-1.5",
|
|
6749
6749
|
children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React8.Fragment, { children: [
|
|
6750
6750
|
i > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", className: "mx-1", children: "/" }),
|
|
6751
6751
|
i < breadcrumbs.length - 1 ? /* @__PURE__ */ jsx(
|
|
@@ -6768,12 +6768,12 @@ var AvlCosmicZoom = ({
|
|
|
6768
6768
|
{
|
|
6769
6769
|
gap: "xs",
|
|
6770
6770
|
align: "center",
|
|
6771
|
-
className: "absolute top-2 right-2 z-10 bg-
|
|
6771
|
+
className: "absolute top-2 right-2 z-10 bg-surface/80 backdrop-blur rounded-md px-1.5 py-1",
|
|
6772
6772
|
children: orbData.traits.map((t) => /* @__PURE__ */ jsx(
|
|
6773
6773
|
Box,
|
|
6774
6774
|
{
|
|
6775
6775
|
as: "button",
|
|
6776
|
-
className: `px-2.5 py-1 rounded-md text-xs font-medium transition-all cursor-pointer border-none ${t.name === state.selectedTrait ? "bg-
|
|
6776
|
+
className: `px-2.5 py-1 rounded-md text-xs font-medium transition-all cursor-pointer border-none ${t.name === state.selectedTrait ? "bg-primary text-primary-foreground" : "bg-transparent text-muted-foreground hover:text-foreground hover:bg-surface"}`,
|
|
6777
6777
|
onClick: () => handleTraitSwitch(t.name),
|
|
6778
6778
|
children: t.name
|
|
6779
6779
|
},
|
|
@@ -6787,7 +6787,7 @@ var AvlCosmicZoom = ({
|
|
|
6787
6787
|
{
|
|
6788
6788
|
variant: "small",
|
|
6789
6789
|
color: "muted",
|
|
6790
|
-
className: "absolute bottom-2 right-2 z-10 bg-
|
|
6790
|
+
className: "absolute bottom-2 right-2 z-10 bg-surface/60 backdrop-blur rounded px-2 py-1",
|
|
6791
6791
|
children: "Press Esc to zoom out"
|
|
6792
6792
|
}
|
|
6793
6793
|
),
|