@almadar/ui 5.24.0 → 5.25.1
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 +56 -97
- package/dist/avl/index.js +56 -97
- package/dist/components/core/atoms/Typography.d.ts +0 -18
- package/dist/components/core/atoms/index.d.ts +1 -1
- package/dist/components/core/molecules/PropertyInspector.d.ts +3 -2
- package/dist/components/core/molecules/index.d.ts +2 -2
- package/dist/components/core/organisms/ComponentPatterns.d.ts +0 -3
- package/dist/components/core/organisms/index.d.ts +5 -5
- package/dist/components/core/templates/index.d.ts +1 -1
- package/dist/components/game/atoms/DialogueBubble.d.ts +2 -1
- package/dist/components/game/atoms/Sprite.d.ts +2 -2
- package/dist/components/index.cjs +50 -95
- package/dist/components/index.js +51 -96
- package/dist/components/{core → marketing}/organisms/CaseStudyOrganism.d.ts +1 -1
- package/dist/components/{core → marketing}/organisms/FeatureGridOrganism.d.ts +1 -1
- package/dist/components/{core → marketing}/organisms/HeroOrganism.d.ts +1 -1
- package/dist/components/{core → marketing}/organisms/ShowcaseOrganism.d.ts +1 -1
- package/dist/components/{core → marketing}/organisms/StepFlowOrganism.d.ts +1 -1
- package/dist/docs/index.cjs +2 -2
- package/dist/docs/index.js +2 -2
- package/dist/marketing/index.cjs +4 -4
- package/dist/marketing/index.d.ts +4 -4
- package/dist/marketing/index.js +4 -4
- package/dist/providers/index.cjs +53 -94
- package/dist/providers/index.js +53 -94
- package/dist/runtime/index.cjs +53 -94
- package/dist/runtime/index.js +53 -94
- package/package.json +2 -2
- /package/dist/components/{core → marketing}/molecules/MarketingFooter.d.ts +0 -0
- /package/dist/components/{core → marketing}/molecules/PullQuote.d.ts +0 -0
- /package/dist/components/{core → marketing}/templates/AuthLayout.d.ts +0 -0
package/dist/avl/index.js
CHANGED
|
@@ -3085,11 +3085,9 @@ var init_cn = __esm({
|
|
|
3085
3085
|
// components/core/atoms/Typography.tsx
|
|
3086
3086
|
var Typography_exports = {};
|
|
3087
3087
|
__export(Typography_exports, {
|
|
3088
|
-
Heading: () => Heading,
|
|
3089
|
-
Text: () => Text,
|
|
3090
3088
|
Typography: () => Typography
|
|
3091
3089
|
});
|
|
3092
|
-
var variantStyles, colorStyles, weightStyles, defaultElements, typographySizeStyles, overflowStyles, Typography
|
|
3090
|
+
var variantStyles, colorStyles, weightStyles, defaultElements, typographySizeStyles, overflowStyles, Typography;
|
|
3093
3091
|
var init_Typography = __esm({
|
|
3094
3092
|
"components/core/atoms/Typography.tsx"() {
|
|
3095
3093
|
init_cn();
|
|
@@ -3200,46 +3198,6 @@ var init_Typography = __esm({
|
|
|
3200
3198
|
);
|
|
3201
3199
|
};
|
|
3202
3200
|
Typography.displayName = "Typography";
|
|
3203
|
-
sizeStyles = {
|
|
3204
|
-
xs: "text-xs",
|
|
3205
|
-
sm: "text-sm",
|
|
3206
|
-
md: "text-base",
|
|
3207
|
-
lg: "text-lg",
|
|
3208
|
-
xl: "text-xl",
|
|
3209
|
-
"2xl": "text-2xl",
|
|
3210
|
-
"3xl": "text-3xl"
|
|
3211
|
-
};
|
|
3212
|
-
Heading = ({
|
|
3213
|
-
level = 2,
|
|
3214
|
-
size,
|
|
3215
|
-
className,
|
|
3216
|
-
...props
|
|
3217
|
-
}) => {
|
|
3218
|
-
const variant = `h${level}`;
|
|
3219
|
-
const sizeClass = size ? sizeStyles[size] : void 0;
|
|
3220
|
-
return /* @__PURE__ */ jsx(
|
|
3221
|
-
Typography,
|
|
3222
|
-
{
|
|
3223
|
-
variant,
|
|
3224
|
-
className: cn(sizeClass, className),
|
|
3225
|
-
...props
|
|
3226
|
-
}
|
|
3227
|
-
);
|
|
3228
|
-
};
|
|
3229
|
-
Heading.displayName = "Heading";
|
|
3230
|
-
Text = ({
|
|
3231
|
-
variant = "body",
|
|
3232
|
-
...props
|
|
3233
|
-
}) => {
|
|
3234
|
-
return /* @__PURE__ */ jsx(
|
|
3235
|
-
Typography,
|
|
3236
|
-
{
|
|
3237
|
-
variant,
|
|
3238
|
-
...props
|
|
3239
|
-
}
|
|
3240
|
-
);
|
|
3241
|
-
};
|
|
3242
|
-
Text.displayName = "Text";
|
|
3243
3201
|
}
|
|
3244
3202
|
});
|
|
3245
3203
|
|
|
@@ -5279,7 +5237,7 @@ function resolveIconProp(value, sizeClass) {
|
|
|
5279
5237
|
}
|
|
5280
5238
|
return value;
|
|
5281
5239
|
}
|
|
5282
|
-
var variantStyles2,
|
|
5240
|
+
var variantStyles2, sizeStyles, iconSizeStyles, Button;
|
|
5283
5241
|
var init_Button = __esm({
|
|
5284
5242
|
"components/core/atoms/Button.tsx"() {
|
|
5285
5243
|
"use client";
|
|
@@ -5336,7 +5294,7 @@ var init_Button = __esm({
|
|
|
5336
5294
|
].join(" ")
|
|
5337
5295
|
};
|
|
5338
5296
|
variantStyles2.destructive = variantStyles2.danger;
|
|
5339
|
-
|
|
5297
|
+
sizeStyles = {
|
|
5340
5298
|
sm: "h-button-sm px-3 text-sm",
|
|
5341
5299
|
md: "h-button-md px-4 text-sm",
|
|
5342
5300
|
lg: "h-button-lg px-6 text-base"
|
|
@@ -5389,7 +5347,7 @@ var init_Button = __esm({
|
|
|
5389
5347
|
"focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-offset-[length:var(--focus-ring-offset)]",
|
|
5390
5348
|
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
5391
5349
|
variantStyles2[variant],
|
|
5392
|
-
|
|
5350
|
+
sizeStyles[size],
|
|
5393
5351
|
className
|
|
5394
5352
|
),
|
|
5395
5353
|
onClick: handleClick,
|
|
@@ -5872,7 +5830,7 @@ var init_Drawer = __esm({
|
|
|
5872
5830
|
Drawer.displayName = "Drawer";
|
|
5873
5831
|
}
|
|
5874
5832
|
});
|
|
5875
|
-
var variantStyles3,
|
|
5833
|
+
var variantStyles3, sizeStyles2, Badge;
|
|
5876
5834
|
var init_Badge = __esm({
|
|
5877
5835
|
"components/core/atoms/Badge.tsx"() {
|
|
5878
5836
|
init_cn();
|
|
@@ -5909,7 +5867,7 @@ var init_Badge = __esm({
|
|
|
5909
5867
|
"border-[length:var(--border-width-thin)] border-border"
|
|
5910
5868
|
].join(" ")
|
|
5911
5869
|
};
|
|
5912
|
-
|
|
5870
|
+
sizeStyles2 = {
|
|
5913
5871
|
sm: "px-2 py-0.5 text-xs",
|
|
5914
5872
|
md: "px-2.5 py-1 text-sm",
|
|
5915
5873
|
lg: "px-3 py-1.5 text-base"
|
|
@@ -5929,7 +5887,7 @@ var init_Badge = __esm({
|
|
|
5929
5887
|
className: cn(
|
|
5930
5888
|
"inline-flex items-center gap-1 font-bold rounded-sm",
|
|
5931
5889
|
variantStyles3[variant],
|
|
5932
|
-
|
|
5890
|
+
sizeStyles2[size],
|
|
5933
5891
|
onRemove && "pr-1",
|
|
5934
5892
|
className
|
|
5935
5893
|
),
|
|
@@ -7313,7 +7271,7 @@ var init_Card = __esm({
|
|
|
7313
7271
|
CardFooter.displayName = "CardFooter";
|
|
7314
7272
|
}
|
|
7315
7273
|
});
|
|
7316
|
-
var variantStyles5,
|
|
7274
|
+
var variantStyles5, sizeStyles3, iconSizes, FilterPill;
|
|
7317
7275
|
var init_FilterPill = __esm({
|
|
7318
7276
|
"components/core/atoms/FilterPill.tsx"() {
|
|
7319
7277
|
init_cn();
|
|
@@ -7347,7 +7305,7 @@ var init_FilterPill = __esm({
|
|
|
7347
7305
|
"border-[length:var(--border-width-thin)] border-border"
|
|
7348
7306
|
].join(" ")
|
|
7349
7307
|
};
|
|
7350
|
-
|
|
7308
|
+
sizeStyles3 = {
|
|
7351
7309
|
sm: "px-2 py-0.5 text-xs",
|
|
7352
7310
|
md: "px-2.5 py-1 text-sm",
|
|
7353
7311
|
lg: "px-3 py-1.5 text-base"
|
|
@@ -7391,7 +7349,7 @@ var init_FilterPill = __esm({
|
|
|
7391
7349
|
className: cn(
|
|
7392
7350
|
"inline-flex items-center gap-1 font-bold rounded-pill",
|
|
7393
7351
|
variantStyles5[variant],
|
|
7394
|
-
|
|
7352
|
+
sizeStyles3[size],
|
|
7395
7353
|
(onClick || clickEvent) && "cursor-pointer",
|
|
7396
7354
|
className
|
|
7397
7355
|
),
|
|
@@ -7423,12 +7381,12 @@ var init_FilterPill = __esm({
|
|
|
7423
7381
|
FilterPill.displayName = "FilterPill";
|
|
7424
7382
|
}
|
|
7425
7383
|
});
|
|
7426
|
-
var
|
|
7384
|
+
var sizeStyles4, Spinner;
|
|
7427
7385
|
var init_Spinner = __esm({
|
|
7428
7386
|
"components/core/atoms/Spinner.tsx"() {
|
|
7429
7387
|
init_cn();
|
|
7430
7388
|
init_Icon();
|
|
7431
|
-
|
|
7389
|
+
sizeStyles4 = {
|
|
7432
7390
|
xs: "h-3 w-3",
|
|
7433
7391
|
sm: "h-icon-default w-icon-default",
|
|
7434
7392
|
md: "h-6 w-6",
|
|
@@ -7442,7 +7400,7 @@ var init_Spinner = __esm({
|
|
|
7442
7400
|
ref,
|
|
7443
7401
|
className: cn("text-foreground", className),
|
|
7444
7402
|
...props,
|
|
7445
|
-
children: /* @__PURE__ */ jsx(Icon, { name: "loader", className: cn("animate-spin",
|
|
7403
|
+
children: /* @__PURE__ */ jsx(Icon, { name: "loader", className: cn("animate-spin", sizeStyles4[size]) })
|
|
7446
7404
|
}
|
|
7447
7405
|
);
|
|
7448
7406
|
}
|
|
@@ -8835,7 +8793,7 @@ var init_TimeSlotCell = __esm({
|
|
|
8835
8793
|
TimeSlotCell.displayName = "TimeSlotCell";
|
|
8836
8794
|
}
|
|
8837
8795
|
});
|
|
8838
|
-
var statusColors, pulseRingColors,
|
|
8796
|
+
var statusColors, pulseRingColors, sizeStyles5, StatusDot;
|
|
8839
8797
|
var init_StatusDot = __esm({
|
|
8840
8798
|
"components/core/atoms/StatusDot.tsx"() {
|
|
8841
8799
|
init_cn();
|
|
@@ -8855,7 +8813,7 @@ var init_StatusDot = __esm({
|
|
|
8855
8813
|
warning: "ring-warning",
|
|
8856
8814
|
critical: "ring-error"
|
|
8857
8815
|
};
|
|
8858
|
-
|
|
8816
|
+
sizeStyles5 = {
|
|
8859
8817
|
sm: "w-2 h-2",
|
|
8860
8818
|
md: "w-2.5 h-2.5",
|
|
8861
8819
|
lg: "w-3 h-3"
|
|
@@ -8869,7 +8827,7 @@ var init_StatusDot = __esm({
|
|
|
8869
8827
|
className: cn(
|
|
8870
8828
|
"inline-block rounded-full flex-shrink-0",
|
|
8871
8829
|
statusColors[status],
|
|
8872
|
-
|
|
8830
|
+
sizeStyles5[size],
|
|
8873
8831
|
pulse && [
|
|
8874
8832
|
"animate-pulse",
|
|
8875
8833
|
"ring-2 ring-offset-1",
|
|
@@ -8899,12 +8857,12 @@ function resolveColor(dir, invert) {
|
|
|
8899
8857
|
const isGood = invert ? !isPositive : isPositive;
|
|
8900
8858
|
return isGood ? "text-success" : "text-error";
|
|
8901
8859
|
}
|
|
8902
|
-
var
|
|
8860
|
+
var sizeStyles6, iconNameMap, TrendIndicator;
|
|
8903
8861
|
var init_TrendIndicator = __esm({
|
|
8904
8862
|
"components/core/atoms/TrendIndicator.tsx"() {
|
|
8905
8863
|
init_Icon();
|
|
8906
8864
|
init_cn();
|
|
8907
|
-
|
|
8865
|
+
sizeStyles6 = {
|
|
8908
8866
|
sm: { icon: "w-3 h-3", text: "text-xs" },
|
|
8909
8867
|
md: { icon: "w-4 h-4", text: "text-sm" },
|
|
8910
8868
|
lg: { icon: "w-5 h-5", text: "text-base" }
|
|
@@ -8928,7 +8886,7 @@ var init_TrendIndicator = __esm({
|
|
|
8928
8886
|
const dir = resolveDirection(value, direction);
|
|
8929
8887
|
const colorClass = resolveColor(dir, invert);
|
|
8930
8888
|
const iconName = iconNameMap[dir];
|
|
8931
|
-
const styles =
|
|
8889
|
+
const styles = sizeStyles6[size];
|
|
8932
8890
|
const formattedValue = value !== void 0 ? `${value > 0 ? "+" : ""}${value}%` : void 0;
|
|
8933
8891
|
const ariaLabel = label ?? (formattedValue ? `${dir} ${formattedValue}` : dir);
|
|
8934
8892
|
return /* @__PURE__ */ jsxs(
|
|
@@ -10593,7 +10551,7 @@ var init_ControlButton = __esm({
|
|
|
10593
10551
|
}
|
|
10594
10552
|
});
|
|
10595
10553
|
function Sprite({
|
|
10596
|
-
spritesheet,
|
|
10554
|
+
spritesheet = "https://almadar-kflow-assets.web.app/shared/isometric-blocks/Spritesheet/allTiles_sheet.png",
|
|
10597
10555
|
frameWidth,
|
|
10598
10556
|
frameHeight,
|
|
10599
10557
|
frame,
|
|
@@ -11273,7 +11231,7 @@ var init_DamageNumber = __esm({
|
|
|
11273
11231
|
function DialogueBubble({
|
|
11274
11232
|
speaker,
|
|
11275
11233
|
text,
|
|
11276
|
-
portrait,
|
|
11234
|
+
portrait = "https://almadar-kflow-assets.web.app/shared/characters/archetypes/00_base_model.png",
|
|
11277
11235
|
position = "bottom",
|
|
11278
11236
|
className
|
|
11279
11237
|
}) {
|
|
@@ -11892,11 +11850,11 @@ var init_wrapCallbackForEvent = __esm({
|
|
|
11892
11850
|
"runtime/wrapCallbackForEvent.ts"() {
|
|
11893
11851
|
}
|
|
11894
11852
|
});
|
|
11895
|
-
var
|
|
11853
|
+
var sizeStyles7, paddingStyles3, Container;
|
|
11896
11854
|
var init_Container = __esm({
|
|
11897
11855
|
"components/core/molecules/Container.tsx"() {
|
|
11898
11856
|
init_cn();
|
|
11899
|
-
|
|
11857
|
+
sizeStyles7 = {
|
|
11900
11858
|
xs: "max-w-xs",
|
|
11901
11859
|
// 320px
|
|
11902
11860
|
sm: "max-w-screen-sm",
|
|
@@ -11934,7 +11892,7 @@ var init_Container = __esm({
|
|
|
11934
11892
|
{
|
|
11935
11893
|
className: cn(
|
|
11936
11894
|
"w-full",
|
|
11937
|
-
|
|
11895
|
+
sizeStyles7[resolvedSize],
|
|
11938
11896
|
paddingStyles3[padding],
|
|
11939
11897
|
center && "mx-auto",
|
|
11940
11898
|
className
|
|
@@ -13923,6 +13881,7 @@ var init_ComponentPatterns = __esm({
|
|
|
13923
13881
|
init_ProgressBar();
|
|
13924
13882
|
init_Card();
|
|
13925
13883
|
init_Typography();
|
|
13884
|
+
init_cn();
|
|
13926
13885
|
init_Alert();
|
|
13927
13886
|
init_Tooltip();
|
|
13928
13887
|
init_Popover();
|
|
@@ -14258,7 +14217,7 @@ var init_AnimatedCounter = __esm({
|
|
|
14258
14217
|
});
|
|
14259
14218
|
var AuthLayout;
|
|
14260
14219
|
var init_AuthLayout = __esm({
|
|
14261
|
-
"components/
|
|
14220
|
+
"components/marketing/templates/AuthLayout.tsx"() {
|
|
14262
14221
|
"use client";
|
|
14263
14222
|
init_cn();
|
|
14264
14223
|
init_Box();
|
|
@@ -22743,7 +22702,7 @@ var init_Carousel = __esm({
|
|
|
22743
22702
|
});
|
|
22744
22703
|
var CaseStudyOrganism;
|
|
22745
22704
|
var init_CaseStudyOrganism = __esm({
|
|
22746
|
-
"components/
|
|
22705
|
+
"components/marketing/organisms/CaseStudyOrganism.tsx"() {
|
|
22747
22706
|
"use client";
|
|
22748
22707
|
init_cn();
|
|
22749
22708
|
init_useEventBus();
|
|
@@ -24575,7 +24534,7 @@ function CounterMinimal({
|
|
|
24575
24534
|
Button,
|
|
24576
24535
|
{
|
|
24577
24536
|
variant: "secondary",
|
|
24578
|
-
size:
|
|
24537
|
+
size: sizeStyles8[size].button,
|
|
24579
24538
|
onClick: onDecrement,
|
|
24580
24539
|
disabled: resolved.decrementDisabled,
|
|
24581
24540
|
icon: "minus",
|
|
@@ -24587,7 +24546,7 @@ function CounterMinimal({
|
|
|
24587
24546
|
{
|
|
24588
24547
|
variant: "h1",
|
|
24589
24548
|
className: cn(
|
|
24590
|
-
|
|
24549
|
+
sizeStyles8[size].display,
|
|
24591
24550
|
"font-bold tabular-nums min-w-[3ch] text-center"
|
|
24592
24551
|
),
|
|
24593
24552
|
children: resolved.count
|
|
@@ -24597,7 +24556,7 @@ function CounterMinimal({
|
|
|
24597
24556
|
Button,
|
|
24598
24557
|
{
|
|
24599
24558
|
variant: "secondary",
|
|
24600
|
-
size:
|
|
24559
|
+
size: sizeStyles8[size].button,
|
|
24601
24560
|
onClick: onIncrement,
|
|
24602
24561
|
disabled: resolved.incrementDisabled,
|
|
24603
24562
|
icon: "plus",
|
|
@@ -24632,7 +24591,7 @@ function CounterStandard({
|
|
|
24632
24591
|
{
|
|
24633
24592
|
variant: "h1",
|
|
24634
24593
|
className: cn(
|
|
24635
|
-
|
|
24594
|
+
sizeStyles8[size].display,
|
|
24636
24595
|
"font-bold tabular-nums text-primary-600"
|
|
24637
24596
|
),
|
|
24638
24597
|
children: resolved.count
|
|
@@ -24643,7 +24602,7 @@ function CounterStandard({
|
|
|
24643
24602
|
Button,
|
|
24644
24603
|
{
|
|
24645
24604
|
variant: "secondary",
|
|
24646
|
-
size:
|
|
24605
|
+
size: sizeStyles8[size].button,
|
|
24647
24606
|
onClick: onDecrement,
|
|
24648
24607
|
disabled: resolved.decrementDisabled,
|
|
24649
24608
|
icon: "minus"
|
|
@@ -24653,7 +24612,7 @@ function CounterStandard({
|
|
|
24653
24612
|
Button,
|
|
24654
24613
|
{
|
|
24655
24614
|
variant: "primary",
|
|
24656
|
-
size:
|
|
24615
|
+
size: sizeStyles8[size].button,
|
|
24657
24616
|
onClick: onIncrement,
|
|
24658
24617
|
disabled: resolved.incrementDisabled,
|
|
24659
24618
|
icon: "plus"
|
|
@@ -24699,7 +24658,7 @@ function CounterFull({
|
|
|
24699
24658
|
{
|
|
24700
24659
|
variant: "h1",
|
|
24701
24660
|
className: cn(
|
|
24702
|
-
|
|
24661
|
+
sizeStyles8[size].display,
|
|
24703
24662
|
"font-bold tabular-nums text-primary-600"
|
|
24704
24663
|
),
|
|
24705
24664
|
children: resolved.count
|
|
@@ -24712,7 +24671,7 @@ function CounterFull({
|
|
|
24712
24671
|
Button,
|
|
24713
24672
|
{
|
|
24714
24673
|
variant: "secondary",
|
|
24715
|
-
size:
|
|
24674
|
+
size: sizeStyles8[size].button,
|
|
24716
24675
|
onClick: onDecrement,
|
|
24717
24676
|
disabled: resolved.decrementDisabled,
|
|
24718
24677
|
icon: "minus",
|
|
@@ -24723,7 +24682,7 @@ function CounterFull({
|
|
|
24723
24682
|
Button,
|
|
24724
24683
|
{
|
|
24725
24684
|
variant: "primary",
|
|
24726
|
-
size:
|
|
24685
|
+
size: sizeStyles8[size].button,
|
|
24727
24686
|
onClick: onIncrement,
|
|
24728
24687
|
disabled: resolved.incrementDisabled,
|
|
24729
24688
|
icon: "plus",
|
|
@@ -24743,7 +24702,7 @@ function CounterFull({
|
|
|
24743
24702
|
)
|
|
24744
24703
|
] }) });
|
|
24745
24704
|
}
|
|
24746
|
-
var
|
|
24705
|
+
var sizeStyles8, CounterTemplate;
|
|
24747
24706
|
var init_CounterTemplate = __esm({
|
|
24748
24707
|
"components/core/templates/CounterTemplate.tsx"() {
|
|
24749
24708
|
init_cn();
|
|
@@ -24751,7 +24710,7 @@ var init_CounterTemplate = __esm({
|
|
|
24751
24710
|
init_Stack();
|
|
24752
24711
|
init_Typography();
|
|
24753
24712
|
init_Button();
|
|
24754
|
-
|
|
24713
|
+
sizeStyles8 = {
|
|
24755
24714
|
sm: { display: "text-4xl", button: "sm" },
|
|
24756
24715
|
md: { display: "text-6xl", button: "md" },
|
|
24757
24716
|
lg: { display: "text-8xl", button: "lg" }
|
|
@@ -31212,14 +31171,14 @@ function useSafeEventBus5() {
|
|
|
31212
31171
|
} };
|
|
31213
31172
|
}
|
|
31214
31173
|
}
|
|
31215
|
-
var
|
|
31174
|
+
var sizeStyles9, LONG_PRESS_DELAY, LONG_PRESS_INTERVAL, NumberStepper;
|
|
31216
31175
|
var init_NumberStepper = __esm({
|
|
31217
31176
|
"components/core/molecules/NumberStepper.tsx"() {
|
|
31218
31177
|
"use client";
|
|
31219
31178
|
init_cn();
|
|
31220
31179
|
init_Icon();
|
|
31221
31180
|
init_useEventBus();
|
|
31222
|
-
|
|
31181
|
+
sizeStyles9 = {
|
|
31223
31182
|
sm: {
|
|
31224
31183
|
button: "w-7 h-7",
|
|
31225
31184
|
text: "text-sm min-w-[2rem]",
|
|
@@ -31257,7 +31216,7 @@ var init_NumberStepper = __esm({
|
|
|
31257
31216
|
const timeoutRef = useRef(null);
|
|
31258
31217
|
const isAtMin = min !== void 0 && value <= min;
|
|
31259
31218
|
const isAtMax = max !== void 0 && value >= max;
|
|
31260
|
-
const styles =
|
|
31219
|
+
const styles = sizeStyles9[size];
|
|
31261
31220
|
const emitChange = useCallback(
|
|
31262
31221
|
(newValue) => {
|
|
31263
31222
|
const clamped = Math.round(newValue / step) * step;
|
|
@@ -31398,14 +31357,14 @@ function useSafeEventBus6() {
|
|
|
31398
31357
|
} };
|
|
31399
31358
|
}
|
|
31400
31359
|
}
|
|
31401
|
-
var
|
|
31360
|
+
var sizeStyles10, StarRating;
|
|
31402
31361
|
var init_StarRating = __esm({
|
|
31403
31362
|
"components/core/molecules/StarRating.tsx"() {
|
|
31404
31363
|
"use client";
|
|
31405
31364
|
init_cn();
|
|
31406
31365
|
init_Icon();
|
|
31407
31366
|
init_useEventBus();
|
|
31408
|
-
|
|
31367
|
+
sizeStyles10 = {
|
|
31409
31368
|
sm: { star: "w-4 h-4", gap: "gap-0.5" },
|
|
31410
31369
|
md: { star: "w-6 h-6", gap: "gap-1" },
|
|
31411
31370
|
lg: { star: "w-8 h-8", gap: "gap-1.5" }
|
|
@@ -31424,7 +31383,7 @@ var init_StarRating = __esm({
|
|
|
31424
31383
|
}) => {
|
|
31425
31384
|
const [hoverValue, setHoverValue] = useState(null);
|
|
31426
31385
|
const eventBus = useSafeEventBus6();
|
|
31427
|
-
const styles =
|
|
31386
|
+
const styles = sizeStyles10[size];
|
|
31428
31387
|
const displayValue = hoverValue ?? value;
|
|
31429
31388
|
const emitChange = useCallback(
|
|
31430
31389
|
(newValue) => {
|
|
@@ -34351,14 +34310,14 @@ var init_EdgeDecoration = __esm({
|
|
|
34351
34310
|
EdgeDecoration.displayName = "EdgeDecoration";
|
|
34352
34311
|
}
|
|
34353
34312
|
});
|
|
34354
|
-
var
|
|
34313
|
+
var sizeStyles11, VoteStack;
|
|
34355
34314
|
var init_VoteStack = __esm({
|
|
34356
34315
|
"components/core/molecules/VoteStack.tsx"() {
|
|
34357
34316
|
"use client";
|
|
34358
34317
|
init_cn();
|
|
34359
34318
|
init_Icon();
|
|
34360
34319
|
init_useEventBus();
|
|
34361
|
-
|
|
34320
|
+
sizeStyles11 = {
|
|
34362
34321
|
sm: {
|
|
34363
34322
|
button: "w-7 h-7",
|
|
34364
34323
|
text: "text-sm min-w-[2rem]",
|
|
@@ -34386,7 +34345,7 @@ var init_VoteStack = __esm({
|
|
|
34386
34345
|
className,
|
|
34387
34346
|
label
|
|
34388
34347
|
}) => {
|
|
34389
|
-
const styles =
|
|
34348
|
+
const styles = sizeStyles11[size];
|
|
34390
34349
|
const isUp = userVote === "up";
|
|
34391
34350
|
const isDown = userVote === "down";
|
|
34392
34351
|
const eventBus = useEventBus();
|
|
@@ -34654,7 +34613,7 @@ var init_LikertScale = __esm({
|
|
|
34654
34613
|
LikertScale.displayName = "LikertScale";
|
|
34655
34614
|
}
|
|
34656
34615
|
});
|
|
34657
|
-
var DEFAULT_MATRIX_COLUMNS,
|
|
34616
|
+
var DEFAULT_MATRIX_COLUMNS, sizeStyles12, MatrixQuestion;
|
|
34658
34617
|
var init_MatrixQuestion = __esm({
|
|
34659
34618
|
"components/core/molecules/MatrixQuestion.tsx"() {
|
|
34660
34619
|
"use client";
|
|
@@ -34670,7 +34629,7 @@ var init_MatrixQuestion = __esm({
|
|
|
34670
34629
|
{ value: 4, label: "Agree" },
|
|
34671
34630
|
{ value: 5, label: "Strongly Agree" }
|
|
34672
34631
|
];
|
|
34673
|
-
|
|
34632
|
+
sizeStyles12 = {
|
|
34674
34633
|
sm: {
|
|
34675
34634
|
cell: "px-2 py-1.5 text-xs",
|
|
34676
34635
|
radio: "sm",
|
|
@@ -34693,7 +34652,7 @@ var init_MatrixQuestion = __esm({
|
|
|
34693
34652
|
size = "md",
|
|
34694
34653
|
className
|
|
34695
34654
|
}) => {
|
|
34696
|
-
const styles =
|
|
34655
|
+
const styles = sizeStyles12[size];
|
|
34697
34656
|
const safeRows = rows2 ?? [];
|
|
34698
34657
|
const safeValues = values ?? {};
|
|
34699
34658
|
const eventBus = useEventBus();
|
|
@@ -37449,7 +37408,7 @@ var init_GradientDivider = __esm({
|
|
|
37449
37408
|
});
|
|
37450
37409
|
var MarketingFooter;
|
|
37451
37410
|
var init_MarketingFooter = __esm({
|
|
37452
|
-
"components/
|
|
37411
|
+
"components/marketing/molecules/MarketingFooter.tsx"() {
|
|
37453
37412
|
"use client";
|
|
37454
37413
|
init_cn();
|
|
37455
37414
|
init_Box();
|
|
@@ -37519,7 +37478,7 @@ var init_MarketingFooter = __esm({
|
|
|
37519
37478
|
});
|
|
37520
37479
|
var PullQuote;
|
|
37521
37480
|
var init_PullQuote = __esm({
|
|
37522
|
-
"components/
|
|
37481
|
+
"components/marketing/molecules/PullQuote.tsx"() {
|
|
37523
37482
|
"use client";
|
|
37524
37483
|
init_cn();
|
|
37525
37484
|
init_Box();
|
|
@@ -41384,7 +41343,7 @@ var init_FeatureDetailPageTemplate = __esm({
|
|
|
41384
41343
|
});
|
|
41385
41344
|
var FeatureGridOrganism;
|
|
41386
41345
|
var init_FeatureGridOrganism = __esm({
|
|
41387
|
-
"components/
|
|
41346
|
+
"components/marketing/organisms/FeatureGridOrganism.tsx"() {
|
|
41388
41347
|
"use client";
|
|
41389
41348
|
init_cn();
|
|
41390
41349
|
init_useEventBus();
|
|
@@ -42731,7 +42690,7 @@ var init_GenericAppTemplate = __esm({
|
|
|
42731
42690
|
});
|
|
42732
42691
|
var HeroOrganism, _HeroClickInterceptor;
|
|
42733
42692
|
var init_HeroOrganism = __esm({
|
|
42734
|
-
"components/
|
|
42693
|
+
"components/marketing/organisms/HeroOrganism.tsx"() {
|
|
42735
42694
|
"use client";
|
|
42736
42695
|
init_cn();
|
|
42737
42696
|
init_useEventBus();
|
|
@@ -46358,7 +46317,7 @@ var init_SequencerBoard = __esm({
|
|
|
46358
46317
|
});
|
|
46359
46318
|
var ShowcaseOrganism;
|
|
46360
46319
|
var init_ShowcaseOrganism = __esm({
|
|
46361
|
-
"components/
|
|
46320
|
+
"components/marketing/organisms/ShowcaseOrganism.tsx"() {
|
|
46362
46321
|
"use client";
|
|
46363
46322
|
init_cn();
|
|
46364
46323
|
init_useEventBus();
|
|
@@ -47783,7 +47742,7 @@ var init_StatsOrganism = __esm({
|
|
|
47783
47742
|
});
|
|
47784
47743
|
var StepFlowOrganism;
|
|
47785
47744
|
var init_StepFlowOrganism = __esm({
|
|
47786
|
-
"components/
|
|
47745
|
+
"components/marketing/organisms/StepFlowOrganism.tsx"() {
|
|
47787
47746
|
"use client";
|
|
47788
47747
|
init_cn();
|
|
47789
47748
|
init_Stack();
|
|
@@ -37,21 +37,3 @@ export interface TypographyProps {
|
|
|
37
37
|
children?: React.ReactNode;
|
|
38
38
|
}
|
|
39
39
|
export declare const Typography: React.FC<TypographyProps>;
|
|
40
|
-
/**
|
|
41
|
-
* Heading component - convenience wrapper for Typography heading variants
|
|
42
|
-
*/
|
|
43
|
-
export interface HeadingProps extends Omit<TypographyProps, "variant"> {
|
|
44
|
-
/** Heading level (1-6) */
|
|
45
|
-
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
46
|
-
/** Override font size */
|
|
47
|
-
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
|
|
48
|
-
}
|
|
49
|
-
export declare const Heading: React.FC<HeadingProps>;
|
|
50
|
-
/**
|
|
51
|
-
* Text component - convenience wrapper for Typography body/caption variants
|
|
52
|
-
*/
|
|
53
|
-
export interface TextProps extends Omit<TypographyProps, "level"> {
|
|
54
|
-
/** Text variant */
|
|
55
|
-
variant?: "body" | "body1" | "body2" | "caption" | "small" | "large" | "label" | "overline";
|
|
56
|
-
}
|
|
57
|
-
export declare const Text: React.FC<TextProps>;
|
|
@@ -21,7 +21,7 @@ export { Switch, type SwitchProps } from "./Switch";
|
|
|
21
21
|
export { Spacer, type SpacerProps, type SpacerSize } from "./Spacer";
|
|
22
22
|
export { Stack, VStack, HStack, type StackProps, type VStackProps, type HStackProps, type StackDirection, type StackGap, type StackAlign, type StackJustify, } from "./Stack";
|
|
23
23
|
export { TextHighlight, type TextHighlightProps, type HighlightType, } from "./TextHighlight";
|
|
24
|
-
export { Typography,
|
|
24
|
+
export { Typography, type TypographyProps, type TypographyVariant, } from "./Typography";
|
|
25
25
|
export { ThemeToggle, type ThemeToggleProps } from "./ThemeToggle";
|
|
26
26
|
export { ThemeSelector } from "./ThemeSelector";
|
|
27
27
|
export { Overlay, type OverlayProps } from "./Overlay";
|
|
@@ -5,7 +5,8 @@ import type { DisplayStateProps } from '../organisms/types';
|
|
|
5
5
|
* PropertyInspector — Storybook-style controls panel for a trait's `config`.
|
|
6
6
|
*
|
|
7
7
|
* Derives one control per declared config field directly from the schema
|
|
8
|
-
* (`@almadar/core` `DeclaredTraitConfig`)
|
|
8
|
+
* (`@almadar/core` `DeclaredTraitConfig`), dispatching on the field's `type`:
|
|
9
|
+
* `icon → IconPicker`, `asset → AssetPicker`, `boolean → Switch`, `string` with
|
|
9
10
|
* `values → Select`, `number → numeric Input`, `string → Input`. Non-scalar
|
|
10
11
|
* fields (array/object/node/SExpr) are shown read-only. Fields group + collapse
|
|
11
12
|
* by `@tier`. The component is controlled — it emits `onChange(field, value)`;
|
|
@@ -22,7 +23,7 @@ export interface PropertyInspectorProps extends DisplayStateProps {
|
|
|
22
23
|
onReset?: () => void;
|
|
23
24
|
/** Panel heading (e.g. the trait name). */
|
|
24
25
|
title?: string;
|
|
25
|
-
/** Browsable asset catalog supplied to `
|
|
26
|
+
/** Browsable asset catalog supplied to `asset`-typed fields' AssetPicker. */
|
|
26
27
|
assets?: AssetCatalog;
|
|
27
28
|
}
|
|
28
29
|
export declare const PropertyInspector: React.FC<PropertyInspectorProps>;
|
|
@@ -103,8 +103,8 @@ export { DocSearch, type DocSearchProps, type DocSearchResult } from './DocSearc
|
|
|
103
103
|
export { DocSidebar, type DocSidebarProps, type DocSidebarItem } from './DocSidebar';
|
|
104
104
|
export { DocTOC, type DocTOCProps, type DocTOCItem } from './DocTOC';
|
|
105
105
|
export { GradientDivider, type GradientDividerProps } from './GradientDivider';
|
|
106
|
-
export { MarketingFooter, type MarketingFooterProps, type FooterLinkColumn, type FooterLinkItem } from '
|
|
107
|
-
export { PullQuote, type PullQuoteProps } from '
|
|
106
|
+
export { MarketingFooter, type MarketingFooterProps, type FooterLinkColumn, type FooterLinkItem } from '../../marketing/molecules/MarketingFooter';
|
|
107
|
+
export { PullQuote, type PullQuoteProps } from '../../marketing/molecules/PullQuote';
|
|
108
108
|
export { BehaviorView, type BehaviorViewProps } from '../../avl/molecules/BehaviorView';
|
|
109
109
|
export { ModuleCard, type ModuleCardProps } from '../../avl/molecules/ModuleCard';
|
|
110
110
|
export { PageHeader, type PageHeaderProps, type PageBreadcrumb, } from "./PageHeader";
|
|
@@ -122,9 +122,6 @@ export interface HeadingPatternProps extends ClosedCircuitProps {
|
|
|
122
122
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
123
123
|
className?: string;
|
|
124
124
|
}
|
|
125
|
-
/**
|
|
126
|
-
* Heading pattern.
|
|
127
|
-
*/
|
|
128
125
|
export declare function HeadingPattern({ content, level, size, className, }: HeadingPatternProps): React.ReactElement;
|
|
129
126
|
export declare namespace HeadingPattern {
|
|
130
127
|
var displayName: string;
|
|
@@ -18,12 +18,12 @@ export { NotifyListener } from "./NotifyListener";
|
|
|
18
18
|
export { Timeline, type TimelineProps, type TimelineItem, type TimelineItemStatus, } from "./Timeline";
|
|
19
19
|
export { MediaGallery, type MediaGalleryProps, type MediaItem, } from "./MediaGallery";
|
|
20
20
|
export { RuntimeDebugger, type RuntimeDebuggerProps, } from "./debug";
|
|
21
|
-
export { HeroOrganism, type HeroOrganismProps, } from "
|
|
22
|
-
export { FeatureGridOrganism, type FeatureGridOrganismProps, } from "
|
|
21
|
+
export { HeroOrganism, type HeroOrganismProps, } from "../../marketing/organisms/HeroOrganism";
|
|
22
|
+
export { FeatureGridOrganism, type FeatureGridOrganismProps, } from "../../marketing/organisms/FeatureGridOrganism";
|
|
23
23
|
export { PricingOrganism, type PricingOrganismProps, } from "../../marketing/organisms/PricingOrganism";
|
|
24
24
|
export { StatsOrganism, type StatsOrganismProps, } from "../../marketing/organisms/StatsOrganism";
|
|
25
|
-
export { StepFlowOrganism, type StepFlowOrganismProps, } from "
|
|
26
|
-
export { ShowcaseOrganism, type ShowcaseOrganismProps, } from "
|
|
25
|
+
export { StepFlowOrganism, type StepFlowOrganismProps, } from "../../marketing/organisms/StepFlowOrganism";
|
|
26
|
+
export { ShowcaseOrganism, type ShowcaseOrganismProps, } from "../../marketing/organisms/ShowcaseOrganism";
|
|
27
27
|
export { TeamOrganism, type TeamOrganismProps, } from "../../marketing/organisms/TeamOrganism";
|
|
28
|
-
export { CaseStudyOrganism, type CaseStudyOrganismProps, } from "
|
|
28
|
+
export { CaseStudyOrganism, type CaseStudyOrganismProps, } from "../../marketing/organisms/CaseStudyOrganism";
|
|
29
29
|
export { FeatureRenderer, type FeatureRendererProps } from '../../game/organisms/three/renderers/FeatureRenderer';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export type { TemplateProps } from './types';
|
|
2
2
|
export { DashboardLayout, type DashboardLayoutProps, type NavItem } from './DashboardLayout';
|
|
3
|
-
export { AuthLayout, type AuthLayoutProps } from '
|
|
3
|
+
export { AuthLayout, type AuthLayoutProps } from '../../marketing/templates/AuthLayout';
|
|
4
4
|
export { CounterTemplate, type CounterTemplateProps, type CounterSize, type CounterVariant } from './CounterTemplate';
|
|
5
5
|
export { GameTemplate, type GameTemplateProps } from '../../game/templates/GameTemplate';
|
|
6
6
|
export { GenericAppTemplate, type GenericAppTemplateProps } from './GenericAppTemplate';
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import type { AssetUrl } from '@almadar/core';
|
|
1
2
|
export interface DialogueBubbleProps {
|
|
2
3
|
/** Speaker name displayed at the top */
|
|
3
4
|
speaker?: string;
|
|
4
5
|
/** Dialogue text content */
|
|
5
6
|
text: string;
|
|
6
7
|
/** URL for the speaker portrait image */
|
|
7
|
-
portrait?:
|
|
8
|
+
portrait?: AssetUrl;
|
|
8
9
|
/** Position of the bubble on screen */
|
|
9
10
|
position?: 'top' | 'bottom';
|
|
10
11
|
/** Additional CSS classes */
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
* Renders a single frame from a spritesheet with transform support.
|
|
5
5
|
*/
|
|
6
6
|
import React from 'react';
|
|
7
|
-
import type { EventKey } from "@almadar/core";
|
|
7
|
+
import type { EventKey, AssetUrl } from "@almadar/core";
|
|
8
8
|
export interface SpriteProps {
|
|
9
9
|
/** Spritesheet image URL */
|
|
10
|
-
spritesheet:
|
|
10
|
+
spritesheet: AssetUrl;
|
|
11
11
|
/** Width of each frame in pixels */
|
|
12
12
|
frameWidth: number;
|
|
13
13
|
/** Height of each frame in pixels */
|