foldkit 0.33.6 → 0.34.1

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

@@ -1,7 +1,6 @@
 import { Schema as S } from 'effect';
 import type { Command } from '../../command';
-import type { Attribute } from '../../html';
-import type { Html } from '../../html';
+import { type Attribute, type Html } from '../../html';
 /** Controls the radio group layout direction and which arrow keys navigate between options. */
 export declare const Orientation: S.Literal<["Horizontal", "Vertical"]>;
 export type Orientation = typeof Orientation.Type;
@@ -17,15 +16,15 @@ export declare const SelectedOption: import("../../schema").CallableTaggedStruct
     value: typeof S.String;
     index: typeof S.Number;
 }>;
-/** Placeholder message used when no action is needed. */
-export declare const NoOp: import("../../schema").CallableTaggedStruct<"NoOp", {}>;
+/** Sent when the focus-option command completes. */
+export declare const CompletedOptionFocus: import("../../schema").CallableTaggedStruct<"CompletedOptionFocus", {}>;
 /** Union of all messages the radio group component can produce. */
 export declare const Message: S.Union<[import("../../schema").CallableTaggedStruct<"SelectedOption", {
     value: typeof S.String;
     index: typeof S.Number;
-}>, import("../../schema").CallableTaggedStruct<"NoOp", {}>]>;
+}>, import("../../schema").CallableTaggedStruct<"CompletedOptionFocus", {}>]>;
 export type SelectedOption = typeof SelectedOption.Type;
-export type NoOp = typeof NoOp.Type;
+export type CompletedOptionFocus = typeof CompletedOptionFocus.Type;
 export type Message = typeof Message.Type;
 /** Configuration for creating a radio group model with `init`. */
 export type InitConfig = Readonly<{
@@ -51,7 +50,7 @@ export type OptionConfig<Message> = Readonly<{
 /** Configuration for rendering a radio group with `view`. */
 export type ViewConfig<Message, Option extends string> = Readonly<{
     model: Model;
-    toMessage: (message: SelectedOption | NoOp) => Message;
+    toMessage: (message: SelectedOption | CompletedOptionFocus) => Message;
     options: ReadonlyArray<Option>;
     optionToConfig: (option: Option, context: Readonly<{
         isSelected: boolean;
@@ -60,7 +59,9 @@ export type ViewConfig<Message, Option extends string> = Readonly<{
     }>) => OptionConfig<Message>;
     isOptionDisabled?: (option: Option, index: number) => boolean;
     orientation?: Orientation;
+    ariaLabel: string;
     className?: string;
+    attributes?: ReadonlyArray<Attribute<Message>>;
     name?: string;
     isDisabled?: boolean;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/radioGroup/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/radioGroup/index.ts"],"names":[],"mappings":"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"}

package/dist/ui/radioGroup/index.js

@@ -1,6 +1,5 @@
 import { Array, Effect, Match as M, Option, Predicate, Schema as S, String, pipe, } from 'effect';
-import { html } from '../../html';
-import { createLazy } from '../../html/lazy';
+import { createLazy, html } from '../../html';
 import { m } from '../../message';
 import { evo } from '../../struct';
 import * as Task from '../../task';
@@ -20,10 +19,10 @@ export const SelectedOption = m('SelectedOption', {
     value: S.String,
     index: S.Number,
 });
-/** Placeholder message used when no action is needed. */
-export const NoOp = m('NoOp');
+/** Sent when the focus-option command completes. */
+export const CompletedOptionFocus = m('CompletedOptionFocus');
 /** Union of all messages the radio group component can produce. */
-export const Message = S.Union(SelectedOption, NoOp);
+export const Message = S.Union(SelectedOption, CompletedOptionFocus);
 /** Creates an initial radio group model from a config. Defaults to no selection and vertical orientation. */
 export const init = (config) => ({
     id: config.id,
@@ -38,17 +37,19 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
         const selector = `#${optionId(model.id, index)}`;
         return [
             evo(model, { selectedValue: () => Option.some(value) }),
-            [Task.focus(selector).pipe(Effect.ignore, Effect.as(NoOp()))],
+            [
+                Task.focus(selector).pipe(Effect.ignore, Effect.as(CompletedOptionFocus())),
+            ],
         ];
     },
-    NoOp: () => [model, []],
+    CompletedOptionFocus: () => [model, []],
 }));
 const labelId = (id, index) => `${id}-option-${index}-label`;
 const descriptionId = (id, index) => `${id}-option-${index}-description`;
 /** Renders an accessible radio group by building ARIA attribute groups and delegating layout to the consumer's `optionToConfig` callback. */
 export const view = (config) => {
-    const { div, input, AriaChecked, AriaDescribedBy, AriaDisabled, AriaLabelledBy, AriaOrientation, Class, DataAttribute, Id, Name, OnClick, OnKeyDownPreventDefault, Role, Tabindex, Type, Value, } = html();
-    const { model, model: { id, selectedValue }, toMessage, options, optionToConfig, isOptionDisabled: isOptionDisabledFn, orientation = model.orientation, className, name, isDisabled: isGroupDisabled = false, } = config;
+    const { div, input, AriaChecked, AriaDescribedBy, AriaDisabled, AriaLabel, AriaLabelledBy, AriaOrientation, Class, DataAttribute, Id, Name, OnClick, OnKeyDownPreventDefault, Role, Tabindex, Type, Value, } = html();
+    const { model, model: { id, selectedValue }, toMessage, options, optionToConfig, isOptionDisabled: isOptionDisabledFn, orientation = model.orientation, ariaLabel, className, attributes = [], name, isDisabled: isGroupDisabled = false, } = config;
     const isDisabled = (index) => {
         if (isGroupDisabled) {
             return true;
@@ -131,7 +132,9 @@ export const view = (config) => {
     const groupAttributes = [
         Role('radiogroup'),
         AriaOrientation(String.toLowerCase(orientation)),
+        AriaLabel(ariaLabel),
         ...(className ? [Class(className)] : []),
+        ...attributes,
     ];
     return div(groupAttributes, [...renderedOptions, ...hiddenInputs]);
 };

package/dist/ui/radioGroup/public.d.ts

@@ -1,3 +1,3 @@
 export { init, update, view, lazy, Model, Message } from './index';
-export type { SelectedOption, NoOp, Orientation, InitConfig, ViewConfig, OptionAttributes, OptionConfig, } from './index';
+export type { SelectedOption, Orientation, InitConfig, ViewConfig, OptionAttributes, OptionConfig, } from './index';
 //# sourceMappingURL=public.d.ts.map

package/dist/ui/radioGroup/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/radioGroup/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAElE,YAAY,EACV,cAAc,EACd,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,YAAY,GACb,MAAM,SAAS,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/radioGroup/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAElE,YAAY,EACV,cAAc,EACd,WAAW,EACX,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,YAAY,GACb,MAAM,SAAS,CAAA"}

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

@@ -1,7 +1,6 @@
 import { Schema as S } from 'effect';
 import type { Command } from '../../command';
-import type { Attribute } from '../../html';
-import type { Html } from '../../html';
+import { type Attribute, type Html } from '../../html';
 /** Schema for the switch component's state, tracking the toggle's checked status. */
 export declare const Model: S.Struct<{
     id: typeof S.String;
@@ -10,12 +9,9 @@ export declare const Model: S.Struct<{
 export type Model = typeof Model.Type;
 /** Sent when the user toggles the switch via click or Space key. */
 export declare const Toggled: import("../../schema").CallableTaggedStruct<"Toggled", {}>;
-/** Placeholder message used when no action is needed. */
-export declare const NoOp: import("../../schema").CallableTaggedStruct<"NoOp", {}>;
-/** Union of all messages the switch component can produce. */
-export declare const Message: S.Union<[import("../../schema").CallableTaggedStruct<"Toggled", {}>, import("../../schema").CallableTaggedStruct<"NoOp", {}>]>;
+/** Schema for all messages the switch component can produce. */
+export declare const Message: import("../../schema").CallableTaggedStruct<"Toggled", {}>;
 export type Toggled = typeof Toggled.Type;
-export type NoOp = typeof NoOp.Type;
 export type Message = typeof Message.Type;
 /** Configuration for creating a switch model with `init`. */
 export type InitConfig = Readonly<{
@@ -25,7 +21,7 @@ export type InitConfig = Readonly<{
 /** Creates an initial switch model from a config. Defaults to unchecked. */
 export declare const init: (config: InitConfig) => Model;
 /** Processes a switch message and returns the next model and commands. */
-export declare const update: (model: Model, message: Message) => [Model, ReadonlyArray<Command<Message>>];
+export declare const update: (model: Model, _message: Message) => [Model, ReadonlyArray<Command<Message>>];
 /** Attribute groups the switch component provides to the consumer's `toView` callback. */
 export type SwitchAttributes<Message> = Readonly<{
     button: ReadonlyArray<Attribute<Message>>;
@@ -36,7 +32,7 @@ export type SwitchAttributes<Message> = Readonly<{
 /** Configuration for rendering a switch with `view`. */
 export type ViewConfig<Message> = Readonly<{
     model: Model;
-    toMessage: (message: Toggled | NoOp) => Message;
+    toMessage: (message: Toggled) => Message;
     toView: (attributes: SwitchAttributes<Message>) => Html;
     isDisabled?: boolean;
     name?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAOtC,qFAAqF;AACrF,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,oEAAoE;AACpE,eAAO,MAAM,OAAO,4DAAe,CAAA;AACnC,yDAAyD;AACzD,eAAO,MAAM,IAAI,yDAAY,CAAA;AAE7B,8DAA8D;AAC9D,eAAO,MAAM,OAAO,gIAAyB,CAAA;AAE7C,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AACzC,MAAM,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,CAAA;AAEnC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAEF,4EAA4E;AAC5E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,0EAA0E;AAC1E,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAOvC,CAAA;AAIH,0FAA0F;AAC1F,MAAM,MAAM,gBAAgB,CAAC,OAAO,IAAI,QAAQ,CAAC;IAC/C,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;CAC/C,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,KAAK,EAAE,KAAK,CAAA;IACZ,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,OAAO,CAAA;IAC/C,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IACvD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAKF,uIAAuI;AACvI,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,KAAG,IAmE3D,CAAA;AAED;6EAC6E;AAC7E,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,cAAc,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,KAC7D,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,KAAK,IAAI,CAgBtE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAoB,MAAM,YAAY,CAAA;AAMxE,qFAAqF;AACrF,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,oEAAoE;AACpE,eAAO,MAAM,OAAO,4DAAe,CAAA;AAEnC,gEAAgE;AAChE,eAAO,MAAM,OAAO,4DAAU,CAAA;AAE9B,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAEF,4EAA4E;AAC5E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,0EAA0E;AAC1E,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,UAAU,OAAO,KAChB,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAGzC,CAAA;AAID,0FAA0F;AAC1F,MAAM,MAAM,gBAAgB,CAAC,OAAO,IAAI,QAAQ,CAAC;IAC/C,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;CAC/C,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,KAAK,EAAE,KAAK,CAAA;IACZ,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAA;IACxC,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IACvD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAKF,uIAAuI;AACvI,eAAO,MAAM,IAAI,GAAI,OAAO,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,KAAG,IAmE3D,CAAA;AAED;6EAC6E;AAC7E,eAAO,MAAM,IAAI,GAAI,OAAO,EAC1B,cAAc,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,KAC7D,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,KAAK,IAAI,CAgBtE,CAAA"}

package/dist/ui/switch/index.js

@@ -1,6 +1,5 @@
 import { Match as M, Option, Schema as S } from 'effect';
-import { html } from '../../html';
-import { createLazy } from '../../html/lazy';
+import { createLazy, html } from '../../html';
 import { m } from '../../message';
 import { evo } from '../../struct';
 // MODEL
@@ -12,10 +11,8 @@ export const Model = S.Struct({
 // MESSAGE
 /** Sent when the user toggles the switch via click or Space key. */
 export const Toggled = m('Toggled');
-/** Placeholder message used when no action is needed. */
-export const NoOp = m('NoOp');
-/** Union of all messages the switch component can produce. */
-export const Message = S.Union(Toggled, NoOp);
+/** Schema for all messages the switch component can produce. */
+export const Message = Toggled;
 /** Creates an initial switch model from a config. Defaults to unchecked. */
 export const init = (config) => ({
     id: config.id,
@@ -23,10 +20,10 @@ export const init = (config) => ({
 });
 // UPDATE
 /** Processes a switch message and returns the next model and commands. */
-export const update = (model, message) => M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
-    Toggled: () => [evo(model, { isChecked: isChecked => !isChecked }), []],
-    NoOp: () => [model, []],
-}));
+export const update = (model, _message) => [
+    evo(model, { isChecked: isChecked => !isChecked }),
+    [],
+];
 const labelId = (id) => `${id}-label`;
 const descriptionId = (id) => `${id}-description`;
 /** Renders an accessible switch toggle by building ARIA attribute groups and delegating layout to the consumer's `toView` callback. */

package/dist/ui/switch/public.d.ts

@@ -1,3 +1,3 @@
 export { init, update, view, lazy, Model, Message } from './index';
-export type { Toggled, NoOp, InitConfig, ViewConfig, SwitchAttributes, } from './index';
+export type { Toggled, InitConfig, ViewConfig, SwitchAttributes } from './index';
 //# sourceMappingURL=public.d.ts.map

package/dist/ui/switch/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/switch/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAElE,YAAY,EACV,OAAO,EACP,IAAI,EACJ,UAAU,EACV,UAAU,EACV,gBAAgB,GACjB,MAAM,SAAS,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/switch/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAElE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}

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 Attribute, type Html, type TagName } from '../../html';
 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"]>;
@@ -24,17 +24,16 @@ export declare const TabSelected: import("../../schema").CallableTaggedStruct<"T
 export declare const TabFocused: import("../../schema").CallableTaggedStruct<"TabFocused", {
     index: typeof S.Number;
 }>;
-/** Placeholder message used when no action is needed, such as after a focus command completes. */
-export declare const NoOp: import("../../schema").CallableTaggedStruct<"NoOp", {}>;
+/** Sent when the focus-tab command completes. */
+export declare const CompletedTabFocus: import("../../schema").CallableTaggedStruct<"CompletedTabFocus", {}>;
 /** Union of all messages the tabs component can produce. */
 export declare const Message: S.Union<[import("../../schema").CallableTaggedStruct<"TabSelected", {
     index: typeof S.Number;
 }>, import("../../schema").CallableTaggedStruct<"TabFocused", {
     index: typeof S.Number;
-}>, import("../../schema").CallableTaggedStruct<"NoOp", {}>]>;
+}>, import("../../schema").CallableTaggedStruct<"CompletedTabFocus", {}>]>;
 export type TabSelected = typeof TabSelected.Type;
 export type TabFocused = typeof TabFocused.Type;
-export type NoOp = typeof NoOp.Type;
 export type Message = typeof Message.Type;
 /** Configuration for creating a tabs model with `init`. */
 export type InitConfig = Readonly<{
@@ -47,10 +46,12 @@ 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>>];
 /** Configuration for an individual tab's button and panel content. */
-export type TabConfig = Readonly<{
-    buttonClassName: string;
+export type TabConfig<Message = unknown> = Readonly<{
+    buttonClassName?: string;
+    buttonAttributes?: ReadonlyArray<Attribute<Message>>;
     buttonContent: Html;
-    panelClassName: string;
+    panelClassName?: string;
+    panelAttributes?: ReadonlyArray<Attribute<Message>>;
     panelContent: Html;
 }>;
 /** Configuration for rendering a tab group with `view`. */
@@ -60,7 +61,7 @@ export type ViewConfig<Message, Tab extends string> = Readonly<{
     tabs: ReadonlyArray<Tab>;
     tabToConfig: (tab: Tab, context: {
         isActive: boolean;
-    }) => TabConfig;
+    }) => TabConfig<Message>;
     isTabDisabled?: (tab: Tab, index: number) => boolean;
     persistPanels?: boolean;
     orientation?: Orientation;
@@ -68,7 +69,10 @@ export type ViewConfig<Message, Tab extends string> = Readonly<{
     tabElement?: TagName;
     panelElement?: TagName;
     className?: string;
+    attributes?: ReadonlyArray<Attribute<Message>>;
     tabListClassName?: string;
+    tabListAttributes?: ReadonlyArray<Attribute<Message>>;
+    tabListAriaLabel: string;
 }>;
 /** Renders a headless tab group with accessible ARIA roles, roving tabindex, and keyboard navigation. */
 export declare const view: <Message, Tab extends string>(config: ViewConfig<Message, Tab>) => Html;

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":"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"}
+{"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,5 @@
 import { Array, Effect, Match as M, Option, Schema as S, String, pipe, } from 'effect';
-import { html } from '../../html';
-import { createLazy } from '../../html/lazy';
+import { createLazy, html, } from '../../html';
 import { m } from '../../message';
 import { evo } from '../../struct';
 import * as Task from '../../task';
@@ -23,10 +22,10 @@ export const Model = S.Struct({
 export const TabSelected = m('TabSelected', { index: S.Number });
 /** Sent when a tab receives keyboard focus in `Manual` mode without being activated. */
 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 = m('NoOp');
+/** Sent when the focus-tab command completes. */
+export const CompletedTabFocus = m('CompletedTabFocus');
 /** Union of all messages the tabs component can produce. */
-export const Message = S.Union(TabSelected, TabFocused, NoOp);
+export const Message = S.Union(TabSelected, TabFocused, CompletedTabFocus);
 /** Creates an initial tabs model from a config. Defaults to first tab and automatic activation. */
 export const init = (config) => {
     const activeIndex = config.activeIndex ?? 0;
@@ -47,24 +46,28 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
                 activeIndex: () => index,
                 focusedIndex: () => index,
             }),
-            [Task.focus(tabSelector).pipe(Effect.ignore, Effect.as(NoOp()))],
+            [
+                Task.focus(tabSelector).pipe(Effect.ignore, Effect.as(CompletedTabFocus())),
+            ],
         ];
     },
     TabFocused: ({ index }) => {
         const tabSelector = `#${tabId(model.id, index)}`;
         return [
             evo(model, { focusedIndex: () => index }),
-            [Task.focus(tabSelector).pipe(Effect.ignore, Effect.as(NoOp()))],
+            [
+                Task.focus(tabSelector).pipe(Effect.ignore, Effect.as(CompletedTabFocus())),
+            ],
         ];
     },
-    NoOp: () => [model, []],
+    CompletedTabFocus: () => [model, []],
 }));
 const tabPanelId = (id, index) => `${id}-panel-${index}`;
 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, activationMode, focusedIndex }, toMessage, tabs, tabToConfig, isTabDisabled, persistPanels, orientation = 'Horizontal', tabListElement = 'div', tabElement = 'button', panelElement = 'div', className, tabListClassName, } = config;
+    const { div, empty, AriaControls, AriaDisabled, AriaLabel, AriaLabelledBy, AriaOrientation, AriaSelected, Class, DataAttribute, Disabled, Hidden, Id, OnClick, OnKeyDownPreventDefault, Role, Tabindex, Type, keyed, } = html();
+    const { model, model: { id, activationMode, focusedIndex }, toMessage, tabs, tabToConfig, isTabDisabled, persistPanels, orientation = 'Horizontal', tabListElement = 'div', tabElement = 'button', panelElement = 'div', className, attributes = [], tabListClassName, tabListAttributes = [], tabListAriaLabel, } = 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', () => ({
@@ -84,7 +87,6 @@ export const view = (config) => {
         const isTabDisabledAtIndex = isDisabled(index);
         const tabConfig = tabToConfig(tab, { isActive });
         return keyed(tabElement)(tabId(id, index), [
-            Class(tabConfig.buttonClassName),
             Id(tabId(id, index)),
             Role('tab'),
             Type('button'),
@@ -96,19 +98,26 @@ export const view = (config) => {
                 ? [Disabled(true), AriaDisabled(true), DataAttribute('disabled', '')]
                 : [OnClick(toMessage(TabSelected({ index })))]),
             OnKeyDownPreventDefault(handleKeyDown),
+            ...(tabConfig.buttonClassName
+                ? [Class(tabConfig.buttonClassName)]
+                : []),
+            ...(tabConfig.buttonAttributes ?? []),
         ], [tabConfig.buttonContent]);
     });
     const allPanels = Array.map(tabs, (tab, index) => {
         const isActive = index === model.activeIndex;
         const panelConfig = tabToConfig(tab, { isActive });
         return keyed(panelElement)(tabPanelId(id, index), [
-            Class(panelConfig.panelClassName),
             Id(tabPanelId(id, index)),
             Role('tabpanel'),
             AriaLabelledBy(tabId(id, index)),
             Tabindex(isActive ? 0 : -1),
             Hidden(!isActive),
             ...(isActive ? [DataAttribute('selected', '')] : []),
+            ...(panelConfig.panelClassName
+                ? [Class(panelConfig.panelClassName)]
+                : []),
+            ...(panelConfig.panelAttributes ?? []),
         ], [panelConfig.panelContent]);
     });
     const activePanelOnly = pipe(tabs, Array.get(model.activeIndex), Option.match({
@@ -116,24 +125,28 @@ export const view = (config) => {
         onSome: tab => {
             const activeConfig = tabToConfig(tab, { isActive: true });
             return keyed(panelElement)(tabPanelId(id, model.activeIndex), [
-                Class(activeConfig.panelClassName),
                 Id(tabPanelId(id, model.activeIndex)),
                 Role('tabpanel'),
                 AriaLabelledBy(tabId(id, model.activeIndex)),
                 Tabindex(0),
                 DataAttribute('selected', ''),
+                ...(activeConfig.panelClassName
+                    ? [Class(activeConfig.panelClassName)]
+                    : []),
+                ...(activeConfig.panelAttributes ?? []),
             ], [activeConfig.panelContent]);
         },
     }));
     const tabPanels = persistPanels ? allPanels : [activePanelOnly];
-    const tabListAttributes = [
+    const resolvedTabListAttributes = [
         Role('tablist'),
         AriaOrientation(String.toLowerCase(orientation)),
+        AriaLabel(tabListAriaLabel),
         ...(tabListClassName ? [Class(tabListClassName)] : []),
+        ...tabListAttributes,
     ];
-    const wrapperAttributes = className ? [Class(className)] : [];
-    return div(wrapperAttributes, [
-        keyed(tabListElement)(`${id}-tablist`, tabListAttributes, tabButtons),
+    return div([...(className ? [Class(className)] : []), ...attributes], [
+        keyed(tabListElement)(`${id}-tablist`, resolvedTabListAttributes, tabButtons),
         ...tabPanels,
     ]);
 };

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

@@ -1,3 +1,3 @@
 export { init, update, view, lazy, Model, Message } from './index';
-export type { Orientation, ActivationMode, TabSelected, TabFocused, NoOp, InitConfig, ViewConfig, TabConfig, } from './index';
+export type { Orientation, ActivationMode, TabSelected, TabFocused, InitConfig, ViewConfig, TabConfig, } from './index';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAElE,YAAY,EACV,WAAW,EACX,cAAc,EACd,WAAW,EACX,UAAU,EACV,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,SAAS,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAElE,YAAY,EACV,WAAW,EACX,cAAc,EACd,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,SAAS,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "foldkit",
-  "version": "0.33.6",
-  "description": "Elm-inspired UI framework powered by Effect",
+  "version": "0.34.1",
+  "description": "A frontend framework for TypeScript, built on Effect, using The Elm Architecture",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -154,7 +154,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/devinjameson/foldkit.git",
+    "url": "https://github.com/foldkit/foldkit.git",
     "directory": "packages/foldkit"
   },
   "dependencies": {