foldkit 0.18.0 → 0.20.0

package/dist/ui/tabs/index.d.ts

@@ -1,6 +1,6 @@
 import { Schema as S } from 'effect';
+import type { Command } from '../../command';
 import type { Html, TagName } from '../../html';
-import type { Command } from '../../runtime/runtime';
 export { wrapIndex, findFirstEnabledIndex, keyToIndex } from '../keyboard';
 /** Controls the tab list layout direction and which arrow keys navigate between tabs. */
 export declare const Orientation: S.Literal<["Horizontal", "Vertical"]>;
@@ -8,12 +8,11 @@ export type Orientation = typeof Orientation.Type;
 /** Controls whether tabs activate on focus (`Automatic`) or require an explicit selection (`Manual`). */
 export declare const ActivationMode: S.Literal<["Automatic", "Manual"]>;
 export type ActivationMode = typeof ActivationMode.Type;
-/** Schema for the tabs component's state, tracking active/focused indices, orientation, and activation mode. */
+/** Schema for the tabs component's state, tracking active/focused indices and activation mode. */
 export declare const Model: S.Struct<{
     id: typeof S.String;
     activeIndex: typeof S.Number;
     focusedIndex: typeof S.Number;
-    orientation: S.Literal<["Horizontal", "Vertical"]>;
     activationMode: S.Literal<["Automatic", "Manual"]>;
 }>;
 export type Model = typeof Model.Type;
@@ -41,10 +40,9 @@ export type Message = typeof Message.Type;
 export type InitConfig = Readonly<{
     id: string;
     activeIndex?: number;
-    orientation?: Orientation;
     activationMode?: ActivationMode;
 }>;
-/** Creates an initial tabs model from a config. Defaults to first tab, horizontal orientation, and automatic activation. */
+/** Creates an initial tabs model from a config. Defaults to first tab and automatic activation. */
 export declare const init: (config: InitConfig) => Model;
 /** Processes a tabs message and returns the next model and commands. */
 export declare const update: (model: Model, message: Message) => [Model, ReadonlyArray<Command<Message>>];
@@ -65,6 +63,7 @@ export type ViewConfig<Message, Tab extends string> = Readonly<{
     }) => TabConfig;
     isTabDisabled?: (tab: Tab, index: number) => boolean;
     persistPanels?: boolean;
+    orientation?: Orientation;
     tabListElement?: TagName;
     tabElement?: TagName;
     panelElement?: TagName;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,MAAM,IAAI,CAAC,EAAgB,MAAM,QAAQ,CAAA;AAG7E,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAMpD,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI1E,yFAAyF;AACzF,eAAO,MAAM,WAAW,uCAAsC,CAAA;AAC9D,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC,IAAI,CAAA;AAEjD,yGAAyG;AACzG,eAAO,MAAM,cAAc,oCAAmC,CAAA;AAC9D,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC,IAAI,CAAA;AAEvD,gHAAgH;AAChH,eAAO,MAAM,KAAK;;;;;;EAMhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,sGAAsG;AACtG,eAAO,MAAM,WAAW;;EAAyC,CAAA;AACjE,wFAAwF;AACxF,eAAO,MAAM,UAAU;;EAAwC,CAAA;AAC/D,kGAAkG;AAClG,eAAO,MAAM,IAAI,yDAAa,CAAA;AAE9B,4DAA4D;AAC5D,eAAO,MAAM,OAAO;;;;6DAAyC,CAAA;AAE7D,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC,IAAI,CAAA;AACjD,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAC/C,MAAM,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,CAAA;AAEnC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,2DAA2D;AAC3D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC,CAAC,CAAA;AAEF,4HAA4H;AAC5H,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAUzC,CAAA;AAID,wEAAwE;AACxE,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAyBvC,CAAA;AAIH,sEAAsE;AACtE,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,IAAI,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,IAAI,CAAA;CACnB,CAAC,CAAA;AAEF,2DAA2D;AAC3D,MAAM,MAAM,UAAU,CAAC,OAAO,EAAE,GAAG,SAAS,MAAM,IAAI,QAAQ,CAAC;IAC7D,KAAK,EAAE,KAAK,CAAA;IACZ,SAAS,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU,KAAK,OAAO,CAAA;IACzD,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA;IACxB,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAA;IACpE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IACpD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAC,CAAA;AAMF,yGAAyG;AACzG,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,GAAG,SAAS,MAAM,EAC9C,QAAQ,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,KAC/B,IAiLF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/index.ts"],"names":[],"mappings":"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"}

package/dist/ui/tabs/index.js

@@ -1,6 +1,6 @@
-import { Array, Match as M, Option, Schema as S, String, pipe } from 'effect';
+import { Array, Effect, 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';
@@ -10,31 +10,29 @@ export { wrapIndex, findFirstEnabledIndex, keyToIndex } from '../keyboard';
 export const Orientation = S.Literal('Horizontal', 'Vertical');
 /** Controls whether tabs activate on focus (`Automatic`) or require an explicit selection (`Manual`). */
 export const ActivationMode = S.Literal('Automatic', 'Manual');
-/** Schema for the tabs component's state, tracking active/focused indices, orientation, and activation mode. */
+/** Schema for the tabs component's state, tracking active/focused indices and activation mode. */
 export const Model = S.Struct({
     id: S.String,
     activeIndex: S.Number,
     focusedIndex: S.Number,
-    orientation: Orientation,
     activationMode: ActivationMode,
 });
 // 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. */
+/** Creates an initial tabs model from a config. Defaults to first tab and automatic activation. */
 export const init = (config) => {
     const activeIndex = config.activeIndex ?? 0;
     return {
         id: config.id,
         activeIndex,
         focusedIndex: activeIndex,
-        orientation: config.orientation ?? 'Horizontal',
         activationMode: config.activationMode ?? 'Automatic',
     };
 };
@@ -48,14 +46,14 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
                 activeIndex: () => index,
                 focusedIndex: () => index,
             }),
-            [Task.focus(tabSelector, () => NoOp())],
+            [Task.focus(tabSelector).pipe(Effect.ignore, Effect.as(NoOp()))],
         ];
     },
     TabFocused: ({ index }) => {
         const tabSelector = `#${tabId(model.id, index)}`;
         return [
             evo(model, { focusedIndex: () => index }),
-            [Task.focus(tabSelector, () => NoOp())],
+            [Task.focus(tabSelector).pipe(Effect.ignore, Effect.as(NoOp()))],
         ];
     },
     NoOp: () => [model, []],
@@ -65,9 +63,9 @@ const tabId = (id, index) => `${id}-tab-${index}`;
 /** Renders a headless tab group with accessible ARIA roles, roving tabindex, and keyboard navigation. */
 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 { model, model: { id, activationMode, focusedIndex }, toMessage, tabs, tabToConfig, isTabDisabled, persistPanels, orientation = 'Horizontal', 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 +112,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.20.0",
   "description": "Elm-inspired UI framework powered by Effect",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,10 +11,18 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./command": {
+      "types": "./dist/command/public.d.ts",
+      "import": "./dist/command/public.js"
+    },
     "./html": {
       "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"
@@ -39,6 +47,10 @@
       "types": "./dist/struct/public.d.ts",
       "import": "./dist/struct/public.js"
     },
+    "./task": {
+      "types": "./dist/task/public.d.ts",
+      "import": "./dist/task/public.js"
+    },
     "./ui": {
       "types": "./dist/ui/index.d.ts",
       "import": "./dist/ui/index.js"