@almadar/ui 5.24.0 → 5.25.1

package/dist/components/index.cjs

@@ -3810,11 +3810,9 @@ var init_TextHighlight = __esm({
 // components/core/atoms/Typography.tsx
 var Typography_exports = {};
 __export(Typography_exports, {
-  Heading: () => exports.Heading,
-  Text: () => exports.Text,
   Typography: () => exports.Typography
 });
-var variantStyles6, colorStyles, weightStyles, defaultElements, typographySizeStyles, overflowStyles2; exports.Typography = void 0; var sizeStyles5; exports.Heading = void 0; exports.Text = void 0;
+var variantStyles6, colorStyles, weightStyles, defaultElements, typographySizeStyles, overflowStyles2; exports.Typography = void 0;
 var init_Typography = __esm({
   "components/core/atoms/Typography.tsx"() {
     init_cn();
@@ -3925,46 +3923,6 @@ var init_Typography = __esm({
       );
     };
     exports.Typography.displayName = "Typography";
-    sizeStyles5 = {
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg",
-      xl: "text-xl",
-      "2xl": "text-2xl",
-      "3xl": "text-3xl"
-    };
-    exports.Heading = ({
-      level = 2,
-      size,
-      className,
-      ...props
-    }) => {
-      const variant = `h${level}`;
-      const sizeClass = size ? sizeStyles5[size] : void 0;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        exports.Typography,
-        {
-          variant,
-          className: cn(sizeClass, className),
-          ...props
-        }
-      );
-    };
-    exports.Heading.displayName = "Heading";
-    exports.Text = ({
-      variant = "body",
-      ...props
-    }) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        exports.Typography,
-        {
-          variant,
-          ...props
-        }
-      );
-    };
-    exports.Text.displayName = "Text";
   }
 });
 function useTheme() {
@@ -4721,7 +4679,7 @@ var init_TimeSlotCell = __esm({
     TimeSlotCell.displayName = "TimeSlotCell";
   }
 });
-var statusColors, pulseRingColors, sizeStyles6; exports.StatusDot = void 0;
+var statusColors, pulseRingColors, sizeStyles5; exports.StatusDot = void 0;
 var init_StatusDot = __esm({
   "components/core/atoms/StatusDot.tsx"() {
     init_cn();
@@ -4741,7 +4699,7 @@ var init_StatusDot = __esm({
       warning: "ring-warning",
       critical: "ring-error"
     };
-    sizeStyles6 = {
+    sizeStyles5 = {
       sm: "w-2 h-2",
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
@@ -4755,7 +4713,7 @@ var init_StatusDot = __esm({
             className: cn(
               "inline-block rounded-full flex-shrink-0",
               statusColors[status],
-              sizeStyles6[size],
+              sizeStyles5[size],
               pulse && [
                 "animate-pulse",
                 "ring-2 ring-offset-1",
@@ -4785,12 +4743,12 @@ function resolveColor(dir, invert) {
   const isGood = invert ? !isPositive : isPositive;
   return isGood ? "text-success" : "text-error";
 }
-var sizeStyles7, iconNameMap; exports.TrendIndicator = void 0;
+var sizeStyles6, iconNameMap; exports.TrendIndicator = void 0;
 var init_TrendIndicator = __esm({
   "components/core/atoms/TrendIndicator.tsx"() {
     init_Icon();
     init_cn();
-    sizeStyles7 = {
+    sizeStyles6 = {
       sm: { icon: "w-3 h-3", text: "text-xs" },
       md: { icon: "w-4 h-4", text: "text-sm" },
       lg: { icon: "w-5 h-5", text: "text-base" }
@@ -4814,7 +4772,7 @@ var init_TrendIndicator = __esm({
         const dir = resolveDirection(value, direction);
         const colorClass = resolveColor(dir, invert);
         const iconName = iconNameMap[dir];
-        const styles = sizeStyles7[size];
+        const styles = sizeStyles6[size];
         const formattedValue = value !== void 0 ? `${value > 0 ? "+" : ""}${value}%` : void 0;
         const ariaLabel = label ?? (formattedValue ? `${dir} ${formattedValue}` : dir);
         return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7118,11 +7076,11 @@ var init_wrapCallbackForEvent = __esm({
   "runtime/wrapCallbackForEvent.ts"() {
   }
 });
-var sizeStyles8, paddingStyles3; exports.Container = void 0;
+var sizeStyles7, paddingStyles3; exports.Container = void 0;
 var init_Container = __esm({
   "components/core/molecules/Container.tsx"() {
     init_cn();
-    sizeStyles8 = {
+    sizeStyles7 = {
       xs: "max-w-xs",
       // 320px
       sm: "max-w-screen-sm",
@@ -7160,7 +7118,7 @@ var init_Container = __esm({
         {
           className: cn(
             "w-full",
-            sizeStyles8[resolvedSize],
+            sizeStyles7[resolvedSize],
             paddingStyles3[padding],
             center && "mx-auto",
             className
@@ -9149,6 +9107,7 @@ var init_ComponentPatterns = __esm({
     init_ProgressBar();
     init_Card();
     init_Typography();
+    init_cn();
     init_Alert();
     init_Tooltip();
     init_Popover();
@@ -9665,7 +9624,7 @@ var init_AnimatedCounter2 = __esm({
 });
 exports.AuthLayout = void 0;
 var init_AuthLayout = __esm({
-  "components/core/templates/AuthLayout.tsx"() {
+  "components/marketing/templates/AuthLayout.tsx"() {
     "use client";
     init_cn();
     init_Box();
@@ -18878,7 +18837,7 @@ var init_Carousel = __esm({
 });
 exports.CaseStudyOrganism = void 0;
 var init_CaseStudyOrganism = __esm({
-  "components/core/organisms/CaseStudyOrganism.tsx"() {
+  "components/marketing/organisms/CaseStudyOrganism.tsx"() {
     "use client";
     init_cn();
     init_useEventBus();
@@ -20813,7 +20772,7 @@ function CounterMinimal({
       exports.Button,
       {
         variant: "secondary",
-        size: sizeStyles9[size].button,
+        size: sizeStyles8[size].button,
         onClick: onDecrement,
         disabled: resolved.decrementDisabled,
         icon: "minus",
@@ -20825,7 +20784,7 @@ function CounterMinimal({
       {
         variant: "h1",
         className: cn(
-          sizeStyles9[size].display,
+          sizeStyles8[size].display,
           "font-bold tabular-nums min-w-[3ch] text-center"
         ),
         children: resolved.count
@@ -20835,7 +20794,7 @@ function CounterMinimal({
       exports.Button,
       {
         variant: "secondary",
-        size: sizeStyles9[size].button,
+        size: sizeStyles8[size].button,
         onClick: onIncrement,
         disabled: resolved.incrementDisabled,
         icon: "plus",
@@ -20870,7 +20829,7 @@ function CounterStandard({
       {
         variant: "h1",
         className: cn(
-          sizeStyles9[size].display,
+          sizeStyles8[size].display,
           "font-bold tabular-nums text-primary-600"
         ),
         children: resolved.count
@@ -20881,7 +20840,7 @@ function CounterStandard({
         exports.Button,
         {
           variant: "secondary",
-          size: sizeStyles9[size].button,
+          size: sizeStyles8[size].button,
           onClick: onDecrement,
           disabled: resolved.decrementDisabled,
           icon: "minus"
@@ -20891,7 +20850,7 @@ function CounterStandard({
         exports.Button,
         {
           variant: "primary",
-          size: sizeStyles9[size].button,
+          size: sizeStyles8[size].button,
           onClick: onIncrement,
           disabled: resolved.incrementDisabled,
           icon: "plus"
@@ -20937,7 +20896,7 @@ function CounterFull({
         {
           variant: "h1",
           className: cn(
-            sizeStyles9[size].display,
+            sizeStyles8[size].display,
             "font-bold tabular-nums text-primary-600"
           ),
           children: resolved.count
@@ -20950,7 +20909,7 @@ function CounterFull({
         exports.Button,
         {
           variant: "secondary",
-          size: sizeStyles9[size].button,
+          size: sizeStyles8[size].button,
           onClick: onDecrement,
           disabled: resolved.decrementDisabled,
           icon: "minus",
@@ -20961,7 +20920,7 @@ function CounterFull({
         exports.Button,
         {
           variant: "primary",
-          size: sizeStyles9[size].button,
+          size: sizeStyles8[size].button,
           onClick: onIncrement,
           disabled: resolved.incrementDisabled,
           icon: "plus",
@@ -20981,7 +20940,7 @@ function CounterFull({
     )
   ] }) });
 }
-var sizeStyles9; exports.CounterTemplate = void 0;
+var sizeStyles8; exports.CounterTemplate = void 0;
 var init_CounterTemplate = __esm({
   "components/core/templates/CounterTemplate.tsx"() {
     init_cn();
@@ -20989,7 +20948,7 @@ var init_CounterTemplate = __esm({
     init_Stack();
     init_Typography();
     init_Button();
-    sizeStyles9 = {
+    sizeStyles8 = {
       sm: { display: "text-4xl", button: "sm" },
       md: { display: "text-6xl", button: "md" },
       lg: { display: "text-8xl", button: "lg" }
@@ -28405,14 +28364,14 @@ function useSafeEventBus5() {
     } };
   }
 }
-var sizeStyles10, LONG_PRESS_DELAY, LONG_PRESS_INTERVAL; exports.NumberStepper = void 0;
+var sizeStyles9, LONG_PRESS_DELAY, LONG_PRESS_INTERVAL; exports.NumberStepper = void 0;
 var init_NumberStepper = __esm({
   "components/core/molecules/NumberStepper.tsx"() {
     "use client";
     init_cn();
     init_Icon();
     init_useEventBus();
-    sizeStyles10 = {
+    sizeStyles9 = {
       sm: {
         button: "w-7 h-7",
         text: "text-sm min-w-[2rem]",
@@ -28450,7 +28409,7 @@ var init_NumberStepper = __esm({
       const timeoutRef = React81.useRef(null);
       const isAtMin = min !== void 0 && value <= min;
       const isAtMax = max !== void 0 && value >= max;
-      const styles = sizeStyles10[size];
+      const styles = sizeStyles9[size];
       const emitChange = React81.useCallback(
         (newValue) => {
           const clamped = Math.round(newValue / step) * step;
@@ -28591,14 +28550,14 @@ function useSafeEventBus6() {
     } };
   }
 }
-var sizeStyles11; exports.StarRating = void 0;
+var sizeStyles10; exports.StarRating = void 0;
 var init_StarRating = __esm({
   "components/core/molecules/StarRating.tsx"() {
     "use client";
     init_cn();
     init_Icon();
     init_useEventBus();
-    sizeStyles11 = {
+    sizeStyles10 = {
       sm: { star: "w-4 h-4", gap: "gap-0.5" },
       md: { star: "w-6 h-6", gap: "gap-1" },
       lg: { star: "w-8 h-8", gap: "gap-1.5" }
@@ -28617,7 +28576,7 @@ var init_StarRating = __esm({
     }) => {
       const [hoverValue, setHoverValue] = React81.useState(null);
       const eventBus = useSafeEventBus6();
-      const styles = sizeStyles11[size];
+      const styles = sizeStyles10[size];
       const displayValue = hoverValue ?? value;
       const emitChange = React81.useCallback(
         (newValue) => {
@@ -31544,14 +31503,14 @@ var init_EdgeDecoration = __esm({
     exports.EdgeDecoration.displayName = "EdgeDecoration";
   }
 });
-var sizeStyles12; exports.VoteStack = void 0;
+var sizeStyles11; exports.VoteStack = void 0;
 var init_VoteStack = __esm({
   "components/core/molecules/VoteStack.tsx"() {
     "use client";
     init_cn();
     init_Icon();
     init_useEventBus();
-    sizeStyles12 = {
+    sizeStyles11 = {
       sm: {
         button: "w-7 h-7",
         text: "text-sm min-w-[2rem]",
@@ -31579,7 +31538,7 @@ var init_VoteStack = __esm({
       className,
       label
     }) => {
-      const styles = sizeStyles12[size];
+      const styles = sizeStyles11[size];
       const isUp = userVote === "up";
       const isDown = userVote === "down";
       const eventBus = useEventBus();
@@ -31847,7 +31806,7 @@ var init_LikertScale = __esm({
     exports.LikertScale.displayName = "LikertScale";
   }
 });
-exports.DEFAULT_MATRIX_COLUMNS = void 0; var sizeStyles13; exports.MatrixQuestion = void 0;
+exports.DEFAULT_MATRIX_COLUMNS = void 0; var sizeStyles12; exports.MatrixQuestion = void 0;
 var init_MatrixQuestion = __esm({
   "components/core/molecules/MatrixQuestion.tsx"() {
     "use client";
@@ -31863,7 +31822,7 @@ var init_MatrixQuestion = __esm({
       { value: 4, label: "Agree" },
       { value: 5, label: "Strongly Agree" }
     ];
-    sizeStyles13 = {
+    sizeStyles12 = {
       sm: {
         cell: "px-2 py-1.5 text-xs",
         radio: "sm",
@@ -31886,7 +31845,7 @@ var init_MatrixQuestion = __esm({
       size = "md",
       className
     }) => {
-      const styles = sizeStyles13[size];
+      const styles = sizeStyles12[size];
       const safeRows = rows2 ?? [];
       const safeValues = values ?? {};
       const eventBus = useEventBus();
@@ -34642,7 +34601,7 @@ var init_GradientDivider = __esm({
 });
 exports.MarketingFooter = void 0;
 var init_MarketingFooter = __esm({
-  "components/core/molecules/MarketingFooter.tsx"() {
+  "components/marketing/molecules/MarketingFooter.tsx"() {
     "use client";
     init_cn();
     init_Box();
@@ -34712,7 +34671,7 @@ var init_MarketingFooter = __esm({
 });
 exports.PullQuote = void 0;
 var init_PullQuote = __esm({
-  "components/core/molecules/PullQuote.tsx"() {
+  "components/marketing/molecules/PullQuote.tsx"() {
     "use client";
     init_cn();
     init_Box();
@@ -35455,21 +35414,17 @@ function FieldControl({
 }) {
   let control;
   const stringValue = typeof value === "string" ? value : void 0;
-  if (decl.control === "icon") {
+  if (decl.type === "icon") {
     control = /* @__PURE__ */ jsxRuntime.jsx(exports.IconPicker, { value: stringValue, onChange: (icon) => onChange(name, icon) });
-  } else if (decl.control === "asset" && assets !== void 0) {
-    control = /* @__PURE__ */ jsxRuntime.jsx(exports.AssetPicker, { assets, value: stringValue, onChange: (url) => onChange(name, url) });
-  } else if (decl.control === "color" && decl.values !== void 0 && decl.values.length > 0) {
+  } else if (decl.type === "asset") {
     control = /* @__PURE__ */ jsxRuntime.jsx(
-      exports.Select,
+      exports.AssetPicker,
       {
-        options: decl.values.map((v) => ({ value: v, label: v })),
-        value: stringValue ?? "",
-        onChange: (e) => onChange(name, e.target.value)
+        assets: assets ?? [],
+        value: stringValue,
+        onChange: (url) => onChange(name, url)
       }
     );
-  } else if (decl.control === "asset" || decl.control === "color") {
-    control = /* @__PURE__ */ jsxRuntime.jsx(TextLikeControl, { field: name, numeric: false, value, onCommit: onChange });
   } else if (decl.type === "boolean") {
     control = /* @__PURE__ */ jsxRuntime.jsx(exports.Switch, { checked: value === true, onChange: (c) => onChange(name, c) });
   } else if (decl.type === "string" && decl.values !== void 0 && decl.values.length > 0) {
@@ -38616,7 +38571,7 @@ var init_DetailPanel = __esm({
 function DialogueBubble({
   speaker,
   text,
-  portrait,
+  portrait = "https://almadar-kflow-assets.web.app/shared/characters/archetypes/00_base_model.png",
   position = "bottom",
   className
 }) {
@@ -39474,7 +39429,7 @@ var init_FeatureDetailPageTemplate = __esm({
 });
 exports.FeatureGridOrganism = void 0;
 var init_FeatureGridOrganism = __esm({
-  "components/core/organisms/FeatureGridOrganism.tsx"() {
+  "components/marketing/organisms/FeatureGridOrganism.tsx"() {
     "use client";
     init_cn();
     init_useEventBus();
@@ -40828,7 +40783,7 @@ var init_GenericAppTemplate = __esm({
 });
 exports.HeroOrganism = void 0; var _HeroClickInterceptor;
 var init_HeroOrganism = __esm({
-  "components/core/organisms/HeroOrganism.tsx"() {
+  "components/marketing/organisms/HeroOrganism.tsx"() {
     "use client";
     init_cn();
     init_useEventBus();
@@ -44574,7 +44529,7 @@ var init_SequencerBoard = __esm({
 });
 exports.ShowcaseOrganism = void 0;
 var init_ShowcaseOrganism = __esm({
-  "components/core/organisms/ShowcaseOrganism.tsx"() {
+  "components/marketing/organisms/ShowcaseOrganism.tsx"() {
     "use client";
     init_cn();
     init_useEventBus();
@@ -45240,7 +45195,7 @@ var init_SplitPane = __esm({
   }
 });
 function Sprite({
-  spritesheet,
+  spritesheet = "https://almadar-kflow-assets.web.app/shared/isometric-blocks/Spritesheet/allTiles_sheet.png",
   frameWidth,
   frameHeight,
   frame,
@@ -46181,7 +46136,7 @@ var init_StatusEffect = __esm({
 });
 exports.StepFlowOrganism = void 0;
 var init_StepFlowOrganism = __esm({
-  "components/core/organisms/StepFlowOrganism.tsx"() {
+  "components/marketing/organisms/StepFlowOrganism.tsx"() {
     "use client";
     init_cn();
     init_Stack();