@forwardimpact/pathway 0.22.0 → 0.23.0

package/src/css/bundles/handout.css

@@ -8,36 +8,36 @@
 /* Layer order declaration - must be first */
 @layer tokens, reset, base, components, utilities, pages, slides, handout, print;
 
-/* Foundation */
-@import "../tokens.css" layer(tokens);
-@import "../reset.css" layer(reset);
-@import "../base.css" layer(base);
-
-/* Components */
-@import "../components/layout.css" layer(components);
-@import "../components/surfaces.css" layer(components);
-@import "../components/typography.css" layer(components);
-@import "../components/badges.css" layer(components);
-@import "../components/buttons.css" layer(components);
-@import "../components/forms.css" layer(components);
-@import "../components/tables.css" layer(components);
-@import "../components/progress.css" layer(components);
-@import "../components/states.css" layer(components);
-
-/* Utilities */
-@import "../components/utilities.css" layer(utilities);
-
-/* Pages (for shared formatters) */
-@import "../pages/detail.css" layer(pages);
-
-/* Slide views */
-@import "../views/slide-animations.css" layer(slides);
-@import "../views/slide-base.css" layer(slides);
-@import "../views/slide-sections.css" layer(slides);
-@import "../views/slide-tables.css" layer(slides);
-
-/* Handout overrides */
-@import "../views/handout.css" layer(handout);
-
-/* Print */
-@import "../views/print.css" layer(print);
+/* Foundation (from libui) */
+@import "/ui/css/tokens.css" layer(tokens);
+@import "/ui/css/reset.css" layer(reset);
+@import "/ui/css/base.css" layer(base);
+
+/* Components (from libui) */
+@import "/ui/css/components/layout.css" layer(components);
+@import "/ui/css/components/surfaces.css" layer(components);
+@import "/ui/css/components/typography.css" layer(components);
+@import "/ui/css/components/badges.css" layer(components);
+@import "/ui/css/components/buttons.css" layer(components);
+@import "/ui/css/components/forms.css" layer(components);
+@import "/ui/css/components/tables.css" layer(components);
+@import "/ui/css/components/progress.css" layer(components);
+@import "/ui/css/components/states.css" layer(components);
+
+/* Utilities (from libui) */
+@import "/ui/css/components/utilities.css" layer(utilities);
+
+/* Pages (from libui) */
+@import "/ui/css/pages/detail.css" layer(pages);
+
+/* Slide views (from libui) */
+@import "/ui/css/views/slide-animations.css" layer(slides);
+@import "/ui/css/views/slide-base.css" layer(slides);
+@import "/ui/css/views/slide-sections.css" layer(slides);
+@import "/ui/css/views/slide-tables.css" layer(slides);
+
+/* Handout overrides (from libui) */
+@import "/ui/css/views/handout.css" layer(handout);
+
+/* Print (from libui) */
+@import "/ui/css/views/print.css" layer(print);

package/src/css/bundles/slides.css

@@ -8,33 +8,33 @@
 /* Layer order declaration - must be first */
 @layer tokens, reset, base, components, utilities, pages, slides, print;
 
-/* Foundation */
-@import "../tokens.css" layer(tokens);
-@import "../reset.css" layer(reset);
-@import "../base.css" layer(base);
+/* Foundation (from libui) */
+@import "/ui/css/tokens.css" layer(tokens);
+@import "/ui/css/reset.css" layer(reset);
+@import "/ui/css/base.css" layer(base);
 
-/* Components */
-@import "../components/layout.css" layer(components);
-@import "../components/surfaces.css" layer(components);
-@import "../components/typography.css" layer(components);
-@import "../components/badges.css" layer(components);
-@import "../components/buttons.css" layer(components);
-@import "../components/forms.css" layer(components);
-@import "../components/tables.css" layer(components);
-@import "../components/progress.css" layer(components);
-@import "../components/states.css" layer(components);
+/* Components (from libui) */
+@import "/ui/css/components/layout.css" layer(components);
+@import "/ui/css/components/surfaces.css" layer(components);
+@import "/ui/css/components/typography.css" layer(components);
+@import "/ui/css/components/badges.css" layer(components);
+@import "/ui/css/components/buttons.css" layer(components);
+@import "/ui/css/components/forms.css" layer(components);
+@import "/ui/css/components/tables.css" layer(components);
+@import "/ui/css/components/progress.css" layer(components);
+@import "/ui/css/components/states.css" layer(components);
 
-/* Utilities */
-@import "../components/utilities.css" layer(utilities);
+/* Utilities (from libui) */
+@import "/ui/css/components/utilities.css" layer(utilities);
 
-/* Pages (for shared formatters) */
-@import "../pages/detail.css" layer(pages);
+/* Pages (from libui) */
+@import "/ui/css/pages/detail.css" layer(pages);
 
-/* Slide views */
-@import "../views/slide-animations.css" layer(slides);
-@import "../views/slide-base.css" layer(slides);
-@import "../views/slide-sections.css" layer(slides);
-@import "../views/slide-tables.css" layer(slides);
+/* Slide views (from libui) */
+@import "/ui/css/views/slide-animations.css" layer(slides);
+@import "/ui/css/views/slide-base.css" layer(slides);
+@import "/ui/css/views/slide-sections.css" layer(slides);
+@import "/ui/css/views/slide-tables.css" layer(slides);
 
-/* Print */
-@import "../views/print.css" layer(print);
+/* Print (from libui) */
+@import "/ui/css/views/print.css" layer(print);

package/src/formatters/interview/shared.js

@@ -8,13 +8,13 @@ import {
   isValidJobCombination,
   generateJobTitle,
   getDisciplineSkillIds,
-} from "@forwardimpact/libpathway/derivation";
+} from "@forwardimpact/libskill/derivation";
 import {
   deriveMissionFitInterview,
   deriveDecompositionInterview,
   deriveStakeholderInterview,
-} from "@forwardimpact/libpathway/interview";
-import { getOrCreateJob } from "@forwardimpact/libpathway/job-cache";
+} from "@forwardimpact/libskill/interview";
+import { getOrCreateJob } from "@forwardimpact/libskill/job-cache";
 
 /**
  * Interview type configurations

package/src/formatters/job/description.js

@@ -85,7 +85,7 @@ function prepareJobDescriptionData({ job, discipline, level, track }) {
   let capabilitySkills = [];
   const derivedResponsibilities = job.derivedResponsibilities || [];
   if (derivedResponsibilities.length > 0) {
-    // derivedResponsibilities is sorted: highest proficiency first, then by ordinalRank
+    // derivedResponsibilities is sorted: highest proficiency first, then by skill count
     const highestProficiency = derivedResponsibilities[0].proficiency;
 
     // Filter responsibilities to only the highest proficiency
@@ -103,7 +103,7 @@ function prepareJobDescriptionData({ job, discipline, level, track }) {
       skillsByCapability[skill.capability].push(skill);
     }
 
-    // Build capability sections in ordinalRank order
+    // Build capability sections in skill count order
     capabilitySkills = topResponsibilities
       .filter((r) => skillsByCapability[r.capability]?.length > 0)
       .map((r) => {

package/src/formatters/progress/shared.js

@@ -7,13 +7,13 @@
 import {
   isValidJobCombination,
   generateJobTitle,
-} from "@forwardimpact/libpathway/derivation";
+} from "@forwardimpact/libskill/derivation";
 import {
   analyzeProgression,
   analyzeCustomProgression,
   getNextLevel,
-} from "@forwardimpact/libpathway/progression";
-import { getOrCreateJob } from "@forwardimpact/libpathway/job-cache";
+} from "@forwardimpact/libskill/progression";
+import { getOrCreateJob } from "@forwardimpact/libskill/job-cache";
 
 /**
  * Get the next level for progression

package/src/formatters/skill/shared.js

@@ -8,7 +8,7 @@ import {
   groupSkillsByCapability,
   getCapabilityEmoji,
 } from "@forwardimpact/map/levels";
-import { getSkillTypeForDiscipline } from "@forwardimpact/libpathway/derivation";
+import { getSkillTypeForDiscipline } from "@forwardimpact/libskill/derivation";
 import { truncate } from "../shared.js";
 
 /**

package/src/formatters/track/shared.js

@@ -7,7 +7,7 @@
 import {
   isCapability,
   getSkillsByCapability,
-} from "@forwardimpact/libpathway/modifiers";
+} from "@forwardimpact/libskill/modifiers";
 import { truncate } from "../shared.js";
 
 /**

package/src/handout.html

@@ -13,19 +13,38 @@
           "@forwardimpact/map/levels": "/map/lib/levels.js",
           "@forwardimpact/map/loader": "/map/lib/loader.js",
           "@forwardimpact/map/validation": "/map/lib/validation.js",
-          "@forwardimpact/libpathway": "/model/lib/index.js",
-          "@forwardimpact/libpathway/derivation": "/model/lib/derivation.js",
-          "@forwardimpact/libpathway/modifiers": "/model/lib/modifiers.js",
-          "@forwardimpact/libpathway/agent": "/model/lib/agent.js",
-          "@forwardimpact/libpathway/interview": "/model/lib/interview.js",
-          "@forwardimpact/libpathway/job": "/model/lib/job.js",
-          "@forwardimpact/libpathway/job-cache": "/model/lib/job-cache.js",
-          "@forwardimpact/libpathway/checklist": "/model/lib/checklist.js",
-          "@forwardimpact/libpathway/matching": "/model/lib/matching.js",
-          "@forwardimpact/libpathway/profile": "/model/lib/profile.js",
-          "@forwardimpact/libpathway/progression": "/model/lib/progression.js",
-          "@forwardimpact/libpathway/policies": "/model/lib/policies/index.js",
-          "@forwardimpact/libpathway/toolkit": "/model/lib/toolkit.js"
+          "@forwardimpact/libskill": "/model/lib/index.js",
+          "@forwardimpact/libskill/derivation": "/model/lib/derivation.js",
+          "@forwardimpact/libskill/modifiers": "/model/lib/modifiers.js",
+          "@forwardimpact/libskill/agent": "/model/lib/agent.js",
+          "@forwardimpact/libskill/interview": "/model/lib/interview.js",
+          "@forwardimpact/libskill/job": "/model/lib/job.js",
+          "@forwardimpact/libskill/job-cache": "/model/lib/job-cache.js",
+          "@forwardimpact/libskill/checklist": "/model/lib/checklist.js",
+          "@forwardimpact/libskill/matching": "/model/lib/matching.js",
+          "@forwardimpact/libskill/profile": "/model/lib/profile.js",
+          "@forwardimpact/libskill/progression": "/model/lib/progression.js",
+          "@forwardimpact/libskill/policies": "/model/lib/policies/index.js",
+          "@forwardimpact/libskill/toolkit": "/model/lib/toolkit.js",
+          "@forwardimpact/libui": "/ui/lib/index.js",
+          "@forwardimpact/libui/render": "/ui/lib/render.js",
+          "@forwardimpact/libui/reactive": "/ui/lib/reactive.js",
+          "@forwardimpact/libui/state": "/ui/lib/state.js",
+          "@forwardimpact/libui/errors": "/ui/lib/errors.js",
+          "@forwardimpact/libui/error-boundary": "/ui/lib/error-boundary.js",
+          "@forwardimpact/libui/router-core": "/ui/lib/router-core.js",
+          "@forwardimpact/libui/router-pages": "/ui/lib/router-pages.js",
+          "@forwardimpact/libui/router-slides": "/ui/lib/router-slides.js",
+          "@forwardimpact/libui/yaml-loader": "/ui/lib/yaml-loader.js",
+          "@forwardimpact/libui/markdown": "/ui/lib/markdown.js",
+          "@forwardimpact/libui/utils": "/ui/lib/utils.js",
+          "@forwardimpact/libui/components": "/ui/lib/components/index.js",
+          "@forwardimpact/libui/components/card": "/ui/lib/components/card.js",
+          "@forwardimpact/libui/components/grid": "/ui/lib/components/grid.js",
+          "@forwardimpact/libui/components/list": "/ui/lib/components/list.js",
+          "@forwardimpact/libui/components/detail": "/ui/lib/components/detail.js",
+          "@forwardimpact/libui/components/nav": "/ui/lib/components/nav.js",
+          "@forwardimpact/libui/components/error-page": "/ui/lib/components/error-page.js"
         }
       }
     </script>

package/src/index.html

@@ -25,19 +25,38 @@
           "@forwardimpact/map/levels": "/map/lib/levels.js",
           "@forwardimpact/map/loader": "/map/lib/loader.js",
           "@forwardimpact/map/validation": "/map/lib/validation.js",
-          "@forwardimpact/libpathway": "/model/lib/index.js",
-          "@forwardimpact/libpathway/derivation": "/model/lib/derivation.js",
-          "@forwardimpact/libpathway/modifiers": "/model/lib/modifiers.js",
-          "@forwardimpact/libpathway/agent": "/model/lib/agent.js",
-          "@forwardimpact/libpathway/interview": "/model/lib/interview.js",
-          "@forwardimpact/libpathway/job": "/model/lib/job.js",
-          "@forwardimpact/libpathway/job-cache": "/model/lib/job-cache.js",
-          "@forwardimpact/libpathway/checklist": "/model/lib/checklist.js",
-          "@forwardimpact/libpathway/matching": "/model/lib/matching.js",
-          "@forwardimpact/libpathway/profile": "/model/lib/profile.js",
-          "@forwardimpact/libpathway/progression": "/model/lib/progression.js",
-          "@forwardimpact/libpathway/policies": "/model/lib/policies/index.js",
-          "@forwardimpact/libpathway/toolkit": "/model/lib/toolkit.js"
+          "@forwardimpact/libskill": "/model/lib/index.js",
+          "@forwardimpact/libskill/derivation": "/model/lib/derivation.js",
+          "@forwardimpact/libskill/modifiers": "/model/lib/modifiers.js",
+          "@forwardimpact/libskill/agent": "/model/lib/agent.js",
+          "@forwardimpact/libskill/interview": "/model/lib/interview.js",
+          "@forwardimpact/libskill/job": "/model/lib/job.js",
+          "@forwardimpact/libskill/job-cache": "/model/lib/job-cache.js",
+          "@forwardimpact/libskill/checklist": "/model/lib/checklist.js",
+          "@forwardimpact/libskill/matching": "/model/lib/matching.js",
+          "@forwardimpact/libskill/profile": "/model/lib/profile.js",
+          "@forwardimpact/libskill/progression": "/model/lib/progression.js",
+          "@forwardimpact/libskill/policies": "/model/lib/policies/index.js",
+          "@forwardimpact/libskill/toolkit": "/model/lib/toolkit.js",
+          "@forwardimpact/libui": "/ui/lib/index.js",
+          "@forwardimpact/libui/render": "/ui/lib/render.js",
+          "@forwardimpact/libui/reactive": "/ui/lib/reactive.js",
+          "@forwardimpact/libui/state": "/ui/lib/state.js",
+          "@forwardimpact/libui/errors": "/ui/lib/errors.js",
+          "@forwardimpact/libui/error-boundary": "/ui/lib/error-boundary.js",
+          "@forwardimpact/libui/router-core": "/ui/lib/router-core.js",
+          "@forwardimpact/libui/router-pages": "/ui/lib/router-pages.js",
+          "@forwardimpact/libui/router-slides": "/ui/lib/router-slides.js",
+          "@forwardimpact/libui/yaml-loader": "/ui/lib/yaml-loader.js",
+          "@forwardimpact/libui/markdown": "/ui/lib/markdown.js",
+          "@forwardimpact/libui/utils": "/ui/lib/utils.js",
+          "@forwardimpact/libui/components": "/ui/lib/components/index.js",
+          "@forwardimpact/libui/components/card": "/ui/lib/components/card.js",
+          "@forwardimpact/libui/components/grid": "/ui/lib/components/grid.js",
+          "@forwardimpact/libui/components/list": "/ui/lib/components/list.js",
+          "@forwardimpact/libui/components/detail": "/ui/lib/components/detail.js",
+          "@forwardimpact/libui/components/nav": "/ui/lib/components/nav.js",
+          "@forwardimpact/libui/components/error-page": "/ui/lib/components/error-page.js"
         }
       }
     </script>

package/src/lib/error-boundary.js

@@ -1,70 +1,7 @@
 /**
  * Error boundary wrapper for page rendering
+ *
+ * Re-exports from @forwardimpact/libui/error-boundary.
  */
 
-import { renderNotFound, renderError } from "../components/error-page.js";
-import { NotFoundError, InvalidCombinationError } from "./errors.js";
-
-/**
- * @typedef {Object} ErrorBoundaryOptions
- * @property {(error: Error) => void} [onError] - Error callback for logging
- * @property {string} [backPath] - Default back path
- * @property {string} [backText] - Default back text
- * @property {(title: string, message: string) => void} [renderErrorFn] - Custom error renderer
- */
-
-/**
- * Wrap a render function with error handling
- * @param {Function} renderFn - Page render function
- * @param {ErrorBoundaryOptions} [options]
- * @returns {Function}
- */
-export function withErrorBoundary(renderFn, options = {}) {
-  const errorRenderer =
-    options.renderErrorFn ||
-    ((title, message) => {
-      renderError({
-        title,
-        message,
-        backPath: options.backPath || "/",
-        backText: options.backText || "← Back to Home",
-      });
-    });
-
-  return (...args) => {
-    try {
-      return renderFn(...args);
-    } catch (error) {
-      console.error("Page render error:", error);
-
-      options.onError?.(error);
-
-      if (error instanceof NotFoundError) {
-        if (options.renderErrorFn) {
-          errorRenderer(
-            `${error.entityType} Not Found`,
-            `No ${error.entityType.toLowerCase()} found with ID: ${error.entityId}`,
-          );
-        } else {
-          renderNotFound({
-            entityType: error.entityType,
-            entityId: error.entityId,
-            backPath: error.backPath,
-            backText: `← Back to ${error.entityType}s`,
-          });
-        }
-        return;
-      }
-
-      if (error instanceof InvalidCombinationError) {
-        errorRenderer("Invalid Combination", error.message);
-        return;
-      }
-
-      errorRenderer(
-        "Something Went Wrong",
-        error.message || "An unexpected error occurred.",
-      );
-    }
-  };
-}
+export { withErrorBoundary } from "@forwardimpact/libui/error-boundary";

package/src/lib/errors.js

@@ -1,49 +1,11 @@
 /**
  * Custom error types for the application
+ *
+ * Re-exports from @forwardimpact/libui/errors.
  */
 
-/**
- * Entity not found error
- */
-export class NotFoundError extends Error {
-  /**
-   * @param {string} entityType - Type of entity (e.g., 'Skill', 'Behaviour')
-   * @param {string} entityId - ID that was not found
-   * @param {string} backPath - Path to navigate back to
-   */
-  constructor(entityType, entityId, backPath) {
-    super(`${entityType} not found: ${entityId}`);
-    this.name = "NotFoundError";
-    this.entityType = entityType;
-    this.entityId = entityId;
-    this.backPath = backPath;
-  }
-}
-
-/**
- * Invalid combination error (e.g., invalid job configuration)
- */
-export class InvalidCombinationError extends Error {
-  /**
-   * @param {string} message - Error message
-   * @param {string} backPath - Path to navigate back to
-   */
-  constructor(message, backPath) {
-    super(message);
-    this.name = "InvalidCombinationError";
-    this.backPath = backPath;
-  }
-}
-
-/**
- * Data loading error
- */
-export class DataLoadError extends Error {
-  /**
-   * @param {string} message - Error message
-   */
-  constructor(message) {
-    super(message);
-    this.name = "DataLoadError";
-  }
-}
+export {
+  NotFoundError,
+  InvalidCombinationError,
+  DataLoadError,
+} from "@forwardimpact/libui/errors";

package/src/lib/job-cache.js

@@ -5,7 +5,7 @@
  * Provides consistent key generation and get-or-create pattern.
  */
 
-import { deriveJob } from "@forwardimpact/libpathway/derivation";
+import { deriveJob } from "@forwardimpact/libskill/derivation";
 
 /** @type {Map<string, Object>} */
 const cache = new Map();

package/src/lib/markdown.js

@@ -1,114 +1,7 @@
 /**
  * Simple Markdown to HTML converter
  *
- * Converts common markdown syntax to HTML. Designed for job descriptions
- * with headings, lists, bold text, and paragraphs.
+ * Re-exports from @forwardimpact/libui/markdown.
  */
 
-/**
- * Convert markdown text to HTML
- * @param {string} markdown - The markdown text to convert
- * @returns {string} HTML string
- */
-export function markdownToHtml(markdown) {
-  const lines = markdown.split("\n");
-  const htmlLines = [];
-  let inList = false;
-
-  for (let i = 0; i < lines.length; i++) {
-    let line = lines[i];
-
-    // Skip empty lines but close list if open
-    if (line.trim() === "") {
-      if (inList) {
-        htmlLines.push("</ul>");
-        inList = false;
-      }
-      continue;
-    }
-
-    // H1 heading
-    if (line.startsWith("# ")) {
-      if (inList) {
-        htmlLines.push("</ul>");
-        inList = false;
-      }
-      htmlLines.push(`<h1>${escapeHtml(line.slice(2))}</h1>`);
-      continue;
-    }
-
-    // H2 heading
-    if (line.startsWith("## ")) {
-      if (inList) {
-        htmlLines.push("</ul>");
-        inList = false;
-      }
-      htmlLines.push(`<h2>${escapeHtml(line.slice(3))}</h2>`);
-      continue;
-    }
-
-    // H3 heading
-    if (line.startsWith("### ")) {
-      if (inList) {
-        htmlLines.push("</ul>");
-        inList = false;
-      }
-      htmlLines.push(`<h3>${escapeHtml(line.slice(4))}</h3>`);
-      continue;
-    }
-
-    // List item
-    if (line.startsWith("- ")) {
-      if (!inList) {
-        htmlLines.push("<ul>");
-        inList = true;
-      }
-      const content = formatInlineMarkdown(line.slice(2));
-      htmlLines.push(`<li>${content}</li>`);
-      continue;
-    }
-
-    // Regular paragraph
-    if (inList) {
-      htmlLines.push("</ul>");
-      inList = false;
-    }
-    htmlLines.push(`<p>${formatInlineMarkdown(line)}</p>`);
-  }
-
-  // Close any open list
-  if (inList) {
-    htmlLines.push("</ul>");
-  }
-
-  return htmlLines.join("\n");
-}
-
-/**
- * Escape HTML special characters
- * @param {string} text - Text to escape
- * @returns {string} Escaped text
- */
-function escapeHtml(text) {
-  return text
-    .replace(/&/g, "&amp;")
-    .replace(/</g, "&lt;")
-    .replace(/>/g, "&gt;")
-    .replace(/"/g, "&quot;")
-    .replace(/'/g, "&#039;");
-}
-
-/**
- * Format inline markdown (bold text)
- * @param {string} text - Text to format
- * @returns {string} HTML formatted text
- */
-function formatInlineMarkdown(text) {
-  // First escape HTML
-  let result = escapeHtml(text);
-
-  // Convert **bold** to <strong>bold</strong>
-  result = result.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
-
-  return result;
-}
+export { markdownToHtml } from "@forwardimpact/libui/markdown";

package/src/lib/reactive.js

@@ -1,77 +1,11 @@
 /**
  * Reactive state utilities for local component state
+ *
+ * Re-exports from @forwardimpact/libui/reactive.
  */
 
-/**
- * @template T
- * @typedef {Object} Reactive
- * @property {() => T} get - Get current value
- * @property {(value: T) => void} set - Set new value
- * @property {(fn: (prev: T) => T) => void} update - Update value with function
- * @property {(fn: (value: T) => void) => () => void} subscribe - Subscribe to changes
- */
-
-/**
- * Create a reactive state container
- * @template T
- * @param {T} initial - Initial value
- * @returns {Reactive<T>}
- */
-export function createReactive(initial) {
-  let state = initial;
-  const subscribers = new Set();
-
-  return {
-    get: () => state,
-
-    set: (next) => {
-      state = next;
-      subscribers.forEach((fn) => fn(state));
-    },
-
-    update: (fn) => {
-      state = fn(state);
-      subscribers.forEach((sub) => sub(state));
-    },
-
-    subscribe: (fn) => {
-      subscribers.add(fn);
-      return () => subscribers.delete(fn);
-    },
-  };
-}
-
-/**
- * Create a computed value that updates when dependencies change
- * @template T
- * @param {() => T} compute - Computation function
- * @param {Reactive<*>[]} deps - Dependencies
- * @returns {Reactive<T>}
- */
-export function createComputed(compute, deps) {
-  const computed = createReactive(compute());
-
-  deps.forEach((dep) => {
-    dep.subscribe(() => {
-      computed.set(compute());
-    });
-  });
-
-  return computed;
-}
-
-/**
- * Bind a reactive value to an element attribute
- * @template T
- * @param {Reactive<T>} reactive - Reactive state
- * @param {HTMLElement} element - Element to bind
- * @param {string} attribute - Attribute name
- * @param {(value: T) => *} [transform] - Transform function
- */
-export function bind(reactive, element, attribute, transform = (v) => v) {
-  const update = (value) => {
-    element[attribute] = transform(value);
-  };
-  update(reactive.get());
-  reactive.subscribe(update);
-}
+export {
+  createReactive,
+  createComputed,
+  bind,
+} from "@forwardimpact/libui/reactive";