foldkit 0.18.0 → 0.19.0

package/dist/ui/tabs/index.js

@@ -1,6 +1,6 @@
 import { Array, Match as M, Option, Schema as S, String, pipe } from 'effect';
 import { html } from '../../html';
-import { ts } from '../../schema';
+import { m } from '../../message';
 import { evo } from '../../struct';
 import * as Task from '../../task';
 import { keyToIndex } from '../keyboard';
@@ -20,11 +20,11 @@ export const Model = S.Struct({
 });
 // MESSAGE
 /** Sent when a tab is selected via click or keyboard. Updates both the active and focused indices. */
-export const TabSelected = ts('TabSelected', { index: S.Number });
+export const TabSelected = m('TabSelected', { index: S.Number });
 /** Sent when a tab receives keyboard focus in `Manual` mode without being activated. */
-export const TabFocused = ts('TabFocused', { index: S.Number });
+export const TabFocused = m('TabFocused', { index: S.Number });
 /** Placeholder message used when no action is needed, such as after a focus command completes. */
-export const NoOp = ts('NoOp');
+export const NoOp = m('NoOp');
 /** Union of all messages the tabs component can produce. */
 export const Message = S.Union(TabSelected, TabFocused, NoOp);
 /** Creates an initial tabs model from a config. Defaults to first tab, horizontal orientation, and automatic activation. */
@@ -67,7 +67,7 @@ export const view = (config) => {
     const { div, empty, AriaControls, AriaDisabled, AriaLabelledBy, AriaOrientation, AriaSelected, Class, DataAttribute, Disabled, Hidden, Id, OnClick, OnKeyDownPreventDefault, Role, Tabindex, Type, keyed, } = html();
     const { model, model: { id, orientation, activationMode, focusedIndex }, toMessage, tabs, tabToConfig, isTabDisabled, persistPanels, tabListElement = 'div', tabElement = 'button', panelElement = 'div', className, tabListClassName, } = config;
     const isDisabled = (index) => !!isTabDisabled &&
-        pipe(tabs, Array.get(index), Option.exists((tab) => isTabDisabled(tab, index)));
+        pipe(tabs, Array.get(index), Option.exists(tab => isTabDisabled(tab, index)));
     const { nextKey, previousKey } = M.value(orientation).pipe(M.when('Horizontal', () => ({
         nextKey: 'ArrowRight',
         previousKey: 'ArrowLeft',
@@ -114,7 +114,7 @@ export const view = (config) => {
     });
     const activePanelOnly = pipe(tabs, Array.get(model.activeIndex), Option.match({
         onNone: () => empty,
-        onSome: (tab) => {
+        onSome: tab => {
             const activeConfig = tabToConfig(tab, { isActive: true });
             return keyed(panelElement)(tabPanelId(id, model.activeIndex), [
                 Class(activeConfig.panelClassName),

package/dist/url/index.js

@@ -31,7 +31,7 @@ const LocationAndHrefFromString = S.transformOrFail(S.String, LocationAndHref, {
                 },
             };
         },
-        catch: (error) => new ParseResult.Type(ast, urlString, `Invalid URL: ${error}`),
+        catch: error => new ParseResult.Type(ast, urlString, `Invalid URL: ${error}`),
     }),
     encode: ({ href, location }) => {
         const portString = location.port ? `:${location.port}` : '';
@@ -52,14 +52,14 @@ const UrlFromLocationAndHref = S.transform(LocationAndHref, Url, {
             hash: OptionExt.fromString(hashPart || ''),
         };
     },
-    encode: (url) => {
+    encode: url => {
         const search = Option.match(url.search, {
             onNone: () => '',
-            onSome: (s) => `?${s}`,
+            onSome: s => `?${s}`,
         });
         const hash = Option.match(url.hash, {
             onNone: () => '',
-            onSome: (h) => `#${h}`,
+            onSome: h => `#${h}`,
         });
         const href = `${url.pathname}${search}${hash}`;
         return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foldkit",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "Elm-inspired UI framework powered by Effect",
   "type": "module",
   "main": "./dist/index.js",
@@ -15,6 +15,10 @@
       "types": "./dist/html/public.d.ts",
       "import": "./dist/html/public.js"
     },
+    "./message": {
+      "types": "./dist/message/public.d.ts",
+      "import": "./dist/message/public.js"
+    },
     "./navigation": {
       "types": "./dist/navigation/public.d.ts",
       "import": "./dist/navigation/public.js"