@vielzeug/buildit 2.0.0

package/dist/content/table/table.css?inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.css?inline.js","names":[],"sources":["../../../src/content/table/table.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    /* ── Public API tokens ──────────────────────────────────────────────── */\n    --_radius: var(--table-radius, var(--rounded-lg));\n    --_shadow: var(--table-shadow, none);\n    --_border: var(--table-border, 1px solid var(--color-contrast-200));\n\n    /* ── Tokens consumed by native th/td in the shadow table ────────────── */\n    --_cell-padding: var(--table-cell-padding, var(--size-4) var(--size-5));\n    --_cell-font-size: var(--table-cell-font-size, var(--text-sm));\n    --_cell-color: var(--table-cell-color, var(--color-contrast-800));\n    --_th-bg: var(--table-header-bg, color-mix(in srgb, var(--color-contrast-100) 85%, transparent));\n    --_th-color: var(--table-header-color, var(--_theme-content));\n    --_th-font-weight: var(--font-semibold);\n    --_th-font-size: var(--text-xs);\n    --_row-hover-bg: var(--table-row-hover-bg, var(--color-contrast-100));\n    --_stripe-bg: transparent;\n\n    display: block;\n    width: 100%;\n    border-radius: var(--_radius);\n    box-shadow: var(--_shadow);\n  }\n\n  /* ── Scroll container ────────────────────────────────────────────────── */\n\n  .scroll-container {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  /* ── Native table ─────────────────────────────────────────────────────── */\n\n  table {\n    width: 100%;\n    table-layout: auto;\n    border-spacing: 0;\n    border-collapse: collapse;\n    background: var(--table-bg, var(--color-canvas));\n  }\n\n  /* ── Caption ─────────────────────────────────────────────────────────── */\n\n  caption {\n    padding: var(--size-3) var(--size-5);\n    font-size: var(--text-xs);\n    font-weight: var(--font-semibold);\n    color: var(--color-contrast-500);\n    text-align: start;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    caption-side: top;\n    background: var(--_th-bg);\n  }\n\n  /* ── Native cells (live in shadow DOM — all styling goes here) ────────── */\n\n  th,\n  td {\n    padding: var(--_cell-padding);\n    font-size: var(--_cell-font-size);\n    font-weight: normal;\n    vertical-align: middle;\n    color: var(--_cell-color);\n    text-align: start;\n    background: transparent;\n    border-bottom: var(--_border);\n    transition: background var(--duration-150) var(--ease-in-out);\n  }\n\n  /* Last row in each section — remove separator */\n  tbody tr:last-child th,\n  tbody tr:last-child td,\n  tfoot tr:last-child th,\n  tfoot tr:last-child td {\n    border-bottom: none;\n  }\n\n  /* ── Header / footer rows ─────────────────────────────────────────────── */\n\n  thead th,\n  thead td,\n  tfoot th,\n  tfoot td {\n    font-size: var(--_th-font-size);\n    font-weight: var(--_th-font-weight);\n    color: var(--_th-color);\n    background: var(--_th-bg) !important;\n    border-bottom: var(--border-2) solid var(--color-contrast-200);\n    backdrop-filter: blur(var(--blur-md)) saturate(140%);\n  }\n\n  thead th {\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── Row hover (body only) ────────────────────────────────────────────── */\n\n  tbody tr:hover th,\n  tbody tr:hover td {\n    background: var(--_row-hover-bg);\n  }\n\n  /* ── Striped rows ─────────────────────────────────────────────────────── */\n\n  tbody tr:nth-child(even) th,\n  tbody tr:nth-child(even) td {\n    background: var(--_stripe-bg);\n  }\n\n  tbody tr:nth-child(even):hover th,\n  tbody tr:nth-child(even):hover td {\n    background: var(--_row-hover-bg);\n  }\n}\n\n/* ── Loading state ───────────────────────────────────────────────────────── */\n\n@layer buildit.states {\n  :host([loading]) {\n    cursor: wait;\n  }\n\n  :host([loading]) table {\n    pointer-events: none;\n    opacity: 0.5;\n    transition: opacity var(--duration-200) var(--ease-in-out);\n  }\n}\n\n/* ── Variants ────────────────────────────────────────────────────────────── */\n\n@layer buildit.variants {\n  /* Striped: flip --_stripe-bg token on */\n  :host([striped]) {\n    --_stripe-bg: var(--table-stripe-bg, var(--color-contrast-50));\n  }\n\n  /* Bordered: border and radius on the host itself; overflow:hidden on the\n     scroll-container would block position:sticky so we avoid it there. */\n  :host([bordered]) {\n    overflow: hidden;\n    border: var(--_border);\n    border-radius: var(--_radius);\n    box-shadow: var(--shadow-xs);\n  }\n\n  /* Clip painted table sections (caption/thead/tbody/tfoot) to the same radius\n     without interfering with scrolling or sticky headers. */\n  :host([bordered]) .scroll-container {\n    border-radius: inherit;\n    clip-path: inset(0 round var(--_radius));\n  }\n\n  /* Color theme: remap header tokens from the theme mixin's --_theme-* vars */\n  :host([color]) {\n    --_th-color: var(--_theme-base);\n  }\n\n  /* Sticky: clamp height and let the single scroll container handle both axes.\n     position:sticky on thead th works correctly when the scrolling ancestor\n     is the same element in both x and y — two nested overflow containers break it. */\n  :host([sticky]) .scroll-container {\n    max-height: var(--table-sticky-max-height, 24rem);\n    overflow-y: auto;\n  }\n\n  /* Pin thead cells to the top of the scroll container */\n  :host([sticky]) thead th,\n  :host([sticky]) thead td {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    background: var(\n      --table-sticky-header-bg,\n      light-dark(\n        color-mix(in srgb, var(--color-contrast-50) 94%, transparent),\n        color-mix(in srgb, var(--color-contrast-100) 94%, transparent)\n      )\n    );\n    backdrop-filter: blur(var(--table-sticky-blur, var(--blur-md))) saturate(140%);\n    will-change: backdrop-filter;\n  }\n}\n\n/* ── Size utilities ──────────────────────────────────────────────────────── */\n\n@layer buildit.utilities {\n  :host([size='sm']) {\n    --_cell-padding: var(--size-2) var(--size-3);\n    --_cell-font-size: var(--text-xs);\n  }\n\n  :host([size='lg']) {\n    --_cell-padding: var(--size-5) var(--size-8);\n    --_cell-font-size: var(--text-base);\n  }\n}\n"],"mappings":""}

package/dist/content/table/table.d.ts

@@ -0,0 +1,69 @@
+import type { ComponentSize, ThemeColor } from '../../types';
+/** Table component properties */
+export type BitTableProps = {
+    /** Show borders between rows and around the table */
+    bordered?: boolean;
+    /** Visible caption text — also used as accessible label for the table group */
+    caption?: string;
+    /** Theme color applied to the header row background */
+    color?: ThemeColor;
+    /** Show a loading / busy state */
+    loading?: boolean;
+    /** Component size: 'sm' | 'md' | 'lg' */
+    size?: ComponentSize;
+    /** Stick the header row to the top while the body scrolls */
+    sticky?: boolean;
+    /** Alternating row stripe background */
+    striped?: boolean;
+};
+export declare const TR_TAG = "bit-tr";
+export declare const TH_TAG = "bit-th";
+export declare const TD_TAG = "bit-td";
+/**
+ * Accessible data table. Compose with `<bit-tr>`, `<bit-th>`, and `<bit-td>`.
+ * Add `head` to header rows and `foot` to footer rows.
+ *
+ * @element bit-table
+ *
+ * @attr {string}  caption  - Visible caption and accessible label
+ * @attr {string}  color    - Header theme: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
+ * @attr {boolean} bordered - Outer border and radius
+ * @attr {boolean} loading  - Busy / loading state
+ * @attr {string}  size     - Size variant: 'sm' | 'md' | 'lg'
+ * @attr {boolean} sticky   - Stick header cells during vertical scroll
+ * @attr {boolean} striped  - Alternating row backgrounds
+ *
+ * @part scroll - Horizontally-scrollable container
+ * @part table  - The native `<table>` element
+ * @part head   - The native `<thead>` element
+ * @part body   - The native `<tbody>` element
+ * @part foot   - The native `<tfoot>` element
+ *
+ * @cssprop --table-bg                  - Table background
+ * @cssprop --table-border              - Full border shorthand for row separators (e.g. `2px solid red`)
+ * @cssprop --table-header-bg           - Header row background
+ * @cssprop --table-header-color        - Header cell text color
+ * @cssprop --table-cell-padding        - Cell padding (e.g. `0.75rem 1rem`)
+ * @cssprop --table-cell-font-size      - Cell font size
+ * @cssprop --table-cell-color          - Body cell text color
+ * @cssprop --table-stripe-bg           - Stripe row background
+ * @cssprop --table-row-hover-bg        - Row hover background
+ * @cssprop --table-radius              - Outer corner radius
+ * @cssprop --table-shadow              - Outer box shadow
+ * @cssprop --table-sticky-max-height   - Max height when `sticky` is active (default `24rem`)
+ *
+ * @example
+ * ```html
+ * <bit-table caption="Members" striped bordered color="primary">
+ *   <bit-tr head>
+ *     <bit-th scope="col">Name</bit-th>
+ *     <bit-th scope="col">Role</bit-th>
+ *   </bit-tr>
+ *   <bit-tr><bit-td>Alice</bit-td><bit-td>Admin</bit-td></bit-tr>
+ *   <bit-tr><bit-td>Bob</bit-td><bit-td>Editor</bit-td></bit-tr>
+ *   <bit-tr foot><bit-td colspan="2">2 members</bit-td></bit-tr>
+ * </bit-table>
+ * ```
+ */
+export declare const TABLE_TAG: string;
+//# sourceMappingURL=table.d.ts.map

package/dist/content/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/content/table/table.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAO7D,iCAAiC;AACjC,MAAM,MAAM,aAAa,GAAG;IAC1B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAeF,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,MAAM,WAAW,CAAC;AA6F/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,SAAS,QA8DpB,CAAC"}

package/dist/content/text/text.css?inline.cjs

@@ -0,0 +1,2 @@
+var e=`:host{--_size:var(--text-size,var(--text-base));--_weight:var(--text-weight,var(--font-normal));--_color:var(--text-color,var(--text-color-body));--_line-height:var(--text-line-height,var(--leading-normal));--_letter-spacing:var(--text-letter-spacing,normal);font-size:var(--_size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color);letter-spacing:var(--_letter-spacing);display:block}:host([hidden]){display:none}:host([lines]){-webkit-line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:is([as=span],[as=label],[as=code]):not([align],[truncate])){display:inline}:host([variant=heading]){--_size:var(--text-size,var(--heading-md));--_weight:var(--text-weight,var(--font-semibold));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-tight));--_letter-spacing:var(--text-letter-spacing,var(--tracking-header))}:host([variant=label]){--_size:var(--text-size,var(--text-sm));--_weight:var(--text-weight,var(--font-medium));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-snug))}:host([variant=caption]){--_size:var(--text-size,var(--text-sm));--_color:var(--text-color,var(--text-color-secondary))}:host([variant=overline]){--_size:var(--text-size,var(--text-xs));--_weight:var(--text-weight,var(--font-semibold));--_line-height:var(--text-line-height,var(--leading-none));--_letter-spacing:var(--text-letter-spacing,.08em);text-transform:uppercase}:host([variant=code]){--_size:var(--text-size,var(--text-sm));font-family:var(--font-mono,monospace)}:host([size=xs]){--_size:var(--text-xs)}:host([size=sm]){--_size:var(--text-sm)}:host([size=md]){--_size:var(--text-base)}:host([size=lg]){--_size:var(--text-lg)}:host([size=xl]){--_size:var(--text-xl)}:host([size="2xl"]){--_size:var(--text-2xl)}:host([variant=heading][size=xs]){--_size:var(--heading-xs)}:host([variant=heading][size=sm]){--_size:var(--heading-sm)}:host([variant=heading][size=md]){--_size:var(--heading-md)}:host([variant=heading][size=lg]){--_size:var(--heading-lg)}:host([variant=heading][size=xl]){--_size:var(--heading-xl)}:host([variant=heading][size="2xl"]){--_size:var(--heading-2xl)}:host([weight=normal]){--_weight:var(--font-normal)}:host([weight=medium]){--_weight:var(--font-medium)}:host([weight=semibold]){--_weight:var(--font-semibold)}:host([weight=bold]){--_weight:var(--font-bold)}:host([color=primary]){--_color:var(--color-primary)}:host([color=secondary]){--_color:var(--color-secondary)}:host([color=info]){--_color:var(--color-info)}:host([color=success]){--_color:var(--color-success)}:host([color=warning]){--_color:var(--color-warning)}:host([color=error]){--_color:var(--color-error)}:host([color=heading]){--_color:var(--text-color-heading)}:host([color=body]){--_color:var(--text-color-body)}:host([color=muted]){--_color:var(--text-color-secondary)}:host([color=tertiary]){--_color:var(--text-color-tertiary)}:host([color=disabled]){--_color:var(--text-color-disabled)}:host([color=contrast]){--_color:var(--text-color-contrast)}@layer buildit.utilities{:host([align]){display:block}:host([align=left]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}:host([align=left]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}:host([align=center]){text-align:center}:host([align=right]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:host([align=right]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}:host([align=justify]){text-align:justify}:host([truncate]){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}:host([italic]){font-style:italic}:host([as=p]),:host([as=div]),:host(:is([as=h1],[as=h2],[as=h3],[as=h4],[as=h5],[as=h6])){display:block}}`;exports.default=e;
+//# sourceMappingURL=text.css?inline.cjs.map

package/dist/content/text/text.css?inline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.css?inline.cjs","names":[],"sources":["../../../src/content/text/text.css?inline"],"sourcesContent":["/* ========================================\n     Base Styles & Defaults\n     ======================================== */\n\n:host {\n  /* Internal variables with CSS custom property fallbacks */\n  --_size: var(--text-size, var(--text-base));\n  --_weight: var(--text-weight, var(--font-normal));\n  --_color: var(--text-color, var(--text-color-body));\n  --_line-height: var(--text-line-height, var(--leading-normal));\n  --_letter-spacing: var(--text-letter-spacing, normal);\n\n  display: block;\n  font-size: var(--_size);\n  font-weight: var(--_weight);\n  line-height: var(--_line-height);\n  color: var(--_color);\n  letter-spacing: var(--_letter-spacing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* ========================================\n     Unlayered display overrides\n     These must live outside any @layer so they can beat the unlayered\n     display: block on :host. Same cascade rule that was fixed for [lines].\n     ======================================== */\n\n/* Multi-line truncation */\n:host([lines]) {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  -webkit-line-clamp: var(--_lines);\n}\n\n/* Inline semantic tags — but not when align/truncate force block layout */\n:host(:is([as='span'], [as='label'], [as='code']):not([align], [truncate])) {\n  display: inline;\n}\n\n/* ========================================\n     Variant Styles\n     ======================================== */\n\n/* Body (default) — uses base defaults above */\n\n/* Heading\n   Default size: --heading-md (24px)\n   Letter-spacing: --tracking-header (-0.025em) per theme guidelines\n   Line-height: --leading-tight (1.15) for display headings */\n:host([variant='heading']) {\n  --_size: var(--text-size, var(--heading-md));\n  --_weight: var(--text-weight, var(--font-semibold));\n  --_color: var(--text-color, var(--text-color-heading));\n  --_line-height: var(--text-line-height, var(--leading-tight));\n  --_letter-spacing: var(--text-letter-spacing, var(--tracking-header));\n}\n\n/* Label — slightly tighter line-height for UI labels */\n:host([variant='label']) {\n  --_size: var(--text-size, var(--text-sm));\n  --_weight: var(--text-weight, var(--font-medium));\n  --_color: var(--text-color, var(--text-color-heading));\n  --_line-height: var(--text-line-height, var(--leading-snug));\n}\n\n/* Caption */\n:host([variant='caption']) {\n  --_size: var(--text-size, var(--text-sm));\n  --_color: var(--text-color, var(--text-color-secondary));\n}\n\n/* Overline */\n:host([variant='overline']) {\n  --_size: var(--text-size, var(--text-xs));\n  --_weight: var(--text-weight, var(--font-semibold));\n  --_line-height: var(--text-line-height, var(--leading-none));\n  --_letter-spacing: var(--text-letter-spacing, 0.08em);\n\n  text-transform: uppercase;\n}\n\n/* Code */\n:host([variant='code']) {\n  --_size: var(--text-size, var(--text-sm));\n\n  font-family: var(--font-mono, monospace);\n}\n\n/* ========================================\n     Size Variants — body scale (--text-*)\n     Used by all variants except heading.\n     ======================================== */\n\n:host([size='xs']) {\n  --_size: var(--text-xs);\n}\n\n:host([size='sm']) {\n  --_size: var(--text-sm);\n}\n\n:host([size='md']) {\n  --_size: var(--text-base);\n}\n\n:host([size='lg']) {\n  --_size: var(--text-lg);\n}\n\n:host([size='xl']) {\n  --_size: var(--text-xl);\n}\n\n:host([size='2xl']) {\n  --_size: var(--text-2xl);\n}\n\n/* ========================================\n     Size Variants — heading scale (--heading-*)\n     Compound selectors override the body-scale rules above when\n     variant=\"heading\" and a size is also provided.\n     ======================================== */\n\n:host([variant='heading'][size='xs']) {\n  --_size: var(--heading-xs);\n}\n\n:host([variant='heading'][size='sm']) {\n  --_size: var(--heading-sm);\n}\n\n:host([variant='heading'][size='md']) {\n  --_size: var(--heading-md);\n}\n\n:host([variant='heading'][size='lg']) {\n  --_size: var(--heading-lg);\n}\n\n:host([variant='heading'][size='xl']) {\n  --_size: var(--heading-xl);\n}\n\n:host([variant='heading'][size='2xl']) {\n  --_size: var(--heading-2xl);\n}\n\n/* ========================================\n     Weight Variants\n     ======================================== */\n\n:host([weight='normal']) {\n  --_weight: var(--font-normal);\n}\n\n:host([weight='medium']) {\n  --_weight: var(--font-medium);\n}\n\n:host([weight='semibold']) {\n  --_weight: var(--font-semibold);\n}\n\n:host([weight='bold']) {\n  --_weight: var(--font-bold);\n}\n\n/* ========================================\n     Color Variants\n     Semantic colors map to --text-color-* tokens.\n     Theme colors map to --color-* base tokens.\n     ======================================== */\n\n:host([color='primary']) {\n  --_color: var(--color-primary);\n}\n\n:host([color='secondary']) {\n  --_color: var(--color-secondary);\n}\n\n:host([color='info']) {\n  --_color: var(--color-info);\n}\n\n:host([color='success']) {\n  --_color: var(--color-success);\n}\n\n:host([color='warning']) {\n  --_color: var(--color-warning);\n}\n\n:host([color='error']) {\n  --_color: var(--color-error);\n}\n\n/* Semantic text colors */\n:host([color='heading']) {\n  --_color: var(--text-color-heading); /* --color-contrast-900 */\n}\n\n:host([color='body']) {\n  --_color: var(--text-color-body); /* --color-contrast-800 */\n}\n\n:host([color='muted']) {\n  --_color: var(--text-color-secondary); /* --color-contrast-600 — AA compliant */\n}\n\n:host([color='tertiary']) {\n  --_color: var(--text-color-tertiary); /* --color-contrast-500 — AA for large text */\n}\n\n:host([color='disabled']) {\n  --_color: var(--text-color-disabled); /* --color-contrast-400 */\n}\n\n:host([color='contrast']) {\n  --_color: var(--text-color-contrast); /* --color-contrast-100 */\n}\n\n@layer buildit.utilities {\n  /* ========================================\n     Alignment\n     ======================================== */\n\n  :host([align]) {\n    display: block;\n  }\n\n  :host([align='left']) {\n    text-align: start;\n  }\n\n  :host([align='center']) {\n    text-align: center;\n  }\n\n  :host([align='right']) {\n    text-align: end;\n  }\n\n  :host([align='justify']) {\n    text-align: justify;\n  }\n\n  /* ========================================\n     Truncate (single-line)\n     ======================================== */\n\n  :host([truncate]) {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* ========================================\n     Italic\n     ======================================== */\n\n  :host([italic]) {\n    font-style: italic;\n  }\n\n  /* ========================================\n     Block Display for Certain Tags\n     ======================================== */\n\n  :host([as='p']),\n  :host([as='div']),\n  :host(:is([as='h1'], [as='h2'], [as='h3'], [as='h4'], [as='h5'], [as='h6'])) {\n    display: block;\n  }\n\n  /* Note: display: inline for span/label/code is handled outside this @layer\n     (above) so it can override the unlayered :host { display: block }. */\n}\n"],"mappings":""}

package/dist/content/text/text.css?inline.js

@@ -0,0 +1,6 @@
+//#region src/content/text/text.css?inline
+var e = ":host{--_size:var(--text-size,var(--text-base));--_weight:var(--text-weight,var(--font-normal));--_color:var(--text-color,var(--text-color-body));--_line-height:var(--text-line-height,var(--leading-normal));--_letter-spacing:var(--text-letter-spacing,normal);font-size:var(--_size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color);letter-spacing:var(--_letter-spacing);display:block}:host([hidden]){display:none}:host([lines]){-webkit-line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:is([as=span],[as=label],[as=code]):not([align],[truncate])){display:inline}:host([variant=heading]){--_size:var(--text-size,var(--heading-md));--_weight:var(--text-weight,var(--font-semibold));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-tight));--_letter-spacing:var(--text-letter-spacing,var(--tracking-header))}:host([variant=label]){--_size:var(--text-size,var(--text-sm));--_weight:var(--text-weight,var(--font-medium));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-snug))}:host([variant=caption]){--_size:var(--text-size,var(--text-sm));--_color:var(--text-color,var(--text-color-secondary))}:host([variant=overline]){--_size:var(--text-size,var(--text-xs));--_weight:var(--text-weight,var(--font-semibold));--_line-height:var(--text-line-height,var(--leading-none));--_letter-spacing:var(--text-letter-spacing,.08em);text-transform:uppercase}:host([variant=code]){--_size:var(--text-size,var(--text-sm));font-family:var(--font-mono,monospace)}:host([size=xs]){--_size:var(--text-xs)}:host([size=sm]){--_size:var(--text-sm)}:host([size=md]){--_size:var(--text-base)}:host([size=lg]){--_size:var(--text-lg)}:host([size=xl]){--_size:var(--text-xl)}:host([size=\"2xl\"]){--_size:var(--text-2xl)}:host([variant=heading][size=xs]){--_size:var(--heading-xs)}:host([variant=heading][size=sm]){--_size:var(--heading-sm)}:host([variant=heading][size=md]){--_size:var(--heading-md)}:host([variant=heading][size=lg]){--_size:var(--heading-lg)}:host([variant=heading][size=xl]){--_size:var(--heading-xl)}:host([variant=heading][size=\"2xl\"]){--_size:var(--heading-2xl)}:host([weight=normal]){--_weight:var(--font-normal)}:host([weight=medium]){--_weight:var(--font-medium)}:host([weight=semibold]){--_weight:var(--font-semibold)}:host([weight=bold]){--_weight:var(--font-bold)}:host([color=primary]){--_color:var(--color-primary)}:host([color=secondary]){--_color:var(--color-secondary)}:host([color=info]){--_color:var(--color-info)}:host([color=success]){--_color:var(--color-success)}:host([color=warning]){--_color:var(--color-warning)}:host([color=error]){--_color:var(--color-error)}:host([color=heading]){--_color:var(--text-color-heading)}:host([color=body]){--_color:var(--text-color-body)}:host([color=muted]){--_color:var(--text-color-secondary)}:host([color=tertiary]){--_color:var(--text-color-tertiary)}:host([color=disabled]){--_color:var(--text-color-disabled)}:host([color=contrast]){--_color:var(--text-color-contrast)}@layer buildit.utilities{:host([align]){display:block}:host([align=left]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}:host([align=left]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}:host([align=center]){text-align:center}:host([align=right]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:host([align=right]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}:host([align=justify]){text-align:justify}:host([truncate]){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}:host([italic]){font-style:italic}:host([as=p]),:host([as=div]),:host(:is([as=h1],[as=h2],[as=h3],[as=h4],[as=h5],[as=h6])){display:block}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=text.css?inline.js.map

package/dist/content/text/text.css?inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.css?inline.js","names":[],"sources":["../../../src/content/text/text.css?inline"],"sourcesContent":["/* ========================================\n     Base Styles & Defaults\n     ======================================== */\n\n:host {\n  /* Internal variables with CSS custom property fallbacks */\n  --_size: var(--text-size, var(--text-base));\n  --_weight: var(--text-weight, var(--font-normal));\n  --_color: var(--text-color, var(--text-color-body));\n  --_line-height: var(--text-line-height, var(--leading-normal));\n  --_letter-spacing: var(--text-letter-spacing, normal);\n\n  display: block;\n  font-size: var(--_size);\n  font-weight: var(--_weight);\n  line-height: var(--_line-height);\n  color: var(--_color);\n  letter-spacing: var(--_letter-spacing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* ========================================\n     Unlayered display overrides\n     These must live outside any @layer so they can beat the unlayered\n     display: block on :host. Same cascade rule that was fixed for [lines].\n     ======================================== */\n\n/* Multi-line truncation */\n:host([lines]) {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  -webkit-line-clamp: var(--_lines);\n}\n\n/* Inline semantic tags — but not when align/truncate force block layout */\n:host(:is([as='span'], [as='label'], [as='code']):not([align], [truncate])) {\n  display: inline;\n}\n\n/* ========================================\n     Variant Styles\n     ======================================== */\n\n/* Body (default) — uses base defaults above */\n\n/* Heading\n   Default size: --heading-md (24px)\n   Letter-spacing: --tracking-header (-0.025em) per theme guidelines\n   Line-height: --leading-tight (1.15) for display headings */\n:host([variant='heading']) {\n  --_size: var(--text-size, var(--heading-md));\n  --_weight: var(--text-weight, var(--font-semibold));\n  --_color: var(--text-color, var(--text-color-heading));\n  --_line-height: var(--text-line-height, var(--leading-tight));\n  --_letter-spacing: var(--text-letter-spacing, var(--tracking-header));\n}\n\n/* Label — slightly tighter line-height for UI labels */\n:host([variant='label']) {\n  --_size: var(--text-size, var(--text-sm));\n  --_weight: var(--text-weight, var(--font-medium));\n  --_color: var(--text-color, var(--text-color-heading));\n  --_line-height: var(--text-line-height, var(--leading-snug));\n}\n\n/* Caption */\n:host([variant='caption']) {\n  --_size: var(--text-size, var(--text-sm));\n  --_color: var(--text-color, var(--text-color-secondary));\n}\n\n/* Overline */\n:host([variant='overline']) {\n  --_size: var(--text-size, var(--text-xs));\n  --_weight: var(--text-weight, var(--font-semibold));\n  --_line-height: var(--text-line-height, var(--leading-none));\n  --_letter-spacing: var(--text-letter-spacing, 0.08em);\n\n  text-transform: uppercase;\n}\n\n/* Code */\n:host([variant='code']) {\n  --_size: var(--text-size, var(--text-sm));\n\n  font-family: var(--font-mono, monospace);\n}\n\n/* ========================================\n     Size Variants — body scale (--text-*)\n     Used by all variants except heading.\n     ======================================== */\n\n:host([size='xs']) {\n  --_size: var(--text-xs);\n}\n\n:host([size='sm']) {\n  --_size: var(--text-sm);\n}\n\n:host([size='md']) {\n  --_size: var(--text-base);\n}\n\n:host([size='lg']) {\n  --_size: var(--text-lg);\n}\n\n:host([size='xl']) {\n  --_size: var(--text-xl);\n}\n\n:host([size='2xl']) {\n  --_size: var(--text-2xl);\n}\n\n/* ========================================\n     Size Variants — heading scale (--heading-*)\n     Compound selectors override the body-scale rules above when\n     variant=\"heading\" and a size is also provided.\n     ======================================== */\n\n:host([variant='heading'][size='xs']) {\n  --_size: var(--heading-xs);\n}\n\n:host([variant='heading'][size='sm']) {\n  --_size: var(--heading-sm);\n}\n\n:host([variant='heading'][size='md']) {\n  --_size: var(--heading-md);\n}\n\n:host([variant='heading'][size='lg']) {\n  --_size: var(--heading-lg);\n}\n\n:host([variant='heading'][size='xl']) {\n  --_size: var(--heading-xl);\n}\n\n:host([variant='heading'][size='2xl']) {\n  --_size: var(--heading-2xl);\n}\n\n/* ========================================\n     Weight Variants\n     ======================================== */\n\n:host([weight='normal']) {\n  --_weight: var(--font-normal);\n}\n\n:host([weight='medium']) {\n  --_weight: var(--font-medium);\n}\n\n:host([weight='semibold']) {\n  --_weight: var(--font-semibold);\n}\n\n:host([weight='bold']) {\n  --_weight: var(--font-bold);\n}\n\n/* ========================================\n     Color Variants\n     Semantic colors map to --text-color-* tokens.\n     Theme colors map to --color-* base tokens.\n     ======================================== */\n\n:host([color='primary']) {\n  --_color: var(--color-primary);\n}\n\n:host([color='secondary']) {\n  --_color: var(--color-secondary);\n}\n\n:host([color='info']) {\n  --_color: var(--color-info);\n}\n\n:host([color='success']) {\n  --_color: var(--color-success);\n}\n\n:host([color='warning']) {\n  --_color: var(--color-warning);\n}\n\n:host([color='error']) {\n  --_color: var(--color-error);\n}\n\n/* Semantic text colors */\n:host([color='heading']) {\n  --_color: var(--text-color-heading); /* --color-contrast-900 */\n}\n\n:host([color='body']) {\n  --_color: var(--text-color-body); /* --color-contrast-800 */\n}\n\n:host([color='muted']) {\n  --_color: var(--text-color-secondary); /* --color-contrast-600 — AA compliant */\n}\n\n:host([color='tertiary']) {\n  --_color: var(--text-color-tertiary); /* --color-contrast-500 — AA for large text */\n}\n\n:host([color='disabled']) {\n  --_color: var(--text-color-disabled); /* --color-contrast-400 */\n}\n\n:host([color='contrast']) {\n  --_color: var(--text-color-contrast); /* --color-contrast-100 */\n}\n\n@layer buildit.utilities {\n  /* ========================================\n     Alignment\n     ======================================== */\n\n  :host([align]) {\n    display: block;\n  }\n\n  :host([align='left']) {\n    text-align: start;\n  }\n\n  :host([align='center']) {\n    text-align: center;\n  }\n\n  :host([align='right']) {\n    text-align: end;\n  }\n\n  :host([align='justify']) {\n    text-align: justify;\n  }\n\n  /* ========================================\n     Truncate (single-line)\n     ======================================== */\n\n  :host([truncate]) {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* ========================================\n     Italic\n     ======================================== */\n\n  :host([italic]) {\n    font-style: italic;\n  }\n\n  /* ========================================\n     Block Display for Certain Tags\n     ======================================== */\n\n  :host([as='p']),\n  :host([as='div']),\n  :host(:is([as='h1'], [as='h2'], [as='h3'], [as='h4'], [as='h5'], [as='h6'])) {\n    display: block;\n  }\n\n  /* Note: display: inline for span/label/code is handled outside this @layer\n     (above) so it can override the unlayered :host { display: block }. */\n}\n"],"mappings":""}

package/dist/content/text/text.d.ts

@@ -0,0 +1,55 @@
+/** Text component properties */
+export type BitTextProps = {
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right' | 'justify';
+    /** Semantic HTML element to render as — sets the correct ARIA role/level on the host */
+    as?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code';
+    /** Text color (semantic + theme colors) */
+    color?: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast';
+    /** Italic text style */
+    italic?: boolean;
+    /** Clamp text to N lines with an ellipsis (multi-line truncation) */
+    lines?: number;
+    /** Text size — maps to --text-* tokens for body variants and --heading-* tokens for the heading variant */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /** Enable single-line text truncation with ellipsis */
+    truncate?: boolean;
+    /** Text semantic variant */
+    variant?: 'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code';
+    /** Font weight */
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
+};
+/**
+ * A typography component with semantic variants and responsive sizing.
+ *
+ * @element bit-text
+ *
+ * @attr {string} variant - Text variant: 'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code'
+ * @attr {string} size - Font size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'. Maps to --text-* tokens for body variants and --heading-* tokens for the heading variant.
+ * @attr {string} weight - Font weight: 'normal' | 'medium' | 'semibold' | 'bold'
+ * @attr {string} color - Text color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast'
+ * @attr {string} align - Text alignment: 'left' | 'center' | 'right' | 'justify'
+ * @attr {boolean} truncate - Truncate text with ellipsis when it overflows (single-line)
+ * @attr {number} lines - Clamp to N lines with ellipsis (multi-line truncation)
+ * @attr {boolean} italic - Italic text style
+ * @attr {string} as - Semantic HTML element: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code'
+ *
+ * @slot - Text content
+ *
+ * @cssprop --text-size - Font size
+ * @cssprop --text-weight - Font weight
+ * @cssprop --text-color - Text color
+ * @cssprop --text-line-height - Line height
+ * @cssprop --text-letter-spacing - Letter spacing
+ *
+ * @example
+ * ```html
+ * <bit-text variant="heading" size="3xl" weight="bold">Welcome</bit-text>
+ * <bit-text as="h2" variant="heading" size="xl">Section title</bit-text>
+ * <bit-text color="primary" weight="semibold">Important notice</bit-text>
+ * <bit-text variant="code">npm install</bit-text>
+ * <bit-text lines="2">Long paragraph that clamps at two lines…</bit-text>
+ * ```
+ */
+export declare const TEXT_TAG: string;
+//# sourceMappingURL=text.d.ts.map

package/dist/content/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/content/text/text.ts"],"names":[],"mappings":"AAIA,gCAAgC;AAChC,MAAM,MAAM,YAAY,GAAG;IACzB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,wFAAwF;IACxF,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,MAAM,CAAC;IACvF,2CAA2C;IAC3C,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,GACN,OAAO,GACP,UAAU,GACV,UAAU,GACV,UAAU,CAAC;IACf,wBAAwB;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2GAA2G;IAC3G,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACzE,kBAAkB;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;CACpD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,eAAO,MAAM,QAAQ,QA4CnB,CAAC"}

package/dist/craftit/dist/core/internal.cjs

@@ -0,0 +1,2 @@
+require(`../../../stateit/dist/index.cjs`);function e(e,t=[]){return{__bindings:t,__html:e,toString(){return e}}}function t(e){return typeof e==`string`?{bindings:[],html:e}:{bindings:e.__bindings,html:e.__html}}var n=Symbol(`craftit.eachSignal`);exports.i=n,exports.n=e,exports.r=t;
+//# sourceMappingURL=internal.cjs.map

package/dist/craftit/dist/core/internal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.cjs","names":[],"sources":["../../../../../craftit/dist/core/internal.js"],"sourcesContent":["import\"@vielzeug/stateit\";function e(){return{value:null}}function t(){return[]}function n(e,t=[]){return{__bindings:t,__html:e,toString(){return e}}}function r(e){return typeof e==`string`?{bindings:[],html:e}:{bindings:e.__bindings,html:e.__html}}var i=Symbol(`craftit.eachSignal`);export{i as EACH_SIGNAL,r as extractResult,n as htmlResult,e as ref,t as refs};\n//# sourceMappingURL=internal.js.map"],"mappings":"2CAAgF,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,OAAO,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE,WAAW,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,qBAAqB"}

package/dist/craftit/dist/core/internal.js

@@ -0,0 +1,25 @@
+import "../../../stateit/dist/index.js";
+//#region ../craftit/dist/core/internal.js
+function e(e, t = []) {
+	return {
+		__bindings: t,
+		__html: e,
+		toString() {
+			return e;
+		}
+	};
+}
+function t(e) {
+	return typeof e == "string" ? {
+		bindings: [],
+		html: e
+	} : {
+		bindings: e.__bindings,
+		html: e.__html
+	};
+}
+var n = Symbol("craftit.eachSignal");
+//#endregion
+export { n as i, e as n, t as r };
+
+//# sourceMappingURL=internal.js.map

package/dist/craftit/dist/core/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","names":[],"sources":["../../../../../craftit/dist/core/internal.js"],"sourcesContent":["import\"@vielzeug/stateit\";function e(){return{value:null}}function t(){return[]}function n(e,t=[]){return{__bindings:t,__html:e,toString(){return e}}}function r(e){return typeof e==`string`?{bindings:[],html:e}:{bindings:e.__bindings,html:e.__html}}var i=Symbol(`craftit.eachSignal`);export{i as EACH_SIGNAL,r as extractResult,n as htmlResult,e as ref,t as refs};\n//# sourceMappingURL=internal.js.map"],"mappings":";;AAAgF,SAAS,EAAE,GAAE,IAAE,EAAE,EAAC;AAAC,QAAM;EAAC,YAAW;EAAE,QAAO;EAAE,WAAU;AAAC,UAAO;;EAAG;;AAAC,SAAS,EAAE,GAAE;AAAC,QAAO,OAAO,KAAG,WAAS;EAAC,UAAS,EAAE;EAAC,MAAK;EAAE,GAAC;EAAC,UAAS,EAAE;EAAW,MAAK,EAAE;EAAO;;AAAC,IAAI,IAAE,OAAO,qBAAqB"}

package/dist/craftit/dist/core/runtime-bindings.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../../stateit/dist/computed.cjs`),t=require(`../../../stateit/dist/signal.cjs`);require(`../../../stateit/dist/index.cjs`);const n=require(`./utilities.cjs`);var r=n=>{if(t.o(n))return n;if(typeof n==`function`)return e.a(n)},i=e=>{if(!t.o(e))return!1;let n=Object.getPrototypeOf(e);for(;n;){let e=Object.getOwnPropertyDescriptor(n,`value`);if(e)return typeof e.set==`function`;n=Object.getPrototypeOf(n)}return!1},a=(e,t)=>{if(!Object.is(e.value,t))try{e.value=t}catch{}},o=(e,t,r,i)=>{if(r){if(t===`value`){(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)&&i(n.o(e,e instanceof HTMLSelectElement?`change`:`input`,()=>{a(r,e.value)}));return}t===`checked`&&e instanceof HTMLInputElement&&i(n.o(e,`change`,()=>{a(r,e.checked)}))}};exports.i=i,exports.o=o,exports.r=r;
+//# sourceMappingURL=runtime-bindings.cjs.map

package/dist/craftit/dist/core/runtime-bindings.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-bindings.cjs","names":["n","t","e"],"sources":["../../../../../craftit/dist/core/runtime-bindings.js"],"sourcesContent":["import{listen as e}from\"./utilities.js\";import{computed as t,isSignal as n}from\"@vielzeug/stateit\";var r=e=>{if(n(e))return e;if(typeof e==`function`)return t(e)},i=e=>{if(!n(e))return!1;let t=Object.getPrototypeOf(e);for(;t;){let e=Object.getOwnPropertyDescriptor(t,`value`);if(e)return typeof e.set==`function`;t=Object.getPrototypeOf(t)}return!1},a=(e,t)=>{if(!Object.is(e.value,t))try{e.value=t}catch{}},o=(t,n,r,i)=>{if(r){if(n===`value`){(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement)&&i(e(t,t instanceof HTMLSelectElement?`change`:`input`,()=>{a(r,t.value)}));return}n===`checked`&&t instanceof HTMLInputElement&&i(e(t,`change`,()=>{a(r,t.checked)}))}};export{o as bindPropertyModel,i as hasWritableValueSetter,r as toReactiveBindingSource};\n//# sourceMappingURL=runtime-bindings.js.map"],"mappings":"kLAAmG,IAAI,EAAE,GAAG,CAAC,GAAGA,EAAAA,EAAE,EAAE,CAAC,OAAO,EAAE,GAAG,OAAO,GAAG,WAAW,OAAOC,EAAAA,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,GAAG,CAACD,EAAAA,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,OAAO,eAAe,EAAE,CAAC,KAAK,GAAG,CAAC,IAAI,EAAE,OAAO,yBAAyB,EAAE,QAAQ,CAAC,GAAG,EAAE,OAAO,OAAO,EAAE,KAAK,WAAW,EAAE,OAAO,eAAe,EAAE,CAAC,MAAM,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,OAAO,IAAI,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,QAAQ,EAAE,aAAa,kBAAkB,aAAa,qBAAqB,aAAa,oBAAoB,EAAEE,EAAAA,EAAE,EAAE,aAAa,kBAAkB,SAAS,YAAY,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,OAAO,IAAI,WAAW,aAAa,kBAAkB,EAAEA,EAAAA,EAAE,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC"}

package/dist/craftit/dist/core/runtime-bindings.js

@@ -0,0 +1,38 @@
+import { a as e } from "../../../stateit/dist/computed.js";
+import { o as t } from "../../../stateit/dist/signal.js";
+import "../../../stateit/dist/index.js";
+import { o as n } from "./utilities.js";
+//#region ../craftit/dist/core/runtime-bindings.js
+var r = (n) => {
+	if (t(n)) return n;
+	if (typeof n == "function") return e(n);
+}, i = (e) => {
+	if (!t(e)) return !1;
+	let n = Object.getPrototypeOf(e);
+	for (; n;) {
+		let e = Object.getOwnPropertyDescriptor(n, "value");
+		if (e) return typeof e.set == "function";
+		n = Object.getPrototypeOf(n);
+	}
+	return !1;
+}, a = (e, t) => {
+	if (!Object.is(e.value, t)) try {
+		e.value = t;
+	} catch {}
+}, o = (e, t, r, i) => {
+	if (r) {
+		if (t === "value") {
+			(e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) && i(n(e, e instanceof HTMLSelectElement ? "change" : "input", () => {
+				a(r, e.value);
+			}));
+			return;
+		}
+		t === "checked" && e instanceof HTMLInputElement && i(n(e, "change", () => {
+			a(r, e.checked);
+		}));
+	}
+};
+//#endregion
+export { i, o, r };
+
+//# sourceMappingURL=runtime-bindings.js.map

package/dist/craftit/dist/core/runtime-bindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-bindings.js","names":["n","t","e"],"sources":["../../../../../craftit/dist/core/runtime-bindings.js"],"sourcesContent":["import{listen as e}from\"./utilities.js\";import{computed as t,isSignal as n}from\"@vielzeug/stateit\";var r=e=>{if(n(e))return e;if(typeof e==`function`)return t(e)},i=e=>{if(!n(e))return!1;let t=Object.getPrototypeOf(e);for(;t;){let e=Object.getOwnPropertyDescriptor(t,`value`);if(e)return typeof e.set==`function`;t=Object.getPrototypeOf(t)}return!1},a=(e,t)=>{if(!Object.is(e.value,t))try{e.value=t}catch{}},o=(t,n,r,i)=>{if(r){if(n===`value`){(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement)&&i(e(t,t instanceof HTMLSelectElement?`change`:`input`,()=>{a(r,t.value)}));return}n===`checked`&&t instanceof HTMLInputElement&&i(e(t,`change`,()=>{a(r,t.checked)}))}};export{o as bindPropertyModel,i as hasWritableValueSetter,r as toReactiveBindingSource};\n//# sourceMappingURL=runtime-bindings.js.map"],"mappings":";;;;;AAAmG,IAAI,KAAE,MAAG;AAAC,KAAGA,EAAE,EAAE,CAAC,QAAO;AAAE,KAAG,OAAO,KAAG,WAAW,QAAOC,EAAE,EAAE;GAAE,KAAE,MAAG;AAAC,KAAG,CAACD,EAAE,EAAE,CAAC,QAAM,CAAC;CAAE,IAAI,IAAE,OAAO,eAAe,EAAE;AAAC,QAAK,IAAG;EAAC,IAAI,IAAE,OAAO,yBAAyB,GAAE,QAAQ;AAAC,MAAG,EAAE,QAAO,OAAO,EAAE,OAAK;AAAW,MAAE,OAAO,eAAe,EAAE;;AAAC,QAAM,CAAC;GAAG,KAAG,GAAE,MAAI;AAAC,KAAG,CAAC,OAAO,GAAG,EAAE,OAAM,EAAE,CAAC,KAAG;AAAC,IAAE,QAAM;SAAO;GAAI,KAAG,GAAE,GAAE,GAAE,MAAI;AAAC,KAAG,GAAE;AAAC,MAAG,MAAI,SAAQ;AAAC,IAAC,aAAa,oBAAkB,aAAa,uBAAqB,aAAa,sBAAoB,EAAEE,EAAE,GAAE,aAAa,oBAAkB,WAAS,eAAY;AAAC,MAAE,GAAE,EAAE,MAAM;KAAE,CAAC;AAAC;;AAAO,QAAI,aAAW,aAAa,oBAAkB,EAAEA,EAAE,GAAE,gBAAa;AAAC,KAAE,GAAE,EAAE,QAAQ;IAAE,CAAC"}

package/dist/craftit/dist/core/runtime-lifecycle.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../../stateit/dist/effect.cjs`);require(`../../../stateit/dist/index.cjs`);var t=[],n=()=>{let e=t[t.length-1];if(!e)throw Error(`[craftit:E1] lifecycle outside setup`);return e},r=e=>{n().onMount.push(e)},i=r=>{t.length>0?n().cleanups.push(r):e.a(r)},a=e=>{t.length>0&&i(e)},o=(t,n)=>{let r=e.r(t,n);return a(r),r},s={bubbles:!0,cancelable:!0,composed:!0},c={basic(e,t,n={}){return e.dispatchEvent(new Event(t,{...s,...n}))},custom(e,t,n={}){return e.dispatchEvent(new CustomEvent(t,{...s,...n}))},event(e,t){return e.dispatchEvent(t)},focus(e,t,n={}){return e.dispatchEvent(new FocusEvent(t,{...s,...n}))},keyboard(e,t,n={}){return e.dispatchEvent(new KeyboardEvent(t,{...s,...n}))},mouse(e,t,n={}){return e.dispatchEvent(new MouseEvent(t,{...s,...n}))},touch(e,t,n={}){return typeof TouchEvent<`u`?e.dispatchEvent(new TouchEvent(t,{...s,...n})):e.dispatchEvent(new CustomEvent(t,{...s,...n}))}};exports.a=n,exports.m=c,exports.o=r,exports.s=i,exports.u=o;
+//# sourceMappingURL=runtime-lifecycle.cjs.map

package/dist/craftit/dist/core/runtime-lifecycle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-lifecycle.cjs","names":["t","r","e"],"sources":["../../../../../craftit/dist/core/runtime-lifecycle.js"],"sourcesContent":["import\"./utilities.js\";import{effect as e,onCleanup as t,untrack as n,watch as r}from\"@vielzeug/stateit\";var i=[],a=()=>{let e=i[i.length-1];if(!e)throw Error(`[craftit:E1] lifecycle outside setup`);return e},o=e=>{a().onMount.push(e)},s=e=>{i.length>0?a().cleanups.push(e):t(e)},c=e=>{a().errorHandlers.push(e)},l=e=>{i.length>0&&s(e)},u=(t,n)=>{let r=e(t,n);return l(r),r};function d(t,i,a){if(Array.isArray(t)){let r=a,o=!1,s=!1,c=e(()=>{for(let e of t)e.value;if(o)n(i),r?.once&&c();else if(o=!0,r?.immediate&&(n(i),r.once)){s=!0;return}});return l(c),s&&c(),c}let o=r(t,i,a);return l(o),o}function f(e,t,n,r){e&&(e.addEventListener(t,n,r),s(()=>e.removeEventListener(t,n,r)))}var p={bubbles:!0,cancelable:!0,composed:!0},m={basic(e,t,n={}){return e.dispatchEvent(new Event(t,{...p,...n}))},custom(e,t,n={}){return e.dispatchEvent(new CustomEvent(t,{...p,...n}))},event(e,t){return e.dispatchEvent(t)},focus(e,t,n={}){return e.dispatchEvent(new FocusEvent(t,{...p,...n}))},keyboard(e,t,n={}){return e.dispatchEvent(new KeyboardEvent(t,{...p,...n}))},mouse(e,t,n={}){return e.dispatchEvent(new MouseEvent(t,{...p,...n}))},touch(e,t,n={}){return typeof TouchEvent<`u`?e.dispatchEvent(new TouchEvent(t,{...p,...n})):e.dispatchEvent(new CustomEvent(t,{...p,...n}))}};function h(e,t){let n=t===void 0?a().el:e,r=t===void 0?e:t,i=(e,t)=>{let r=`aria-${e}`,i=typeof t==`function`?t():t;i==null||i===!1?n.removeAttribute(r):n.setAttribute(r,String(i))},o=Object.entries(r).map(([e,t])=>u(()=>i(e,t)));if(t!==void 0)return()=>{for(let e of o)e()}}export{h as aria,l as autoCleanup,a as currentRuntime,u as effect,m as fire,f as handle,s as onCleanup,c as onError,o as onMount,i as runtimeStack,d as watch};\n//# sourceMappingURL=runtime-lifecycle.js.map"],"mappings":"+FAAyG,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,OAAO,GAAG,GAAG,CAAC,EAAE,MAAM,MAAM,uCAAuC,CAAC,OAAO,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,QAAQ,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,SAAS,KAAK,EAAE,CAACA,EAAAA,EAAE,EAAE,EAAmC,EAAE,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,IAAIC,EAAEC,EAAAA,EAAE,EAAE,EAAE,CAAC,OAAO,EAAED,EAAE,CAACA,GAAyT,EAAE,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,OAAO,WAAW,IAAI,EAAE,cAAc,IAAI,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,IAAI,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE"}

package/dist/craftit/dist/core/runtime-lifecycle.js

@@ -0,0 +1,68 @@
+import { a as e, r as t } from "../../../stateit/dist/effect.js";
+import "../../../stateit/dist/index.js";
+//#region ../craftit/dist/core/runtime-lifecycle.js
+var n = [], r = () => {
+	let e = n[n.length - 1];
+	if (!e) throw Error("[craftit:E1] lifecycle outside setup");
+	return e;
+}, i = (e) => {
+	r().onMount.push(e);
+}, a = (t) => {
+	n.length > 0 ? r().cleanups.push(t) : e(t);
+}, o = (e) => {
+	n.length > 0 && a(e);
+}, s = (e, n) => {
+	let r = t(e, n);
+	return o(r), r;
+}, c = {
+	bubbles: !0,
+	cancelable: !0,
+	composed: !0
+}, l = {
+	basic(e, t, n = {}) {
+		return e.dispatchEvent(new Event(t, {
+			...c,
+			...n
+		}));
+	},
+	custom(e, t, n = {}) {
+		return e.dispatchEvent(new CustomEvent(t, {
+			...c,
+			...n
+		}));
+	},
+	event(e, t) {
+		return e.dispatchEvent(t);
+	},
+	focus(e, t, n = {}) {
+		return e.dispatchEvent(new FocusEvent(t, {
+			...c,
+			...n
+		}));
+	},
+	keyboard(e, t, n = {}) {
+		return e.dispatchEvent(new KeyboardEvent(t, {
+			...c,
+			...n
+		}));
+	},
+	mouse(e, t, n = {}) {
+		return e.dispatchEvent(new MouseEvent(t, {
+			...c,
+			...n
+		}));
+	},
+	touch(e, t, n = {}) {
+		return typeof TouchEvent < "u" ? e.dispatchEvent(new TouchEvent(t, {
+			...c,
+			...n
+		})) : e.dispatchEvent(new CustomEvent(t, {
+			...c,
+			...n
+		}));
+	}
+};
+//#endregion
+export { r as a, l as m, i as o, a as s, s as u };
+
+//# sourceMappingURL=runtime-lifecycle.js.map

package/dist/craftit/dist/core/runtime-lifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-lifecycle.js","names":["t","r","e"],"sources":["../../../../../craftit/dist/core/runtime-lifecycle.js"],"sourcesContent":["import\"./utilities.js\";import{effect as e,onCleanup as t,untrack as n,watch as r}from\"@vielzeug/stateit\";var i=[],a=()=>{let e=i[i.length-1];if(!e)throw Error(`[craftit:E1] lifecycle outside setup`);return e},o=e=>{a().onMount.push(e)},s=e=>{i.length>0?a().cleanups.push(e):t(e)},c=e=>{a().errorHandlers.push(e)},l=e=>{i.length>0&&s(e)},u=(t,n)=>{let r=e(t,n);return l(r),r};function d(t,i,a){if(Array.isArray(t)){let r=a,o=!1,s=!1,c=e(()=>{for(let e of t)e.value;if(o)n(i),r?.once&&c();else if(o=!0,r?.immediate&&(n(i),r.once)){s=!0;return}});return l(c),s&&c(),c}let o=r(t,i,a);return l(o),o}function f(e,t,n,r){e&&(e.addEventListener(t,n,r),s(()=>e.removeEventListener(t,n,r)))}var p={bubbles:!0,cancelable:!0,composed:!0},m={basic(e,t,n={}){return e.dispatchEvent(new Event(t,{...p,...n}))},custom(e,t,n={}){return e.dispatchEvent(new CustomEvent(t,{...p,...n}))},event(e,t){return e.dispatchEvent(t)},focus(e,t,n={}){return e.dispatchEvent(new FocusEvent(t,{...p,...n}))},keyboard(e,t,n={}){return e.dispatchEvent(new KeyboardEvent(t,{...p,...n}))},mouse(e,t,n={}){return e.dispatchEvent(new MouseEvent(t,{...p,...n}))},touch(e,t,n={}){return typeof TouchEvent<`u`?e.dispatchEvent(new TouchEvent(t,{...p,...n})):e.dispatchEvent(new CustomEvent(t,{...p,...n}))}};function h(e,t){let n=t===void 0?a().el:e,r=t===void 0?e:t,i=(e,t)=>{let r=`aria-${e}`,i=typeof t==`function`?t():t;i==null||i===!1?n.removeAttribute(r):n.setAttribute(r,String(i))},o=Object.entries(r).map(([e,t])=>u(()=>i(e,t)));if(t!==void 0)return()=>{for(let e of o)e()}}export{h as aria,l as autoCleanup,a as currentRuntime,u as effect,m as fire,f as handle,s as onCleanup,c as onError,o as onMount,i as runtimeStack,d as watch};\n//# sourceMappingURL=runtime-lifecycle.js.map"],"mappings":";;;AAAyG,IAAI,IAAE,EAAE,EAAC,UAAM;CAAC,IAAI,IAAE,EAAE,EAAE,SAAO;AAAG,KAAG,CAAC,EAAE,OAAM,MAAM,uCAAuC;AAAC,QAAO;GAAG,KAAE,MAAG;AAAC,IAAG,CAAC,QAAQ,KAAK,EAAE;GAAE,KAAE,MAAG;AAAC,GAAE,SAAO,IAAE,GAAG,CAAC,SAAS,KAAK,EAAE,GAACA,EAAE,EAAE;GAAmC,KAAE,MAAG;AAAC,GAAE,SAAO,KAAG,EAAE,EAAE;GAAE,KAAG,GAAE,MAAI;CAAC,IAAIC,IAAEC,EAAE,GAAE,EAAE;AAAC,QAAO,EAAED,EAAE,EAACA;GAAyT,IAAE;CAAC,SAAQ,CAAC;CAAE,YAAW,CAAC;CAAE,UAAS,CAAC;CAAE,EAAC,IAAE;CAAC,MAAM,GAAE,GAAE,IAAE,EAAE,EAAC;AAAC,SAAO,EAAE,cAAc,IAAI,MAAM,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC;;CAAE,OAAO,GAAE,GAAE,IAAE,EAAE,EAAC;AAAC,SAAO,EAAE,cAAc,IAAI,YAAY,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC;;CAAE,MAAM,GAAE,GAAE;AAAC,SAAO,EAAE,cAAc,EAAE;;CAAE,MAAM,GAAE,GAAE,IAAE,EAAE,EAAC;AAAC,SAAO,EAAE,cAAc,IAAI,WAAW,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC;;CAAE,SAAS,GAAE,GAAE,IAAE,EAAE,EAAC;AAAC,SAAO,EAAE,cAAc,IAAI,cAAc,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC;;CAAE,MAAM,GAAE,GAAE,IAAE,EAAE,EAAC;AAAC,SAAO,EAAE,cAAc,IAAI,WAAW,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC;;CAAE,MAAM,GAAE,GAAE,IAAE,EAAE,EAAC;AAAC,SAAO,OAAO,aAAW,MAAI,EAAE,cAAc,IAAI,WAAW,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC,GAAC,EAAE,cAAc,IAAI,YAAY,GAAE;GAAC,GAAG;GAAE,GAAG;GAAE,CAAC,CAAC;;CAAE"}

package/dist/craftit/dist/core/runtime.cjs

@@ -0,0 +1 @@
+require(`./runtime-lifecycle.cjs`),require(`./runtime-bindings.cjs`);

package/dist/craftit/dist/core/runtime.js

@@ -0,0 +1,2 @@
+import "./runtime-lifecycle.js";
+import "./runtime-bindings.js";

package/dist/craftit/dist/core/utilities.cjs

@@ -0,0 +1,2 @@
+require(`./runtime-lifecycle.cjs`);var e=0,t=(e,t,n)=>{n==null||n===!1?e.removeAttribute(t):n===!0?e.setAttribute(t,``):e.setAttribute(t,String(n))},n=(e,t,n,r)=>{let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},r=t=>`${t?`${t}-`:`cft-`}${++e}`;exports.a=t,exports.o=n,exports.s=r;
+//# sourceMappingURL=utilities.cjs.map

package/dist/craftit/dist/core/utilities.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.cjs","names":["e"],"sources":["../../../../../craftit/dist/core/utilities.js"],"sourcesContent":["import{currentRuntime as e,fire as t}from\"./runtime-lifecycle.js\";var n=0,r=()=>{n=0},i=e=>{for(let t of e)t()},a=(e,t,n)=>{n==null||n===!1?e.removeAttribute(t):n===!0?e.setAttribute(t,``):e.setAttribute(t,String(n))},o=(e,t,n,r)=>{let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},s=e=>`${e?`${e}-`:`cft-`}${++n}`,c=(e,t)=>{let n=`${e}-${t&&t.trim()?t:s(e)}`;return{errorId:`error-${n}`,fieldId:n,helperId:`helper-${n}`,labelId:`label-${n}`}},l=(e,t)=>n=>{e()&&t(n)},u=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),d={\"'\":`&#39;`,'\"':`&quot;`,\"&\":`&amp;`,\"<\":`&lt;`,\">\":`&gt;`},f=e=>String(e).replace(/[&<>\"']/g,e=>d[e]),p=()=>{let n=e().el;return((e,...r)=>{t.custom(n,String(e),r.length>0?{detail:r[0]}:void 0)})},m=function(){return this.content},h=(e,...t)=>{let n=``;for(let r=0;r<e.length;r++)if(n+=e[r],r<t.length){let e=t[r];n+=e&&typeof e==`object`&&`content`in e?e.content:e??``}return{content:n.trim(),toString:m}},g=new Map,_=e=>{if(e instanceof CSSStyleSheet)return e;let t=typeof e==`string`?e:e.content,n=g.get(t);if(n)return n;let r=new CSSStyleSheet;try{r.replaceSync(t),g.set(t,r)}catch(e){console.error(`[craftit:E2] style replace failed`,e)}return r};export{r as _resetIdCounter,p as createEmitFn,c as createFormIds,s as createId,h as css,f as escapeHtml,l as guard,o as listen,_ as loadStylesheet,i as runAll,a as setAttr,u as toKebab};\n//# sourceMappingURL=utilities.js.map"],"mappings":"mCAAkE,IAAI,EAAE,EAAwC,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,MAAM,IAAI,CAAC,EAAE,EAAE,gBAAgB,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE"}

package/dist/craftit/dist/core/utilities.js

@@ -0,0 +1,12 @@
+import "./runtime-lifecycle.js";
+//#region ../craftit/dist/core/utilities.js
+var e = 0, t = (e, t, n) => {
+	n == null || n === !1 ? e.removeAttribute(t) : n === !0 ? e.setAttribute(t, "") : e.setAttribute(t, String(n));
+}, n = (e, t, n, r) => {
+	let i = n;
+	return e.addEventListener(t, i, r), () => e.removeEventListener(t, i, r);
+}, r = (t) => `${t ? `${t}-` : "cft-"}${++e}`;
+//#endregion
+export { t as a, n as o, r as s };
+
+//# sourceMappingURL=utilities.js.map

package/dist/craftit/dist/core/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","names":["e"],"sources":["../../../../../craftit/dist/core/utilities.js"],"sourcesContent":["import{currentRuntime as e,fire as t}from\"./runtime-lifecycle.js\";var n=0,r=()=>{n=0},i=e=>{for(let t of e)t()},a=(e,t,n)=>{n==null||n===!1?e.removeAttribute(t):n===!0?e.setAttribute(t,``):e.setAttribute(t,String(n))},o=(e,t,n,r)=>{let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},s=e=>`${e?`${e}-`:`cft-`}${++n}`,c=(e,t)=>{let n=`${e}-${t&&t.trim()?t:s(e)}`;return{errorId:`error-${n}`,fieldId:n,helperId:`helper-${n}`,labelId:`label-${n}`}},l=(e,t)=>n=>{e()&&t(n)},u=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),d={\"'\":`&#39;`,'\"':`&quot;`,\"&\":`&amp;`,\"<\":`&lt;`,\">\":`&gt;`},f=e=>String(e).replace(/[&<>\"']/g,e=>d[e]),p=()=>{let n=e().el;return((e,...r)=>{t.custom(n,String(e),r.length>0?{detail:r[0]}:void 0)})},m=function(){return this.content},h=(e,...t)=>{let n=``;for(let r=0;r<e.length;r++)if(n+=e[r],r<t.length){let e=t[r];n+=e&&typeof e==`object`&&`content`in e?e.content:e??``}return{content:n.trim(),toString:m}},g=new Map,_=e=>{if(e instanceof CSSStyleSheet)return e;let t=typeof e==`string`?e:e.content,n=g.get(t);if(n)return n;let r=new CSSStyleSheet;try{r.replaceSync(t),g.set(t,r)}catch(e){console.error(`[craftit:E2] style replace failed`,e)}return r};export{r as _resetIdCounter,p as createEmitFn,c as createFormIds,s as createId,h as css,f as escapeHtml,l as guard,o as listen,_ as loadStylesheet,i as runAll,a as setAttr,u as toKebab};\n//# sourceMappingURL=utilities.js.map"],"mappings":";;AAAkE,IAAI,IAAE,GAAwC,KAAG,GAAE,GAAE,MAAI;AAAC,MAAG,QAAM,MAAI,CAAC,IAAE,EAAE,gBAAgB,EAAE,GAAC,MAAI,CAAC,IAAE,EAAE,aAAa,GAAE,GAAG,GAAC,EAAE,aAAa,GAAE,OAAO,EAAE,CAAC;GAAE,KAAG,GAAE,GAAE,GAAE,MAAI;CAAC,IAAI,IAAE;AAAE,QAAO,EAAE,iBAAiB,GAAE,GAAE,EAAE,QAAK,EAAE,oBAAoB,GAAE,GAAE,EAAE;GAAE,KAAE,MAAG,GAAG,IAAE,GAAG,EAAE,KAAG,SAAS,EAAE"}

package/dist/craftit/dist/directives/attr.cjs

@@ -0,0 +1,2 @@
+require(`../../../stateit/dist/index.cjs`),require(`../core/internal.cjs`);const e=require(`./spread.cjs`);function t(t){let n={};for(let[e,r]of Object.entries(t))n[`.${e}`]=r;return e.f(n)}exports.t=t;
+//# sourceMappingURL=attr.cjs.map

package/dist/craftit/dist/directives/attr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"attr.cjs","names":["e"],"sources":["../../../../../craftit/dist/directives/attr.js"],"sourcesContent":["import\"../core/internal.js\";import{spread as e}from\"./spread.js\";import\"@vielzeug/stateit\";function t(t){let n={};for(let[e,r]of Object.entries(t))n[`.${e}`]=r;return e(n)}export{t as attr};\n//# sourceMappingURL=attr.js.map"],"mappings":"2GAA2F,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,OAAO,QAAQ,EAAE,CAAC,EAAE,IAAI,KAAK,EAAE,OAAOA,EAAAA,EAAE,EAAE"}

package/dist/craftit/dist/directives/attr.js

@@ -0,0 +1,13 @@
+import "../../../stateit/dist/index.js";
+import "../core/internal.js";
+import { f as e } from "./spread.js";
+//#region ../craftit/dist/directives/attr.js
+function t(t) {
+	let n = {};
+	for (let [e, r] of Object.entries(t)) n[`.${e}`] = r;
+	return e(n);
+}
+//#endregion
+export { t };
+
+//# sourceMappingURL=attr.js.map

package/dist/craftit/dist/directives/attr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attr.js","names":["e"],"sources":["../../../../../craftit/dist/directives/attr.js"],"sourcesContent":["import\"../core/internal.js\";import{spread as e}from\"./spread.js\";import\"@vielzeug/stateit\";function t(t){let n={};for(let[e,r]of Object.entries(t))n[`.${e}`]=r;return e(n)}export{t as attr};\n//# sourceMappingURL=attr.js.map"],"mappings":";;;;AAA2F,SAAS,EAAE,GAAE;CAAC,IAAI,IAAE,EAAE;AAAC,MAAI,IAAG,CAAC,GAAE,MAAK,OAAO,QAAQ,EAAE,CAAC,GAAE,IAAI,OAAK;AAAE,QAAOA,EAAE,EAAE"}

package/dist/craftit/dist/directives/bind.cjs

@@ -0,0 +1 @@
+require(`../../../stateit/dist/index.cjs`),require(`../core/internal.cjs`),require(`./attr.cjs`);

package/dist/craftit/dist/directives/bind.js

@@ -0,0 +1,3 @@
+import "../../../stateit/dist/index.js";
+import "../core/internal.js";
+import "./attr.js";

package/dist/craftit/dist/directives/choose.cjs

@@ -0,0 +1 @@
+require(`../../../stateit/dist/index.cjs`);

package/dist/craftit/dist/directives/choose.js

@@ -0,0 +1 @@
+import "../../../stateit/dist/index.js";

package/dist/craftit/dist/directives/classes.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../../stateit/dist/computed.cjs`),t=require(`../../../stateit/dist/signal.cjs`);require(`../../../stateit/dist/index.cjs`);function n(n){let r=Object.entries(n),i=r.some(([,e])=>t.o(e)||typeof e==`function`),a=()=>r.filter(([,e])=>t.o(e)?e.value:typeof e==`function`?!!e():!!e).map(([e])=>e).join(` `);return i?e.a(a):a()}exports.n=n;
+//# sourceMappingURL=classes.cjs.map

package/dist/craftit/dist/directives/classes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.cjs","names":["t","a","e"],"sources":["../../../../../craftit/dist/directives/classes.js"],"sourcesContent":["import{computed as e,isSignal as t}from\"@vielzeug/stateit\";function n(n){let r=Object.entries(n),i=r.some(([,e])=>t(e)||typeof e==`function`),a=()=>r.filter(([,e])=>t(e)?e.value:typeof e==`function`?!!e():!!e).map(([e])=>e).join(` `);return i?e(a):a()}export{n as classes};\n//# sourceMappingURL=classes.js.map"],"mappings":"+IAA2D,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,OAAO,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAKA,EAAAA,EAAE,EAAE,EAAE,OAAO,GAAG,WAAW,CAACC,MAAM,EAAE,QAAQ,EAAE,KAAKD,EAAAA,EAAE,EAAE,CAAC,EAAE,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,OAAO,EAAEE,EAAAA,EAAED,EAAE,CAACA,GAAG"}

package/dist/craftit/dist/directives/classes.js

@@ -0,0 +1,12 @@
+import { a as e } from "../../../stateit/dist/computed.js";
+import { o as t } from "../../../stateit/dist/signal.js";
+import "../../../stateit/dist/index.js";
+//#region ../craftit/dist/directives/classes.js
+function n(n) {
+	let r = Object.entries(n), i = r.some(([, e]) => t(e) || typeof e == "function"), a = () => r.filter(([, e]) => t(e) ? e.value : typeof e == "function" ? !!e() : !!e).map(([e]) => e).join(" ");
+	return i ? e(a) : a();
+}
+//#endregion
+export { n };
+
+//# sourceMappingURL=classes.js.map

package/dist/craftit/dist/directives/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.js","names":["t","a","e"],"sources":["../../../../../craftit/dist/directives/classes.js"],"sourcesContent":["import{computed as e,isSignal as t}from\"@vielzeug/stateit\";function n(n){let r=Object.entries(n),i=r.some(([,e])=>t(e)||typeof e==`function`),a=()=>r.filter(([,e])=>t(e)?e.value:typeof e==`function`?!!e():!!e).map(([e])=>e).join(` `);return i?e(a):a()}export{n as classes};\n//# sourceMappingURL=classes.js.map"],"mappings":";;;;AAA2D,SAAS,EAAE,GAAE;CAAC,IAAI,IAAE,OAAO,QAAQ,EAAE,EAAC,IAAE,EAAE,MAAM,GAAE,OAAKA,EAAE,EAAE,IAAE,OAAO,KAAG,WAAW,EAACC,UAAM,EAAE,QAAQ,GAAE,OAAKD,EAAE,EAAE,GAAC,EAAE,QAAM,OAAO,KAAG,aAAW,CAAC,CAAC,GAAG,GAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAK,EAAE,CAAC,KAAK,IAAI;AAAC,QAAO,IAAEE,EAAED,EAAE,GAACA,GAAG"}

package/dist/craftit/dist/directives/each.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../../stateit/dist/computed.cjs`),t=require(`../../../stateit/dist/signal.cjs`);require(`../../../stateit/dist/index.cjs`);const n=require(`../core/internal.cjs`);var r=RegExp(`u="(\\d+)"`,`g`),i=n.n(``),a=[];function o(e,t){let n=new Map,i=[];for(let r of e.__bindings){let e=r.uid,a=n.get(e)??String(t.n++);n.has(e)||n.set(e,a),i.push({...r,uid:a})}return{bindings:i,html:e.__html.replace(r,(e,t)=>`u="${n.get(t)??t}"`).replace(/<!--(\d+)-->/g,(e,t)=>`<!--${n.get(t)??t}-->`)}}function s(e,t,n){let r=``,i=[],s=[],c=[],l={n:0};for(let u=0;u<e.length;u++){s.push(n(e[u],u));let d=t(e[u],u),f=typeof d==`string`?{bindings:a,html:d}:o(d,l);r+=f.html,i.push(...f.bindings),c.push(f)}return{bindings:i,html:r,keys:s,rendered:c}}function c(e,t){let n=``,r=[],i={n:0};for(let s=0;s<e.length;s++){let c=t(e[s],s),l=typeof c==`string`?{bindings:a,html:c}:o(c,i);n+=l.html,r.push(...l.bindings)}return{bindings:r,html:n}}function l(r,a,o,l){let u=typeof o==`function`,d=u?o:void 0,f=(u?l:l??o)??{},p=f.select;if(Array.isArray(r)){let e=p?r.filter(p):r;if(!e.length){if(d){let e=n.r(d());return n.n(e.html,e.bindings)}return i}let{bindings:t,html:o}=c(e,a);return n.n(o,t)}let m=f.key;if(!m)throw Error(`[craftit:each] Reactive each() requires options.key for stable reconciliation.`);let h=t.o(r)?()=>r.value:r;return{[n.i]:e.a(()=>{let e=h(),t=p?e.filter(p):e;if(!t.length){let e=d?.();return e?{...n.r(e),items:[],keys:[]}:{bindings:[],html:``,items:[],keys:[]}}let{bindings:r,html:i,keys:o,rendered:c}=s(t,a,m);return{bindings:r,html:i,items:c,keys:o}})}}exports.d=l;
+//# sourceMappingURL=each.cjs.map

package/dist/craftit/dist/directives/each.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"each.cjs","names":["n","t","r","i","e"],"sources":["../../../../../craftit/dist/directives/each.js"],"sourcesContent":["import{EACH_SIGNAL as e,extractResult as t,htmlResult as n}from\"../core/internal.js\";import{computed as r,isSignal as i}from\"@vielzeug/stateit\";var a=RegExp(`u=\"(\\\\d+)\"`,`g`),o=n(``),s=[];function c(e,t){let n=new Map,r=[];for(let i of e.__bindings){let e=i.uid,a=n.get(e)??String(t.n++);n.has(e)||n.set(e,a),r.push({...i,uid:a})}return{bindings:r,html:e.__html.replace(a,(e,t)=>`u=\"${n.get(t)??t}\"`).replace(/<!--(\\d+)-->/g,(e,t)=>`<!--${n.get(t)??t}-->`)}}function l(e,t,n){let r=``,i=[],a=[],o=[],l={n:0};for(let u=0;u<e.length;u++){a.push(n(e[u],u));let d=t(e[u],u),f=typeof d==`string`?{bindings:s,html:d}:c(d,l);r+=f.html,i.push(...f.bindings),o.push(f)}return{bindings:i,html:r,keys:a,rendered:o}}function u(e,t){let n=``,r=[],i={n:0};for(let a=0;a<e.length;a++){let o=t(e[a],a),l=typeof o==`string`?{bindings:s,html:o}:c(o,i);n+=l.html,r.push(...l.bindings)}return{bindings:r,html:n}}function d(a,s,c,d){let f=typeof c==`function`,p=f?c:void 0,m=(f?d:d??c)??{},h=m.select;if(Array.isArray(a)){let e=h?a.filter(h):a;if(!e.length){if(p){let e=t(p());return n(e.html,e.bindings)}return o}let{bindings:r,html:i}=u(e,s);return n(i,r)}let g=m.key;if(!g)throw Error(`[craftit:each] Reactive each() requires options.key for stable reconciliation.`);let _=i(a)?()=>a.value:a;return{[e]:r(()=>{let e=_(),n=h?e.filter(h):e;if(!n.length){let e=p?.();return e?{...t(e),items:[],keys:[]}:{bindings:[],html:``,items:[],keys:[]}}let{bindings:r,html:i,keys:a,rendered:o}=l(n,s,g);return{bindings:r,html:i,items:o,keys:a}})}}export{d as each};\n//# sourceMappingURL=each.js.map"],"mappings":"uLAAgJ,IAAI,EAAE,OAAO,aAAa,IAAI,CAAC,EAAEA,EAAAA,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,QAAQ,GAAG,EAAE,IAAI,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,iBAAiB,EAAE,IAAI,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,OAAO,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,OAAO,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,WAAW,EAAE,EAAE,EAAE,IAAK,GAAE,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,MAAM,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,EAAEC,EAAAA,EAAE,GAAG,CAAC,CAAC,OAAOD,EAAAA,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,SAASE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC,OAAOF,EAAAA,EAAE,EAAEE,EAAE,CAAC,IAAI,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,MAAM,MAAM,iFAAiF,CAAC,IAAI,EAAEC,EAAAA,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAEC,EAAAA,GAAGF,EAAAA,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAGD,EAAAA,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,GAAG,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,SAASC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,SAASA,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC"}