@pebble-software/bonsai 0.3.0 → 0.4.0

package/dist/constants.js

@@ -1,10 +1,15 @@
 var e = /* @__PURE__ */ ((t) => (t.FORM_CAPTURED = "FORM_CAPTURED", t.FILE_GENERATED = "FILE_GENERATED", t.FILE_UPLOADED = "FILE_UPLOADED", t))(e || {});
 const a = new Set(Object.values(e));
 var A = /* @__PURE__ */ ((t) => (t.A = "a", t.P = "p", t.H = "h", t.OL = "ol", t.UL = "ul", t.LI = "li", t.DIV = "div", t.SPAN = "span", t.ACCORDION = "accordion", t.ACCORDION_ITEM = "accordion-item", t.ACCORDION_TRIGGER = "accordion-trigger", t.ACCORDION_CONTENT = "accordion-content", t.ALERT = "alert", t.AVATAR = "avatar", t.BADGE = "badge", t.BUTTON = "button", t.CARD = "card", t.CARD_HEADER = "card-header", t.CARD_TITLE = "card-title", t.CARD_DESCRIPTION = "card-description", t.CARD_CONTENT = "card-content", t.CARD_FOOTER = "card-footer", t.CARD_ACTION = "card-action", t.CARD_ICON = "card-icon", t.CALENDAR = "calendar", t.CHECKBOX = "checkbox", t.COLLAPSIBLE = "collapsible", t.COLLAPSIBLE_TRIGGER = "collapsible-trigger", t.COLLAPSIBLE_CONTENT = "collapsible-content", t.IMAGE = "image", t.OTP = "otp", t.INPUT = "input", t.INPUT_GROUP = "input-group", t.INPUT_GROUP_TEXT = "input-group-text", t.INPUT_GROUP_ADDON = "input-group-addon", t.INPUT_GROUP_BUTTON = "input-group-button", t.INPUT_GROUP_INPUT = "input-group-input", t.INPUT_GROUP_TEXTAREA = "input-group-textarea", t.LABEL = "label", t.LOADER = "loader", t.PROGRESS = "progress", t.SEPARATOR = "separator", t.SKELETON = "skeleton", t.SWITCH = "switch", t.TABLE = "table", t.TABLE_HEADER = "table-header", t.TABLE_BODY = "table-body", t.TABLE_FOOTER = "table-footer", t.TABLE_HEAD = "table-head", t.TABLE_ROW = "table-row", t.TABLE_CELL = "table-cell", t.TABLE_CAPTION = "table-caption", t.TEXTAREA = "textarea", t.SIGNATURE = "signature", t.EACH = "each", t.IF = "if", t))(A || {});
-const r = new Set(Object.values(A));
+const R = new Set(Object.values(A)), r = /* @__PURE__ */ new Set([
+  "each",
+  "if"
+  /* IF */
+]);
 export {
   A as COMPONENT,
-  r as COMPONENT_LIST,
+  R as COMPONENT_LIST,
+  r as STRUCTURAL_COMPONENTS,
   e as WEBHOOK_EVENT,
   a as WEBHOOK_EVENTS
 };

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../library/constants/src/webhook-events.ts","../../../library/constants/src/components.ts"],"sourcesContent":["export enum WEBHOOK_EVENT {\n  FORM_CAPTURED = \"FORM_CAPTURED\",\n  FILE_GENERATED = \"FILE_GENERATED\",\n  FILE_UPLOADED = \"FILE_UPLOADED\"\n}\n\nexport const WEBHOOK_EVENTS = new Set(Object.values(WEBHOOK_EVENT));\n","export enum COMPONENT {\n  A = \"a\",\n  P = \"p\",\n  H = \"h\",\n  OL = \"ol\",\n  UL = \"ul\",\n  LI = \"li\",\n  DIV = \"div\",\n  SPAN = \"span\",\n  ACCORDION = \"accordion\",\n  ACCORDION_ITEM = \"accordion-item\",\n  ACCORDION_TRIGGER = \"accordion-trigger\",\n  ACCORDION_CONTENT = \"accordion-content\",\n  ALERT = \"alert\",\n  AVATAR = \"avatar\",\n  BADGE = \"badge\",\n  BUTTON = \"button\",\n  CARD = \"card\",\n  CARD_HEADER = \"card-header\",\n  CARD_TITLE = \"card-title\",\n  CARD_DESCRIPTION = \"card-description\",\n  CARD_CONTENT = \"card-content\",\n  CARD_FOOTER = \"card-footer\",\n  CARD_ACTION = \"card-action\",\n  CARD_ICON = \"card-icon\",\n  CALENDAR = \"calendar\",\n  CHECKBOX = \"checkbox\",\n  COLLAPSIBLE = \"collapsible\",\n  COLLAPSIBLE_TRIGGER = \"collapsible-trigger\",\n  COLLAPSIBLE_CONTENT = \"collapsible-content\",\n  IMAGE = \"image\",\n  OTP = \"otp\",\n  INPUT = \"input\",\n  INPUT_GROUP = \"input-group\",\n  INPUT_GROUP_TEXT = \"input-group-text\",\n  INPUT_GROUP_ADDON = \"input-group-addon\",\n  INPUT_GROUP_BUTTON = \"input-group-button\",\n  INPUT_GROUP_INPUT = \"input-group-input\",\n  INPUT_GROUP_TEXTAREA = \"input-group-textarea\",\n  LABEL = \"label\",\n  LOADER = \"loader\",\n  PROGRESS = \"progress\",\n  SEPARATOR = \"separator\",\n  SKELETON = \"skeleton\",\n  SWITCH = \"switch\",\n  TABLE = \"table\",\n  TABLE_HEADER = \"table-header\",\n  TABLE_BODY = \"table-body\",\n  TABLE_FOOTER = \"table-footer\",\n  TABLE_HEAD = \"table-head\",\n  TABLE_ROW = \"table-row\",\n  TABLE_CELL = \"table-cell\",\n  TABLE_CAPTION = \"table-caption\",\n  TEXTAREA = \"textarea\",\n  SIGNATURE = \"signature\",\n  EACH = \"each\",\n  IF = \"if\",\n}\n\nexport const COMPONENT_LIST = new Set(Object.values(COMPONENT));\n"],"names":["WEBHOOK_EVENT","WEBHOOK_EVENTS","COMPONENT","COMPONENT_LIST"],"mappings":"AAAO,IAAKA,sBAAAA,OACVA,EAAA,gBAAgB,iBAChBA,EAAA,iBAAiB,kBACjBA,EAAA,gBAAgB,iBAHNA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAAiB,IAAI,IAAI,OAAO,OAAOD,CAAa,CAAC;ACN3D,IAAKE,sBAAAA,OACVA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,YAAY,aACZA,EAAA,iBAAiB,kBACjBA,EAAA,oBAAoB,qBACpBA,EAAA,oBAAoB,qBACpBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,OAAO,QACPA,EAAA,cAAc,eACdA,EAAA,aAAa,cACbA,EAAA,mBAAmB,oBACnBA,EAAA,eAAe,gBACfA,EAAA,cAAc,eACdA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,cAAc,eACdA,EAAA,sBAAsB,uBACtBA,EAAA,sBAAsB,uBACtBA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,mBAAmB,oBACnBA,EAAA,oBAAoB,qBACpBA,EAAA,qBAAqB,sBACrBA,EAAA,oBAAoB,qBACpBA,EAAA,uBAAuB,wBACvBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,aAAa,cACbA,EAAA,eAAe,gBACfA,EAAA,aAAa,cACbA,EAAA,YAAY,aACZA,EAAA,aAAa,cACbA,EAAA,gBAAgB,iBAChBA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,OAAO,QACPA,EAAA,KAAK,MAxDKA,IAAAA,KAAA,CAAA,CAAA;AA2DL,MAAMC,IAAiB,IAAI,IAAI,OAAO,OAAOD,CAAS,CAAC;"}
+{"version":3,"file":"constants.js","sources":["../../../library/constants/src/webhook-events.ts","../../../library/constants/src/components.ts"],"sourcesContent":["export enum WEBHOOK_EVENT {\n  FORM_CAPTURED = \"FORM_CAPTURED\",\n  FILE_GENERATED = \"FILE_GENERATED\",\n  FILE_UPLOADED = \"FILE_UPLOADED\"\n}\n\nexport const WEBHOOK_EVENTS = new Set(Object.values(WEBHOOK_EVENT));\n","export enum COMPONENT {\n  A = \"a\",\n  P = \"p\",\n  H = \"h\",\n  OL = \"ol\",\n  UL = \"ul\",\n  LI = \"li\",\n  DIV = \"div\",\n  SPAN = \"span\",\n  ACCORDION = \"accordion\",\n  ACCORDION_ITEM = \"accordion-item\",\n  ACCORDION_TRIGGER = \"accordion-trigger\",\n  ACCORDION_CONTENT = \"accordion-content\",\n  ALERT = \"alert\",\n  AVATAR = \"avatar\",\n  BADGE = \"badge\",\n  BUTTON = \"button\",\n  CARD = \"card\",\n  CARD_HEADER = \"card-header\",\n  CARD_TITLE = \"card-title\",\n  CARD_DESCRIPTION = \"card-description\",\n  CARD_CONTENT = \"card-content\",\n  CARD_FOOTER = \"card-footer\",\n  CARD_ACTION = \"card-action\",\n  CARD_ICON = \"card-icon\",\n  CALENDAR = \"calendar\",\n  CHECKBOX = \"checkbox\",\n  COLLAPSIBLE = \"collapsible\",\n  COLLAPSIBLE_TRIGGER = \"collapsible-trigger\",\n  COLLAPSIBLE_CONTENT = \"collapsible-content\",\n  IMAGE = \"image\",\n  OTP = \"otp\",\n  INPUT = \"input\",\n  INPUT_GROUP = \"input-group\",\n  INPUT_GROUP_TEXT = \"input-group-text\",\n  INPUT_GROUP_ADDON = \"input-group-addon\",\n  INPUT_GROUP_BUTTON = \"input-group-button\",\n  INPUT_GROUP_INPUT = \"input-group-input\",\n  INPUT_GROUP_TEXTAREA = \"input-group-textarea\",\n  LABEL = \"label\",\n  LOADER = \"loader\",\n  PROGRESS = \"progress\",\n  SEPARATOR = \"separator\",\n  SKELETON = \"skeleton\",\n  SWITCH = \"switch\",\n  TABLE = \"table\",\n  TABLE_HEADER = \"table-header\",\n  TABLE_BODY = \"table-body\",\n  TABLE_FOOTER = \"table-footer\",\n  TABLE_HEAD = \"table-head\",\n  TABLE_ROW = \"table-row\",\n  TABLE_CELL = \"table-cell\",\n  TABLE_CAPTION = \"table-caption\",\n  TEXTAREA = \"textarea\",\n  SIGNATURE = \"signature\",\n  EACH = \"each\",\n  IF = \"if\",\n}\n\nexport const COMPONENT_LIST = new Set(Object.values(COMPONENT));\n\n// `each`/`if` are core engine control-flow nodes, not registry components — the renderer\n// special-cases them before ever consulting the registry (see compile-template.ts), so\n// anything else that walks a template against a registry or the class manifest must too\n// rather than reporting them as unknown components.\nexport const STRUCTURAL_COMPONENTS: ReadonlySet<string> = new Set([\n  COMPONENT.EACH,\n  COMPONENT.IF,\n]);\n"],"names":["WEBHOOK_EVENT","WEBHOOK_EVENTS","COMPONENT","COMPONENT_LIST","STRUCTURAL_COMPONENTS"],"mappings":"AAAO,IAAKA,sBAAAA,OACVA,EAAA,gBAAgB,iBAChBA,EAAA,iBAAiB,kBACjBA,EAAA,gBAAgB,iBAHNA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAAiB,IAAI,IAAI,OAAO,OAAOD,CAAa,CAAC;ACN3D,IAAKE,sBAAAA,OACVA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,YAAY,aACZA,EAAA,iBAAiB,kBACjBA,EAAA,oBAAoB,qBACpBA,EAAA,oBAAoB,qBACpBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,OAAO,QACPA,EAAA,cAAc,eACdA,EAAA,aAAa,cACbA,EAAA,mBAAmB,oBACnBA,EAAA,eAAe,gBACfA,EAAA,cAAc,eACdA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,cAAc,eACdA,EAAA,sBAAsB,uBACtBA,EAAA,sBAAsB,uBACtBA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,mBAAmB,oBACnBA,EAAA,oBAAoB,qBACpBA,EAAA,qBAAqB,sBACrBA,EAAA,oBAAoB,qBACpBA,EAAA,uBAAuB,wBACvBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,aAAa,cACbA,EAAA,eAAe,gBACfA,EAAA,aAAa,cACbA,EAAA,YAAY,aACZA,EAAA,aAAa,cACbA,EAAA,gBAAgB,iBAChBA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,OAAO,QACPA,EAAA,KAAK,MAxDKA,IAAAA,KAAA,CAAA,CAAA;AA2DL,MAAMC,IAAiB,IAAI,IAAI,OAAO,OAAOD,CAAS,CAAC,GAMjDE,wBAAiD,IAAI;AAAA,EAChE;AAAA,EACA;AAAA;AACF,CAAC;"}

package/dist/core.js

@@ -1,6 +1,6 @@
-import { c as e } from "./chunks/create-renderer-kgClEYyp.js";
-import { u as n } from "./chunks/create-renderer-kgClEYyp.js";
-import { c as i, a as d, b as p, d as c, e as f, f as m, u } from "./chunks/render-shared-CrG0OFhJ.js";
+import { c as e } from "./chunks/create-renderer-CSFyNcqr.js";
+import { u as n } from "./chunks/create-renderer-CSFyNcqr.js";
+import { c as i, a as d, b as p, d as c, e as f, f as m, u } from "./chunks/render-shared-DSYQFhTh.js";
 const { Bonsai: s } = e();
 export {
   s as Bonsai,

package/dist/css.d.ts

@@ -0,0 +1,42 @@
+import { Template } from './classes.js';
+export type { Template };
+/**
+ * Which of bonsai's layer sheets a stylesheet is built on
+ * (`styles/presets.json`):
+ * - `core`: design tokens and the reset, for plain text and layout.
+ * - `full`: every layer an interactive form needs.
+ * - `pdf`: `full` without `fonts`, for renderers that embed their own
+ *   `@font-face` (two competing face sets for one family render unpredictably).
+ */
+export type CssPreset = "core" | "full" | "pdf";
+export interface TemplateCssOptions {
+    /** Default `"full"`. */
+    preset?: CssPreset;
+}
+export interface TemplateCss {
+    /** The compiled stylesheet: the preset's layers plus every utility the templates can render. */
+    css: string;
+    /**
+     * Types in the templates bonsai has no classes for, such as components a
+     * custom registry adds. Whatever they render is unstyled by `css`.
+     */
+    unknownTypes: string[];
+}
+/**
+ * sha256 of everything besides the templates that decides what
+ * `compileTemplateCss` returns: the class manifest, the layer sheets and the
+ * bundled Tailwind version. Put it in the key of any compiled sheet you store,
+ * so an upgrade that changes the output misses that cache instead of serving
+ * stale CSS.
+ */
+export declare const TEMPLATE_CSS_HASH: string;
+/**
+ * The stylesheet rendering `templates` needs, in every status, render mode,
+ * `if` branch and data state.
+ *
+ * It's complete when `unknownTypes` is empty and the templates pass
+ * `validateTemplate`, which rejects class props whose classes only exist once
+ * data arrives (`{{ 'bg-' + color }}`). Template JSON is read defensively, so
+ * an unvalidated or malformed template compiles rather than throws.
+ */
+export declare function compileTemplateCss(templates: Template | readonly Template[], { preset }?: TemplateCssOptions): Promise<TemplateCss>;