foldkit 0.19.0 → 0.21.0

package/dist/ui/tabs/index.js

@@ -1,4 +1,4 @@
-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 { m } from '../../message';
 import { evo } from '../../struct';
@@ -10,12 +10,11 @@ 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
@@ -27,14 +26,13 @@ export const TabFocused = m('TabFocused', { index: S.Number });
 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,7 +63,7 @@ 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)));
     const { nextKey, previousKey } = M.value(orientation).pipe(M.when('Horizontal', () => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foldkit",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "description": "Elm-inspired UI framework powered by Effect",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,6 +11,10 @@
       "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"
@@ -43,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"