foldkit 0.90.0 → 0.90.1

package/dist/runtime/crashUI.js

@@ -18,8 +18,8 @@ const colors = {
 const fontStack = 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
 const monoStack = 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace';
 export const defaultCrashView = (context, viewError) => {
-    const { div, h1, p, span, button, Style, Attribute } = html();
-    const codeBlockStyle = Style({
+    const h = html();
+    const codeBlockStyle = h.Style({
         fontFamily: monoStack,
         color: colors.textPrimary,
         margin: '0',
@@ -29,13 +29,13 @@ export const defaultCrashView = (context, viewError) => {
         padding: '0.75rem 1rem',
         borderRadius: '0.375rem',
     });
-    const labelStyle = Style({
+    const labelStyle = h.Style({
         color: colors.textSecondary,
         margin: '0 0 0.5rem 0',
         fontSize: '0.875rem',
         fontWeight: '500',
     });
-    const inlineCodeStyle = Style({
+    const inlineCodeStyle = h.Style({
         fontFamily: monoStack,
         backgroundColor: colors.codeBg,
         padding: '0.125rem 0.375rem',
@@ -45,7 +45,7 @@ export const defaultCrashView = (context, viewError) => {
     const introText = viewError
         ? [
             'Your custom ',
-            span([inlineCodeStyle], ['crash.view']),
+            h.span([inlineCodeStyle], ['crash.view']),
             ' threw an error while rendering.',
         ]
         : [
@@ -53,18 +53,18 @@ export const defaultCrashView = (context, viewError) => {
         ];
     const errorContent = viewError
         ? [
-            div([Style({ margin: '0 0 1rem 0' })], [
-                p([labelStyle], ['Original error']),
-                p([codeBlockStyle], [context.error.message]),
+            h.div([h.Style({ margin: '0 0 1rem 0' })], [
+                h.p([labelStyle], ['Original error']),
+                h.p([codeBlockStyle], [context.error.message]),
             ]),
-            div([Style({ margin: '0 0 1.25rem 0' })], [
-                p([labelStyle], ['crash.view error']),
-                p([codeBlockStyle], [viewErrorMessage]),
+            h.div([h.Style({ margin: '0 0 1.25rem 0' })], [
+                h.p([labelStyle], ['crash.view error']),
+                h.p([codeBlockStyle], [viewErrorMessage]),
             ]),
         ]
         : [
-            p([
-                Style({
+            h.p([
+                h.Style({
                     fontFamily: monoStack,
                     color: colors.textPrimary,
                     margin: '0 0 1.25rem 0',
@@ -79,8 +79,8 @@ export const defaultCrashView = (context, viewError) => {
     const footerText = viewError
         ? []
         : [
-            p([
-                Style({
+            h.p([
+                h.Style({
                     color: colors.textSecondary,
                     margin: '1.5rem 0 0 0',
                     fontSize: '0.875rem',
@@ -90,14 +90,14 @@ export const defaultCrashView = (context, viewError) => {
                 }),
             ], [
                 'This is the default crash view. You can customize it by providing a ',
-                span([inlineCodeStyle], ['crash.view']),
+                h.span([inlineCodeStyle], ['crash.view']),
                 ' function to ',
-                span([inlineCodeStyle], ['makeProgram']),
+                h.span([inlineCodeStyle], ['makeProgram']),
                 '.',
             ]),
         ];
-    const body = div([
-        Style({
+    const body = h.div([
+        h.Style({
             fontFamily: fontStack,
             padding: '2rem',
             minHeight: '100vh',
@@ -107,8 +107,8 @@ export const defaultCrashView = (context, viewError) => {
             justifyContent: 'center',
         }),
     ], [
-        div([
-            Style({
+        h.div([
+            h.Style({
                 width: '100%',
                 maxWidth: '960px',
                 margin: '0 auto',
@@ -119,8 +119,8 @@ export const defaultCrashView = (context, viewError) => {
                 padding: '1.5rem',
             }),
         ], [
-            h1([
-                Style({
+            h.h1([
+                h.Style({
                     color: colors.errorAccent,
                     margin: '0 0 0.75rem 0',
                     fontSize: '1.25rem',
@@ -128,8 +128,8 @@ export const defaultCrashView = (context, viewError) => {
                     lineHeight: '1.5',
                 }),
             ], ['Application Crash']),
-            p([
-                Style({
+            h.p([
+                h.Style({
                     color: colors.textPrimary,
                     margin: '0 0 1rem 0',
                     fontSize: '1rem',
@@ -137,8 +137,8 @@ export const defaultCrashView = (context, viewError) => {
                 }),
             ], introText),
             ...errorContent,
-            p([
-                Style({
+            h.p([
+                h.Style({
                     color: colors.textPrimary,
                     margin: '0 0 1.5rem 0',
                     fontSize: '1rem',
@@ -147,8 +147,8 @@ export const defaultCrashView = (context, viewError) => {
             ], [
                 '→ Check the browser console for the full stack trace with source-mapped line numbers.',
             ]),
-            button([
-                Style({
+            h.button([
+                h.Style({
                     fontFamily: fontStack,
                     backgroundColor: colors.buttonBg,
                     color: colors.buttonText,
@@ -159,7 +159,7 @@ export const defaultCrashView = (context, viewError) => {
                     fontWeight: '500',
                     cursor: 'pointer',
                 }),
-                Attribute('onclick', 'location.reload()'),
+                h.Attribute('onclick', 'location.reload()'),
             ], ['Reload']),
             ...footerText,
         ]),

package/dist/test/apps/bubbling.js

@@ -24,8 +24,8 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
     ],
 }));
 // VIEW
-const { div, span, OnClick, OnDoubleClick, Role } = html();
-export const view = (model) => div([], [
-    div([Role('option'), OnClick(ClickedContainer())], [span([], [`clicks=${model.clicks}`])]),
-    div([Role('listitem'), OnDoubleClick(DoubleClickedContainer())], [span([], [`dbl=${model.doubleClicks}`])]),
+const h = html();
+export const view = (model) => h.div([], [
+    h.div([h.Role('option'), h.OnClick(ClickedContainer())], [h.span([], [`clicks=${model.clicks}`])]),
+    h.div([h.Role('listitem'), h.OnDoubleClick(DoubleClickedContainer())], [h.span([], [`dbl=${model.doubleClicks}`])]),
 ]);

package/dist/test/apps/disabledButton.js

@@ -33,19 +33,19 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
     },
 }));
 // VIEW
-const { div, button, Class, Disabled, OnClick } = html();
-const submitButton = (isEnabled) => button([
-    Class('submit'),
-    ...(isEnabled ? [OnClick(ClickedSubmit())] : [Disabled(true)]),
+const h = html();
+const submitButton = (isEnabled) => h.button([
+    h.Class('submit'),
+    ...(isEnabled ? [h.OnClick(ClickedSubmit())] : [h.Disabled(true)]),
 ], ['Submit']);
 /** Plain view — no dialog wrapper. */
-export const view = (model) => div([], [
-    button([OnClick(ClickedToggle())], ['Toggle']),
+export const view = (model) => h.div([], [
+    h.button([h.OnClick(ClickedToggle())], ['Toggle']),
     submitButton(model.isEnabled),
 ]);
 /** View with submit button inside a dialog's panelContent. */
-export const viewWithDialog = (model) => div([], [
-    button([OnClick(ClickedToggle())], ['Toggle']),
+export const viewWithDialog = (model) => h.div([], [
+    h.button([h.OnClick(ClickedToggle())], ['Toggle']),
     Dialog.view({
         model: model.dialog,
         toParentMessage: (dialogMessage) => GotDialogMessage({ message: dialogMessage }),
@@ -54,7 +54,7 @@ export const viewWithDialog = (model) => div([], [
 ]);
 /** View using Dialog.lazy with panelContent passed dynamically. */
 const lazyDialogView = Dialog.lazy({});
-export const viewWithLazyDialog = (model) => div([], [
-    button([OnClick(ClickedToggle())], ['Toggle']),
+export const viewWithLazyDialog = (model) => h.div([], [
+    h.button([h.OnClick(ClickedToggle())], ['Toggle']),
     lazyDialogView(model.dialog, (dialogMessage) => GotDialogMessage({ message: dialogMessage }), submitButton(model.isEnabled)),
 ]);

package/dist/test/apps/fileUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fileUpload.d.ts","sourceRoot":"","sources":["../../../src/test/apps/fileUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAKrD,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC,IAAI,CAAC,CAAA;CACnC,CAAC,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,KAA6B,CAAA;AAIxD,eAAO,MAAM,aAAa;;EAA+C,CAAA;AAEzE,eAAO,MAAM,OAAO;;IAA2B,CAAA;AAC/C,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAMrC,CAAA;AAOH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IA2BjC,CAAA"}
+{"version":3,"file":"fileUpload.d.ts","sourceRoot":"","sources":["../../../src/test/apps/fileUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAKrD,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC,IAAI,CAAC,CAAA;CACnC,CAAC,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,KAA6B,CAAA;AAIxD,eAAO,MAAM,aAAa;;EAA+C,CAAA;AAEzE,eAAO,MAAM,OAAO;;IAA2B,CAAA;AAC/C,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAMrC,CAAA;AAMH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IA2BjC,CAAA"}

package/dist/test/apps/fileUpload.js

@@ -11,19 +11,19 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
     ReceivedFiles: ({ files }) => [{ ...model, receivedFiles: files }, []],
 }));
 // VIEW
-const { div, input, AriaLabel, Key, Type, OnFileChange, OnDropFiles } = html();
-export const view = (model) => div([], [
-    input([
-        Key('file-input'),
-        AriaLabel('resume'),
-        Type('file'),
-        OnFileChange(files => ReceivedFiles({ files })),
+const h = html();
+export const view = (model) => h.div([], [
+    h.input([
+        h.Key('file-input'),
+        h.AriaLabel('resume'),
+        h.Type('file'),
+        h.OnFileChange(files => ReceivedFiles({ files })),
     ]),
-    div([
-        Key('drop-zone'),
-        AriaLabel('attachments'),
-        OnDropFiles(files => ReceivedFiles({ files })),
+    h.div([
+        h.Key('drop-zone'),
+        h.AriaLabel('attachments'),
+        h.OnDropFiles(files => ReceivedFiles({ files })),
     ], ['Drop files here']),
-    div([Key('received-count')], [`count=${String(model.receivedFiles.length)}`]),
-    div([Key('received-names')], [`names=${model.receivedFiles.map(file => file.name).join(',')}`]),
+    h.div([h.Key('received-count')], [`count=${String(model.receivedFiles.length)}`]),
+    h.div([h.Key('received-names')], [`names=${model.receivedFiles.map(file => file.name).join(',')}`]),
 ]);

package/dist/test/apps/interactions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../../src/test/apps/interactions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhD,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAKrD,eAAO,MAAM,KAAK;;;;;;EAMhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,eAAO,MAAM,mBAAmB,iFAA2B,CAAA;AAC3D,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,eAAO,MAAM,YAAY,0EAAoB,CAAA;AAC7C,eAAO,MAAM,YAAY,0EAAoB,CAAA;AAC7C,eAAO,MAAM,aAAa;;EAA0C,CAAA;AAEpE,eAAO,MAAM,OAAO;;IAOlB,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAID,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAcrC,CAAA;AAqBH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IA2BjC,CAAA"}
+{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../../src/test/apps/interactions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhD,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAKrD,eAAO,MAAM,KAAK;;;;;;EAMhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,eAAO,MAAM,mBAAmB,iFAA2B,CAAA;AAC3D,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,eAAO,MAAM,YAAY,0EAAoB,CAAA;AAC7C,eAAO,MAAM,YAAY,0EAAoB,CAAA;AAC7C,eAAO,MAAM,aAAa;;EAA0C,CAAA;AAEpE,eAAO,MAAM,OAAO;;IAOlB,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAID,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAcrC,CAAA;AAMH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IA2BjC,CAAA"}

package/dist/test/apps/interactions.js

@@ -45,22 +45,22 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
     ChangedSelect: ({ value }) => [{ ...model, changed: value }, []],
 }));
 // VIEW
-const { div, button, input, select, option, OnClick, OnDoubleClick, OnMouseEnter, OnFocus, OnBlur, OnChange, Role, AriaLabel, Value, } = html();
-export const view = (model) => div([], [
-    button([
-        OnClick(ClickedButton()),
-        OnDoubleClick(DoubleClickedButton()),
-        OnMouseEnter(HoveredTarget()),
-        AriaLabel('action'),
+const h = html();
+export const view = (model) => h.div([], [
+    h.button([
+        h.OnClick(ClickedButton()),
+        h.OnDoubleClick(DoubleClickedButton()),
+        h.OnMouseEnter(HoveredTarget()),
+        h.AriaLabel('action'),
     ], [`clicks=${model.clicks} dbl=${model.doubleClicks}`]),
-    input([
-        Role('textbox'),
-        AriaLabel('name'),
-        OnFocus(FocusedInput()),
-        OnBlur(BlurredInput()),
+    h.input([
+        h.Role('textbox'),
+        h.AriaLabel('name'),
+        h.OnFocus(FocusedInput()),
+        h.OnBlur(BlurredInput()),
     ]),
-    select([AriaLabel('fruit'), OnChange(value => ChangedSelect({ value }))], [
-        option([Value('apple')], ['Apple']),
-        option([Value('banana')], ['Banana']),
+    h.select([h.AriaLabel('fruit'), h.OnChange(value => ChangedSelect({ value }))], [
+        h.option([h.Value('apple')], ['Apple']),
+        h.option([h.Value('banana')], ['Banana']),
     ]),
 ]);

package/dist/test/apps/keypress.js

@@ -27,13 +27,13 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
     ],
 }));
 // VIEW
-const { div, span, Id, Class, AriaLabel, Role, OnKeyDown } = html();
-export const view = (model) => div([
-    Id('key-app'),
-    Role('application'),
-    AriaLabel('Key press area'),
-    OnKeyDown((key, modifiers) => modifiers.shiftKey ? PressedShiftKey({ key }) : PressedKey({ key })),
+const h = html();
+export const view = (model) => h.div([
+    h.Id('key-app'),
+    h.Role('application'),
+    h.AriaLabel('Key press area'),
+    h.OnKeyDown((key, modifiers) => modifiers.shiftKey ? PressedShiftKey({ key }) : PressedKey({ key })),
 ], [
-    span([Class('last-key'), AriaLabel('Last key')], [model.lastKey]),
-    span([Class('shifted'), AriaLabel('Shift pressed')], [model.isShifted ? 'true' : 'false']),
+    h.span([h.Class('last-key'), h.AriaLabel('Last key')], [model.lastKey]),
+    h.span([h.Class('shifted'), h.AriaLabel('Shift pressed')], [model.isShifted ? 'true' : 'false']),
 ]);

package/dist/test/apps/login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../../src/test/apps/login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAKrD,eAAO,MAAM,KAAK;;;;;;EAMhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,YAAY;;EAAyC,CAAA;AAClE,eAAO,MAAM,eAAe;;EAA4C,CAAA;AACxE,eAAO,MAAM,cAAc,4EAAsB,CAAA;AACjD,eAAO,MAAM,qBAAqB;;EAEhC,CAAA;AACF,eAAO,MAAM,kBAAkB;;EAA+C,CAAA;AAC9E,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAE/C,eAAO,MAAM,OAAO;;;;;;;;+EAOlB,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY;;;iBAIyC,CAAA;AAIlE,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAID,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAyBxD,CAAA;AA2BH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IAkEjC,CAAA"}
+{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../../src/test/apps/login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAKrD,eAAO,MAAM,KAAK;;;;;;EAMhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,YAAY;;EAAyC,CAAA;AAClE,eAAO,MAAM,eAAe;;EAA4C,CAAA;AACxE,eAAO,MAAM,cAAc,4EAAsB,CAAA;AACjD,eAAO,MAAM,qBAAqB;;EAEhC,CAAA;AACF,eAAO,MAAM,kBAAkB;;EAA+C,CAAA;AAC9E,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAE/C,eAAO,MAAM,OAAO;;;;;;;;+EAOlB,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY;;;iBAIyC,CAAA;AAIlE,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAID,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAyBxD,CAAA;AAMH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IA6EjC,CAAA"}

package/dist/test/apps/login.js

@@ -59,31 +59,39 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
     ],
 }));
 // VIEW
-const { div, form, input, button, span, label, p, OnInput, OnSubmit, OnClick, Id, For, Class, Type, Value, Placeholder, Role, AriaExpanded, AriaLabel, Disabled, } = html();
-export const view = (model) => div([Id('app')], [
-    M.value(model.status).pipe(M.withReturnType(), M.when('Submitting', () => form([Class('login-form'), Disabled(true)], [button([Type('submit'), Disabled(true)], ['Signing in...'])])), M.when('LoggedIn', () => div([Class('logged-in'), Role('region'), AriaLabel('User session')], [
-        span([Class('greeting'), Role('status')], [`Welcome, ${model.username}!`]),
-        button([OnClick(ClickedLogout()), Role('button'), AriaExpanded(false)], ['Log out']),
-    ])), M.when('Error', () => div([], [
-        p([Class('error'), Role('alert')], [model.error]),
-        button([OnClick(SubmittedLogin()), Class('retry')], ['Retry']),
-    ])), M.when('Idle', () => form([OnSubmit(SubmittedLogin()), Class('login-form')], [
-        label([For('email'), Class('sr-only')], ['Email']),
-        input([
-            Id('email'),
-            Type('email'),
-            Placeholder('Email'),
-            Value(model.email),
-            OnInput(value => UpdatedEmail({ value })),
+const h = html();
+export const view = (model) => h.div([h.Id('app')], [
+    M.value(model.status).pipe(M.withReturnType(), M.when('Submitting', () => h.form([h.Class('login-form'), h.Disabled(true)], [h.button([h.Type('submit'), h.Disabled(true)], ['Signing in...'])])), M.when('LoggedIn', () => h.div([
+        h.Class('logged-in'),
+        h.Role('region'),
+        h.AriaLabel('User session'),
+    ], [
+        h.span([h.Class('greeting'), h.Role('status')], [`Welcome, ${model.username}!`]),
+        h.button([
+            h.OnClick(ClickedLogout()),
+            h.Role('button'),
+            h.AriaExpanded(false),
+        ], ['Log out']),
+    ])), M.when('Error', () => h.div([], [
+        h.p([h.Class('error'), h.Role('alert')], [model.error]),
+        h.button([h.OnClick(SubmittedLogin()), h.Class('retry')], ['Retry']),
+    ])), M.when('Idle', () => h.form([h.OnSubmit(SubmittedLogin()), h.Class('login-form')], [
+        h.label([h.For('email'), h.Class('sr-only')], ['Email']),
+        h.input([
+            h.Id('email'),
+            h.Type('email'),
+            h.Placeholder('Email'),
+            h.Value(model.email),
+            h.OnInput(value => UpdatedEmail({ value })),
         ]),
-        label([For('password'), Class('sr-only')], ['Password']),
-        input([
-            Id('password'),
-            Type('password'),
-            Placeholder('Password'),
-            Value(model.password),
-            OnInput(value => UpdatedPassword({ value })),
+        h.label([h.For('password'), h.Class('sr-only')], ['Password']),
+        h.input([
+            h.Id('password'),
+            h.Type('password'),
+            h.Placeholder('Password'),
+            h.Value(model.password),
+            h.OnInput(value => UpdatedPassword({ value })),
         ]),
-        button([Type('submit'), Class('primary'), Disabled(false)], ['Sign in']),
+        h.button([h.Type('submit'), h.Class('primary'), h.Disabled(false)], ['Sign in']),
     ])), M.exhaustive),
 ]);

package/dist/test/apps/logoutButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logoutButton.d.ts","sourceRoot":"","sources":["../../../src/test/apps/logoutButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAM/C,eAAO,MAAM,KAAK;;EAAgC,CAAA;AAClD,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,eAAO,MAAM,eAAe,6EAAuB,CAAA;AAEnD,eAAO,MAAM,OAAO,4KAA4C,CAAA;AAChE,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,eAAe,6EAAuB,CAAA;AAEnD,eAAO,MAAM,UAAU,iGAA6B,CAAA;AACpD,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAI/C,eAAO,MAAM,YAAY,EAAE,KAA4B,CAAA;AAIvD,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAShE,CAAA;AAMH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IAC0C,CAAA"}
+{"version":3,"file":"logoutButton.d.ts","sourceRoot":"","sources":["../../../src/test/apps/logoutButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAM/C,eAAO,MAAM,KAAK;;EAAgC,CAAA;AAClD,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,eAAO,MAAM,eAAe,6EAAuB,CAAA;AAEnD,eAAO,MAAM,OAAO,4KAA4C,CAAA;AAChE,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,eAAe,6EAAuB,CAAA;AAEnD,eAAO,MAAM,UAAU,iGAA6B,CAAA;AACpD,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAI/C,eAAO,MAAM,YAAY,EAAE,KAA4B,CAAA;AAIvD,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAShE,CAAA;AAMH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IAIjC,CAAA"}

package/dist/test/apps/logoutButton.js

@@ -18,5 +18,5 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
     CompletedAction: () => [model, [], Option.none()],
 }));
 // VIEW
-const { div, button, OnClick, Role } = html();
-export const view = (model) => div([], [button([OnClick(ClickedLogout()), Role('button')], [model.label])]);
+const h = html();
+export const view = (model) => h.div([], [h.button([h.OnClick(ClickedLogout()), h.Role('button')], [model.label])]);

package/dist/test/apps/mountPanel.js

@@ -66,13 +66,13 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
     ScrolledTo: () => [model, []],
 }));
 // VIEW
-const { div, button, span, OnMount, OnClick, Class, Key } = html();
-export const view = (model) => div([Class('panel-test')], [
-    button([Key('toggle'), OnClick(ClickedToggle()), OnMount(FocusButton())], [model.isOpen ? 'Close' : 'Open']),
+const h = html();
+export const view = (model) => h.div([h.Class('panel-test')], [
+    h.button([h.Key('toggle'), h.OnClick(ClickedToggle()), h.OnMount(FocusButton())], [model.isOpen ? 'Close' : 'Open']),
     ...(model.isOpen
         ? [
-            div([Key('panel'), OnMount(MeasurePanel())], [
-                span([], [
+            h.div([h.Key('panel'), h.OnMount(MeasurePanel())], [
+                h.span([], [
                     Option.match(model.measuredWidth, {
                         onNone: () => 'unmeasured',
                         onSome: width => `width: ${width}`,
@@ -85,13 +85,13 @@ export const view = (model) => div([Class('panel-test')], [
 /** A view that always renders both the toggle button and the panel, exposing
  *  two MeasurePanel mounts simultaneously so we can exercise the (name,
  *  occurrence) tracking. */
-export const twoPanelView = (model) => div([Class('two-panels')], [
-    div([Key('panel-a'), OnMount(MeasurePanel())], [span([], ['A'])]),
-    div([Key('panel-b'), OnMount(MeasurePanel())], [span([], ['B'])]),
-    button([Key('inc'), OnClick(ClickedIncrement())], [`count: ${model.count}`]),
+export const twoPanelView = (model) => h.div([h.Class('two-panels')], [
+    h.div([h.Key('panel-a'), h.OnMount(MeasurePanel())], [h.span([], ['A'])]),
+    h.div([h.Key('panel-b'), h.OnMount(MeasurePanel())], [h.span([], ['B'])]),
+    h.button([h.Key('inc'), h.OnClick(ClickedIncrement())], [`count: ${model.count}`]),
 ]);
 /** A view that renders an arg-bearing Mount so Scene tests can exercise
  *  Instance-based mount matching (matcher's args structurally equal the
  *  pending Mount's args). The chosen `offset` flows through `ScrollList`'s
  *  args and is observable on the rendered Mount marker. */
-export const scrollListView = (offset) => div([Class('scroll-list')], [div([Key('list'), OnMount(ScrollList({ offset }))], [])]);
+export const scrollListView = (offset) => h.div([h.Class('scroll-list')], [h.div([h.Key('list'), h.OnMount(ScrollList({ offset }))], [])]);

package/dist/test/apps/multiRole.js

@@ -13,7 +13,7 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
     ClickedFallback: () => [{ ...model, clicks: model.clicks + 1 }, []],
 }));
 // VIEW
-const { div, OnClick, Role } = html();
-export const view = (model) => div([], [
-    div([Role('doc-subtitle heading'), OnClick(ClickedFallback())], [`Fallback element clicks=${model.clicks}`]),
+const h = html();
+export const view = (model) => h.div([], [
+    h.div([h.Role('doc-subtitle heading'), h.OnClick(ClickedFallback())], [`Fallback element clicks=${model.clicks}`]),
 ]);

package/dist/test/apps/pointer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pointer.d.ts","sourceRoot":"","sources":["../../../src/test/apps/pointer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAKrD,eAAO,MAAM,KAAK;;;;EAIhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAOrC,QAAA,MAAM,OAAO;;;;IAAmD,CAAA;AAChE,KAAK,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIlC,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAA;AAID,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAqBrC,CAAA;AAOH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IA2BjC,CAAA"}
+{"version":3,"file":"pointer.d.ts","sourceRoot":"","sources":["../../../src/test/apps/pointer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAKrD,eAAO,MAAM,KAAK;;;;EAIhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAOrC,QAAA,MAAM,OAAO;;;;IAAmD,CAAA;AAChE,KAAK,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIlC,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAA;AAID,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAqBrC,CAAA;AAMH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IA2BjC,CAAA"}

package/dist/test/apps/pointer.js

@@ -37,16 +37,16 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
     ],
 }));
 // VIEW
-const { div, span, button, OnPointerDown, OnPointerUp, AriaLabel } = html();
-export const view = (model) => div([], [
-    button([
-        AriaLabel('pointer target'),
-        OnPointerDown(pointerType => Option.some(PressedPointerDown({ pointerType }))),
-        OnPointerUp((_screenX, _screenY, pointerType, _timeStamp) => Option.some(ReleasedPointerUp({ pointerType }))),
+const h = html();
+export const view = (model) => h.div([], [
+    h.button([
+        h.AriaLabel('pointer target'),
+        h.OnPointerDown(pointerType => Option.some(PressedPointerDown({ pointerType }))),
+        h.OnPointerUp((_screenX, _screenY, pointerType, _timeStamp) => Option.some(ReleasedPointerUp({ pointerType }))),
     ], [`down=${model.pointerDownCount} up=${model.pointerUpCount}`]),
-    div([
-        AriaLabel('nested target'),
-        OnPointerDown(pointerType => Option.some(PressedPointerDown({ pointerType }))),
-    ], [span([], [`type=${model.lastPointerType}`])]),
-    span([AriaLabel('no handler')], ['orphan']),
+    h.div([
+        h.AriaLabel('nested target'),
+        h.OnPointerDown(pointerType => Option.some(PressedPointerDown({ pointerType }))),
+    ], [h.span([], [`type=${model.lastPointerType}`])]),
+    h.span([h.AriaLabel('no handler')], ['orphan']),
 ]);

package/dist/test/apps/resumeUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resumeUpload.d.ts","sourceRoot":"","sources":["../../../src/test/apps/resumeUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEvE,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAA;AAEjD,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAMrD,eAAO,MAAM,KAAK;;;;EAIhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,mBAAmB,iFAA2B,CAAA;AAC3D,eAAO,MAAM,cAAc;;EAEzB,CAAA;AACF,eAAO,MAAM,qBAAqB,mFAA6B,CAAA;AAC/D,eAAO,MAAM,oBAAoB;;EAE/B,CAAA;AACF,eAAO,MAAM,iBAAiB,+EAAyB,CAAA;AACvD,eAAO,MAAM,mBAAmB,iFAA2B,CAAA;AAE3D,eAAO,MAAM,OAAO;;;;oKAOlB,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY;;;;;iBAaxB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;iBAU7B,CAAA;AAID,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAA;AAID,KAAK,YAAY,GAAG,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;AAE7E,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,SAAS,OAAO,KAAG,YAmCrD,CAAA;AAqCH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IAkBjC,CAAA"}
+{"version":3,"file":"resumeUpload.d.ts","sourceRoot":"","sources":["../../../src/test/apps/resumeUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEvE,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAA;AAEjD,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAMrD,eAAO,MAAM,KAAK;;;;EAIhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,mBAAmB,iFAA2B,CAAA;AAC3D,eAAO,MAAM,cAAc;;EAEzB,CAAA;AACF,eAAO,MAAM,qBAAqB,mFAA6B,CAAA;AAC/D,eAAO,MAAM,oBAAoB;;EAE/B,CAAA;AACF,eAAO,MAAM,iBAAiB,+EAAyB,CAAA;AACvD,eAAO,MAAM,mBAAmB,iFAA2B,CAAA;AAE3D,eAAO,MAAM,OAAO;;;;oKAOlB,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY;;;;;iBAaxB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;iBAU7B,CAAA;AAID,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAA;AAID,KAAK,YAAY,GAAG,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;AAE7E,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,SAAS,OAAO,KAAG,YAmCrD,CAAA;AAuBH,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IAkBjC,CAAA"}

package/dist/test/apps/resumeUpload.js

@@ -73,18 +73,18 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
     ],
 }));
 // VIEW
-const { div, section, p, img, button, empty, keyed, Alt, AriaLabel, Class, OnClick, Role, Src, } = html();
+const h = html();
 const previewView = (model) => Option.match(model.maybePreviewDataUrl, {
-    onSome: dataUrl => img([Src(dataUrl), Alt('Resume preview')]),
-    onNone: () => M.value(model.readStatus).pipe(M.withReturnType(), M.when('Reading', () => keyed('p')('reading', [Role('status')], ['Reading preview...'])), M.when('Failed', () => keyed('p')('failed', [Role('alert')], ['Could not read preview'])), M.when('Idle', () => empty), M.exhaustive),
+    onSome: dataUrl => h.img([h.Src(dataUrl), h.Alt('Resume preview')]),
+    onNone: () => M.value(model.readStatus).pipe(M.withReturnType(), M.when('Reading', () => h.keyed('p')('reading', [h.Role('status')], ['Reading preview...'])), M.when('Failed', () => h.keyed('p')('failed', [h.Role('alert')], ['Could not read preview'])), M.when('Idle', () => h.empty), M.exhaustive),
 });
-export const view = (model) => div([Class('resume-upload')], [
+export const view = (model) => h.div([h.Class('resume-upload')], [
     Option.match(model.maybeResume, {
-        onNone: () => button([OnClick(ClickedChooseResume())], ['Choose resume']),
-        onSome: file => section([AriaLabel('Selected resume')], [
-            p([Class('resume-name')], [File.name(file)]),
+        onNone: () => h.button([h.OnClick(ClickedChooseResume())], ['Choose resume']),
+        onSome: file => h.section([h.AriaLabel('Selected resume')], [
+            h.p([h.Class('resume-name')], [File.name(file)]),
             previewView(model),
-            button([OnClick(ClickedRemoveResume())], ['Remove']),
+            h.button([h.OnClick(ClickedRemoveResume())], ['Remove']),
         ]),
     }),
 ]);

package/dist/ui/animation/index.js

@@ -14,60 +14,60 @@ export { RequestFrame, WaitForAnimationSettled, defaultLeaveCommand, update };
  *  - `data-transition` — any animation is active
  */
 export const view = (config) => {
-    const { AriaHidden, Class, DataAttribute, Id, Style, div, empty, keyed } = html();
+    const h = html();
     const { model: { id, isShowing, transitionState }, content, className, attributes = [], element = 'div', animateSize = false, } = config;
     const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
     const isVisible = isShowing || isLeaving;
     const transitionAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => [
-        DataAttribute('closed', ''),
-        DataAttribute('enter', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('closed', ''),
+        h.DataAttribute('enter', ''),
+        h.DataAttribute('transition', ''),
     ]), M.when('EnterAnimating', () => [
-        DataAttribute('enter', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('enter', ''),
+        h.DataAttribute('transition', ''),
     ]), M.when('LeaveStart', () => [
-        DataAttribute('leave', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('leave', ''),
+        h.DataAttribute('transition', ''),
     ]), M.when('LeaveAnimating', () => [
-        DataAttribute('closed', ''),
-        DataAttribute('leave', ''),
-        DataAttribute('transition', ''),
+        h.DataAttribute('closed', ''),
+        h.DataAttribute('leave', ''),
+        h.DataAttribute('transition', ''),
     ]), M.orElse(() => []));
     if (animateSize) {
         const isClosed = transitionState === 'EnterStart' ||
             transitionState === 'LeaveAnimating' ||
             !isVisible;
-        return div([
-            Style({
+        return h.div([
+            h.Style({
                 display: 'grid',
                 gridTemplateRows: isClosed ? '0fr' : '1fr',
                 transition: 'grid-template-rows 200ms ease-out',
                 overflow: 'hidden',
             }),
         ], [
-            div([
-                Style({ minHeight: '0px', overflow: 'hidden' }),
-                ...(!isVisible ? [AriaHidden(true)] : []),
+            h.div([
+                h.Style({ minHeight: '0px', overflow: 'hidden' }),
+                ...(!isVisible ? [h.AriaHidden(true)] : []),
             ], [
-                keyed(element)(id, [
-                    Id(id),
+                h.keyed(element)(id, [
+                    h.Id(id),
                     ...(isClosed && transitionState === 'Idle'
-                        ? [DataAttribute('closed', '')]
+                        ? [h.DataAttribute('closed', '')]
                         : []),
                     ...transitionAttributes,
-                    ...(className ? [Class(className)] : []),
+                    ...(className ? [h.Class(className)] : []),
                     ...attributes,
                 ], [content]),
             ]),
         ]);
     }
     if (!isVisible) {
-        return empty;
+        return h.empty;
     }
-    return keyed(element)(id, [
-        Id(id),
+    return h.keyed(element)(id, [
+        h.Id(id),
         ...transitionAttributes,
-        ...(className ? [Class(className)] : []),
+        ...(className ? [h.Class(className)] : []),
         ...attributes,
     ], [content]);
 };

package/dist/ui/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/button/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAI/C,0FAA0F;AAC1F,MAAM,MAAM,gBAAgB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACrD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CAChD,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC7D,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC,CAAA;AAEF,2HAA2H;AAC3H,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,IAgCF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/button/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAI/C,0FAA0F;AAC1F,MAAM,MAAM,gBAAgB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACrD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CAChD,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC7D,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC,CAAA;AAEF,2HAA2H;AAC3H,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,IA+BF,CAAA"}