@uifn/core 0.0.1

package/dist/chunk-KUFZSXA5.js

@@ -0,0 +1,149 @@
+'use strict';
+
+var chunkL67UQEPI_js = require('./chunk-L67UQEPI.js');
+var chunkK3WYDUIN_js = require('./chunk-K3WYDUIN.js');
+var chunkEKMJ2G7A_js = require('./chunk-EKMJ2G7A.js');
+var chunkZ4Q2AFMC_js = require('./chunk-Z4Q2AFMC.js');
+
+// src/primitives/checkbox.ts
+function getAriaChecked(checked) {
+  if (checked === "indeterminate") {
+    return "mixed";
+  }
+  return checked ? "true" : "false";
+}
+function getFormValue(name, value, checked) {
+  if (!name || checked !== true) {
+    return {};
+  }
+  return {
+    [name]: value
+  };
+}
+function createCheckbox(props) {
+  props.checked ?? props.defaultChecked ?? false;
+  const disabled = props.disabled ?? false;
+  const required = props.required ?? false;
+  const value = props.value ?? "on";
+  const name = props.name;
+  const controlledState = chunkL67UQEPI_js.createControllableStateController({
+    value: props.checked,
+    defaultValue: props.defaultChecked ?? false,
+    onChange: props.onCheckedChange
+  });
+  const store = chunkK3WYDUIN_js.createStore({
+    checked: controlledState.getValue(),
+    controlled: controlledState.isControlled(),
+    disabled,
+    required,
+    name,
+    value,
+    ariaChecked: getAriaChecked(controlledState.getValue()),
+    formValue: getFormValue(name, value, controlledState.getValue()),
+    lastError: null
+  });
+  const emitChecked = (nextChecked, meta) => {
+    const result = meta.source === "controlled-sync" ? controlledState.syncValue(nextChecked) : controlledState.requestValue(nextChecked);
+    store.patchState(
+      {
+        checked: result.value,
+        ariaChecked: getAriaChecked(result.value),
+        formValue: getFormValue(name, value, result.value),
+        lastChangeMeta: meta,
+        lastError: null
+      },
+      meta
+    );
+  };
+  const ensureEnabled = () => {
+    const state = store.getState();
+    if (!state.disabled) {
+      return true;
+    }
+    store.patchState({
+      lastError: chunkEKMJ2G7A_js.createUIFnError({
+        code: "UIFN_ERR_DISABLED_INTERACTION",
+        package: "@uifn/core",
+        component: "Checkbox",
+        message: "Disabled controls MUST ignore state-changing input.",
+        recoverable: true
+      })
+    });
+    return false;
+  };
+  const actions = {
+    setChecked(checked) {
+      if (!ensureEnabled()) {
+        return;
+      }
+      const state = store.getState();
+      if (state.checked === checked) {
+        return;
+      }
+      emitChecked(checked, {
+        source: "programmatic",
+        reason: "set-checked",
+        previousValue: state.checked,
+        nextValue: checked
+      });
+    },
+    toggle() {
+      if (!ensureEnabled()) {
+        return;
+      }
+      const state = store.getState();
+      const nextChecked = state.checked === "indeterminate" ? true : !state.checked;
+      emitChecked(nextChecked, {
+        source: "user",
+        reason: "toggle",
+        previousValue: state.checked,
+        nextValue: nextChecked,
+        inputModality: "pointer"
+      });
+    },
+    handleKeyDown(key) {
+      if (key !== chunkZ4Q2AFMC_js.K.SPACE) {
+        return;
+      }
+      if (!ensureEnabled()) {
+        return;
+      }
+      const state = store.getState();
+      const nextChecked = state.checked === "indeterminate" ? true : !state.checked;
+      emitChecked(nextChecked, {
+        source: "user",
+        reason: "keyboard-toggle",
+        previousValue: state.checked,
+        nextValue: nextChecked,
+        inputModality: "keyboard"
+      });
+    },
+    syncChecked(checked) {
+      const state = store.getState();
+      if (state.checked === checked) {
+        return;
+      }
+      emitChecked(checked, {
+        source: "controlled-sync",
+        reason: "sync-checked",
+        previousValue: state.checked,
+        nextValue: checked
+      });
+    },
+    getFormValue() {
+      return store.getState().formValue;
+    }
+  };
+  return {
+    get state() {
+      return store.getState();
+    },
+    actions,
+    getState: store.getState,
+    subscribe: store.subscribe
+  };
+}
+
+exports.createCheckbox = createCheckbox;
+//# sourceMappingURL=chunk-KUFZSXA5.js.map
+//# sourceMappingURL=chunk-KUFZSXA5.js.map

package/dist/chunk-KUFZSXA5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/checkbox.ts"],"names":["createControllableStateController","createStore","createUIFnError","K"],"mappings":"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","file":"chunk-KUFZSXA5.js","sourcesContent":["import { createUIFnError, type UIFnError } from '../errors';\nimport { K } from '../aria/keys';\nimport { createControllableStateController } from '../state/machine';\nimport { type ChangeMeta, createStore } from './shared';\n\nexport type CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps {\n  checked?: CheckedState;\n  defaultChecked?: CheckedState;\n  required?: boolean;\n  disabled?: boolean;\n  name?: string;\n  value?: string;\n  onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport interface CheckboxState {\n  checked: CheckedState;\n  controlled: boolean;\n  disabled: boolean;\n  required: boolean;\n  name?: string;\n  value: string;\n  ariaChecked: 'true' | 'false' | 'mixed';\n  formValue: Record<string, string>;\n  lastChangeMeta?: ChangeMeta<CheckedState>;\n  lastError: UIFnError | null;\n}\n\nexport interface CheckboxActions {\n  setChecked: (checked: CheckedState) => void;\n  toggle: () => void;\n  handleKeyDown: (key: string) => void;\n  syncChecked: (checked: CheckedState) => void;\n  getFormValue: () => Record<string, string>;\n}\n\nexport interface CheckboxMachine {\n  readonly state: CheckboxState;\n  readonly actions: CheckboxActions;\n  getState: () => CheckboxState;\n  subscribe: (callback: (state: CheckboxState, meta?: ChangeMeta<CheckedState>) => void) => () => void;\n}\n\nfunction getAriaChecked(checked: CheckedState): 'true' | 'false' | 'mixed' {\n  if (checked === 'indeterminate') {\n    return 'mixed';\n  }\n  return checked ? 'true' : 'false';\n}\n\nfunction getFormValue(name: string | undefined, value: string, checked: CheckedState): Record<string, string> {\n  if (!name || checked !== true) {\n    return {};\n  }\n\n  return {\n    [name]: value,\n  };\n}\n\nexport function createCheckbox(props: CheckboxProps): CheckboxMachine {\n  const initialChecked = props.checked ?? props.defaultChecked ?? false;\n  const disabled = props.disabled ?? false;\n  const required = props.required ?? false;\n  const value = props.value ?? 'on';\n  const name = props.name;\n  const controlledState = createControllableStateController<CheckedState>({\n    value: props.checked,\n    defaultValue: props.defaultChecked ?? false,\n    onChange: props.onCheckedChange,\n  });\n\n  const store = createStore<CheckboxState, CheckedState>({\n    checked: controlledState.getValue(),\n    controlled: controlledState.isControlled(),\n    disabled,\n    required,\n    name,\n    value,\n    ariaChecked: getAriaChecked(controlledState.getValue()),\n    formValue: getFormValue(name, value, controlledState.getValue()),\n    lastError: null,\n  });\n\n  const emitChecked = (nextChecked: CheckedState, meta: ChangeMeta<CheckedState>) => {\n    const result =\n      meta.source === 'controlled-sync'\n        ? controlledState.syncValue(nextChecked)\n        : controlledState.requestValue(nextChecked);\n    store.patchState(\n      {\n        checked: result.value,\n        ariaChecked: getAriaChecked(result.value),\n        formValue: getFormValue(name, value, result.value),\n        lastChangeMeta: meta,\n        lastError: null,\n      },\n      meta\n    );\n  };\n\n  const ensureEnabled = (): boolean => {\n    const state = store.getState();\n    if (!state.disabled) {\n      return true;\n    }\n\n    store.patchState({\n      lastError: createUIFnError({\n        code: 'UIFN_ERR_DISABLED_INTERACTION',\n        package: '@uifn/core',\n        component: 'Checkbox',\n        message: 'Disabled controls MUST ignore state-changing input.',\n        recoverable: true,\n      }),\n    });\n    return false;\n  };\n\n  const actions: CheckboxActions = {\n    setChecked(checked) {\n      if (!ensureEnabled()) {\n        return;\n      }\n      const state = store.getState();\n      if (state.checked === checked) {\n        return;\n      }\n      emitChecked(checked, {\n        source: 'programmatic',\n        reason: 'set-checked',\n        previousValue: state.checked,\n        nextValue: checked,\n      });\n    },\n    toggle() {\n      if (!ensureEnabled()) {\n        return;\n      }\n\n      const state = store.getState();\n      const nextChecked = state.checked === 'indeterminate' ? true : !state.checked;\n      emitChecked(nextChecked, {\n        source: 'user',\n        reason: 'toggle',\n        previousValue: state.checked,\n        nextValue: nextChecked,\n        inputModality: 'pointer',\n      });\n    },\n    handleKeyDown(key) {\n      if (key !== K.SPACE) {\n        return;\n      }\n\n      if (!ensureEnabled()) {\n        return;\n      }\n\n      const state = store.getState();\n      const nextChecked = state.checked === 'indeterminate' ? true : !state.checked;\n      emitChecked(nextChecked, {\n        source: 'user',\n        reason: 'keyboard-toggle',\n        previousValue: state.checked,\n        nextValue: nextChecked,\n        inputModality: 'keyboard',\n      });\n    },\n    syncChecked(checked) {\n      const state = store.getState();\n      if (state.checked === checked) {\n        return;\n      }\n\n      emitChecked(checked, {\n        source: 'controlled-sync',\n        reason: 'sync-checked',\n        previousValue: state.checked,\n        nextValue: checked,\n      });\n    },\n    getFormValue() {\n      return store.getState().formValue;\n    },\n  };\n\n  return {\n    get state() {\n      return store.getState();\n    },\n    actions,\n    getState: store.getState,\n    subscribe: store.subscribe,\n  };\n}\n"]}

package/dist/chunk-KW66AOEN.mjs

@@ -0,0 +1,134 @@
+import { getNextRovingFocusIndex } from './chunk-6Y53W77O.mjs';
+import { createStore } from './chunk-LNJ2UKA3.mjs';
+import { createUIFnError } from './chunk-HTTKRX7S.mjs';
+
+// src/primitives/toolbar.ts
+function normalizeItems(items) {
+  const dedupe = /* @__PURE__ */ new Map();
+  (items ?? []).forEach((item) => {
+    dedupe.set(item.id, item);
+  });
+  return Array.from(dedupe.values());
+}
+function resolveGroups(items) {
+  return items.reduce((acc, item) => {
+    if (!item.group) {
+      return acc;
+    }
+    const existing = acc[item.group] ?? [];
+    acc[item.group] = [...existing, item.id];
+    return acc;
+  }, {});
+}
+function getEnabledItemIds(items) {
+  return items.filter((item) => !item.disabled).map((item) => item.id);
+}
+function createToolbar(props) {
+  const items = normalizeItems(props.items);
+  const enabledItems = getEnabledItemIds(items);
+  const store = createStore({
+    orientation: props.orientation ?? "horizontal",
+    items,
+    focusedItem: enabledItems[0] ?? null,
+    groups: resolveGroups(items),
+    lastError: null
+  });
+  const actions = {
+    registerItem(item) {
+      const state = store.getState();
+      if (state.items.some((entry) => entry.id === item.id)) {
+        return;
+      }
+      const nextItems = [...state.items, item];
+      const nextEnabled = getEnabledItemIds(nextItems);
+      store.patchState({
+        items: nextItems,
+        groups: resolveGroups(nextItems),
+        focusedItem: state.focusedItem ?? nextEnabled[0] ?? null
+      });
+    },
+    setItems(nextItems) {
+      const normalized = normalizeItems(nextItems);
+      const nextEnabled = getEnabledItemIds(normalized);
+      const state = store.getState();
+      store.patchState({
+        items: normalized,
+        groups: resolveGroups(normalized),
+        focusedItem: nextEnabled.includes(state.focusedItem ?? "") ? state.focusedItem : nextEnabled[0] ?? null
+      });
+    },
+    focusItem(itemId) {
+      const state = store.getState();
+      if (itemId === null) {
+        store.patchState({
+          focusedItem: null
+        });
+        return;
+      }
+      if (!getEnabledItemIds(state.items).includes(itemId)) {
+        return;
+      }
+      store.patchState({
+        focusedItem: itemId
+      });
+    },
+    handleKeyDown(key, currentItem) {
+      const state = store.getState();
+      const enabled = getEnabledItemIds(state.items);
+      if (enabled.length === 0) {
+        return null;
+      }
+      const current = currentItem ?? state.focusedItem ?? enabled[0];
+      const currentIndex = Math.max(0, enabled.indexOf(current));
+      const nextIndex = getNextRovingFocusIndex({
+        key,
+        itemCount: enabled.length,
+        currentIndex,
+        orientation: state.orientation
+      });
+      if (nextIndex < 0) {
+        return null;
+      }
+      const nextItem = enabled[nextIndex] ?? null;
+      if (!nextItem) {
+        return null;
+      }
+      store.patchState({
+        focusedItem: nextItem
+      });
+      return nextItem;
+    },
+    getGroupItems(group) {
+      const state = store.getState();
+      const groupItems = state.groups[group];
+      if (!groupItems) {
+        store.patchState({
+          lastError: createUIFnError({
+            code: "UIFN_ERR_INVALID_VALUE",
+            package: "@uifn/core",
+            component: "Toolbar",
+            message: "Toolbar orientation and grouping semantics are documented and tested.",
+            recoverable: true,
+            details: {
+              group
+            }
+          })
+        });
+        return [];
+      }
+      return groupItems;
+    }
+  };
+  return {
+    get state() {
+      return store.getState();
+    },
+    actions,
+    getState: store.getState,
+    subscribe: store.subscribe
+  };
+}
+
+export { createToolbar };
+//# sourceMappingURL=chunk-KW66AOEN.mjs.map
+//# sourceMappingURL=chunk-KW66AOEN.mjs.map

package/dist/chunk-KW66AOEN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/toolbar.ts"],"names":[],"mappings":"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","file":"chunk-KW66AOEN.mjs","sourcesContent":["import { createUIFnError, type UIFnError } from '../errors';\nimport { getNextRovingFocusIndex } from '../utils/roving-focus';\nimport { createStore } from './shared';\n\nexport interface ToolbarItem {\n  id: string;\n  group?: string;\n  disabled?: boolean;\n}\n\nexport interface ToolbarProps {\n  orientation?: 'horizontal' | 'vertical';\n  items?: ToolbarItem[];\n}\n\nexport interface ToolbarState {\n  orientation: 'horizontal' | 'vertical';\n  items: ToolbarItem[];\n  focusedItem: string | null;\n  groups: Record<string, string[]>;\n  lastError: UIFnError | null;\n}\n\nexport interface ToolbarActions {\n  registerItem: (item: ToolbarItem) => void;\n  setItems: (items: ToolbarItem[]) => void;\n  focusItem: (itemId: string | null) => void;\n  handleKeyDown: (key: string, currentItem?: string | null) => string | null;\n  getGroupItems: (group: string) => string[];\n}\n\nexport interface ToolbarMachine {\n  readonly state: ToolbarState;\n  readonly actions: ToolbarActions;\n  getState: () => ToolbarState;\n  subscribe: (callback: (state: ToolbarState) => void) => () => void;\n}\n\nfunction normalizeItems(items: ToolbarItem[] | undefined): ToolbarItem[] {\n  const dedupe = new Map<string, ToolbarItem>();\n  (items ?? []).forEach((item) => {\n    dedupe.set(item.id, item);\n  });\n\n  return Array.from(dedupe.values());\n}\n\nfunction resolveGroups(items: ToolbarItem[]): Record<string, string[]> {\n  return items.reduce<Record<string, string[]>>((acc, item) => {\n    if (!item.group) {\n      return acc;\n    }\n\n    const existing = acc[item.group] ?? [];\n    acc[item.group] = [...existing, item.id];\n    return acc;\n  }, {});\n}\n\nfunction getEnabledItemIds(items: ToolbarItem[]): string[] {\n  return items.filter((item) => !item.disabled).map((item) => item.id);\n}\n\nexport function createToolbar(props: ToolbarProps): ToolbarMachine {\n  const items = normalizeItems(props.items);\n  const enabledItems = getEnabledItemIds(items);\n  const store = createStore<ToolbarState>({\n    orientation: props.orientation ?? 'horizontal',\n    items,\n    focusedItem: enabledItems[0] ?? null,\n    groups: resolveGroups(items),\n    lastError: null,\n  });\n\n  const actions: ToolbarActions = {\n    registerItem(item) {\n      const state = store.getState();\n      if (state.items.some((entry) => entry.id === item.id)) {\n        return;\n      }\n\n      const nextItems = [...state.items, item];\n      const nextEnabled = getEnabledItemIds(nextItems);\n      store.patchState({\n        items: nextItems,\n        groups: resolveGroups(nextItems),\n        focusedItem: state.focusedItem ?? nextEnabled[0] ?? null,\n      });\n    },\n    setItems(nextItems) {\n      const normalized = normalizeItems(nextItems);\n      const nextEnabled = getEnabledItemIds(normalized);\n      const state = store.getState();\n      store.patchState({\n        items: normalized,\n        groups: resolveGroups(normalized),\n        focusedItem: nextEnabled.includes(state.focusedItem ?? '')\n          ? state.focusedItem\n          : nextEnabled[0] ?? null,\n      });\n    },\n    focusItem(itemId) {\n      const state = store.getState();\n      if (itemId === null) {\n        store.patchState({\n          focusedItem: null,\n        });\n        return;\n      }\n\n      if (!getEnabledItemIds(state.items).includes(itemId)) {\n        return;\n      }\n\n      store.patchState({\n        focusedItem: itemId,\n      });\n    },\n    handleKeyDown(key, currentItem) {\n      const state = store.getState();\n      const enabled = getEnabledItemIds(state.items);\n      if (enabled.length === 0) {\n        return null;\n      }\n\n      const current = currentItem ?? state.focusedItem ?? enabled[0];\n      const currentIndex = Math.max(0, enabled.indexOf(current));\n      const nextIndex = getNextRovingFocusIndex({\n        key,\n        itemCount: enabled.length,\n        currentIndex,\n        orientation: state.orientation,\n      });\n\n      if (nextIndex < 0) {\n        return null;\n      }\n\n      const nextItem = enabled[nextIndex] ?? null;\n      if (!nextItem) {\n        return null;\n      }\n\n      store.patchState({\n        focusedItem: nextItem,\n      });\n      return nextItem;\n    },\n    getGroupItems(group) {\n      const state = store.getState();\n      const groupItems = state.groups[group];\n      if (!groupItems) {\n        store.patchState({\n          lastError: createUIFnError({\n            code: 'UIFN_ERR_INVALID_VALUE',\n            package: '@uifn/core',\n            component: 'Toolbar',\n            message: 'Toolbar orientation and grouping semantics are documented and tested.',\n            recoverable: true,\n            details: {\n              group,\n            },\n          }),\n        });\n        return [];\n      }\n\n      return groupItems;\n    },\n  };\n\n  return {\n    get state() {\n      return store.getState();\n    },\n    actions,\n    getState: store.getState,\n    subscribe: store.subscribe,\n  };\n}\n"]}

package/dist/chunk-L67UQEPI.js

@@ -0,0 +1,98 @@
+'use strict';
+
+// src/state/machine.ts
+var StateMachine = class {
+  constructor(config) {
+    this._listeners = /* @__PURE__ */ new Set();
+    this._config = config;
+    this._state = config.initial;
+    this._context = { ...config.context };
+  }
+  get state() {
+    return this._state;
+  }
+  get context() {
+    return this._context;
+  }
+  send(event) {
+    const currentStateConfig = this._config.states[this._state];
+    const transition = currentStateConfig.on?.[event.type];
+    if (!transition) return;
+    let target = this._state;
+    let actions = [];
+    if (typeof transition === "string") {
+      target = transition;
+    } else {
+      if (transition.cond && !transition.cond(this._context, event)) {
+        return;
+      }
+      if (transition.target) target = transition.target;
+      if (transition.actions) actions = transition.actions;
+    }
+    actions.forEach((action) => action(this._context, event));
+    if (target !== this._state) {
+      currentStateConfig.exit?.forEach((action) => action(this._context, event));
+      this._state = target;
+      const nextStateConfig = this._config.states[target];
+      nextStateConfig.entry?.forEach((action) => action(this._context, event));
+      this._notify();
+    }
+  }
+  subscribe(listener) {
+    this._listeners.add(listener);
+    listener(this._state, this._context);
+    return () => {
+      this._listeners.delete(listener);
+    };
+  }
+  _notify() {
+    this._listeners.forEach((listener) => listener(this._state, this._context));
+  }
+};
+function createMachine(config) {
+  return new StateMachine(config);
+}
+function createControllableStateController(options) {
+  const controlled = options.value !== void 0;
+  const isEqual = options.isEqual ?? Object.is;
+  let currentValue = controlled ? options.value : options.defaultValue;
+  return {
+    isControlled() {
+      return controlled;
+    },
+    getValue() {
+      return currentValue;
+    },
+    requestValue(nextValue) {
+      const previousValue = currentValue;
+      const changed = !isEqual(previousValue, nextValue);
+      if (!controlled) {
+        currentValue = nextValue;
+      }
+      if (changed) {
+        options.onChange?.(nextValue);
+      }
+      return {
+        value: controlled ? previousValue : currentValue,
+        changed,
+        controlled
+      };
+    },
+    syncValue(nextValue) {
+      const previousValue = currentValue;
+      const changed = !isEqual(previousValue, nextValue);
+      currentValue = nextValue;
+      return {
+        value: currentValue,
+        changed,
+        controlled
+      };
+    }
+  };
+}
+
+exports.StateMachine = StateMachine;
+exports.createControllableStateController = createControllableStateController;
+exports.createMachine = createMachine;
+//# sourceMappingURL=chunk-L67UQEPI.js.map
+//# sourceMappingURL=chunk-L67UQEPI.js.map

package/dist/chunk-L67UQEPI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/machine.ts"],"names":[],"mappings":"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","file":"chunk-L67UQEPI.js","sourcesContent":["export type EventObject = { type: string; [key: string]: any };\nexport type StateConfig<TContext, TEvent extends EventObject> = {\n  value: string;\n  context: TContext;\n  event: TEvent;\n};\n\nexport type Transition<TContext, TEvent extends EventObject> = \n  | string // Target state\n  | {\n      target?: string;\n      actions?: Array<(context: TContext, event: TEvent) => void>;\n      cond?: (context: TContext, event: TEvent) => boolean;\n    };\n\nexport type MachineConfig<TContext, TEvent extends EventObject> = {\n  initial: string;\n  context: TContext;\n  states: {\n    [key: string]: {\n      on?: {\n        [K in TEvent['type']]?: Transition<TContext, TEvent & { type: K }>;\n      };\n      entry?: Array<(context: TContext, event: TEvent) => void>;\n      exit?: Array<(context: TContext, event: TEvent) => void>;\n    };\n  };\n};\n\nexport class StateMachine<TContext, TEvent extends EventObject> {\n  private _state: string;\n  private _context: TContext;\n  private _config: MachineConfig<TContext, TEvent>;\n  private _listeners: Set<(state: string, context: TContext) => void> = new Set();\n\n  constructor(config: MachineConfig<TContext, TEvent>) {\n    this._config = config;\n    this._state = config.initial;\n    this._context = { ...config.context };\n  }\n\n  get state() {\n    return this._state;\n  }\n\n  get context() {\n    return this._context;\n  }\n\n  send(event: TEvent) {\n    const currentStateConfig = this._config.states[this._state];\n    const transition = currentStateConfig.on?.[event.type as keyof typeof currentStateConfig.on] as Transition<TContext, TEvent> | undefined;\n\n    if (!transition) return;\n\n    // Resolve transition\n    let target = this._state;\n    let actions: Array<(context: TContext, event: TEvent) => void> = [];\n\n    if (typeof transition === 'string') {\n      target = transition;\n    } else {\n      if (transition.cond && !transition.cond(this._context, event)) {\n        return;\n      }\n      if (transition.target) target = transition.target;\n      if (transition.actions) actions = transition.actions;\n    }\n\n    // Execute actions\n    actions.forEach(action => action(this._context, event));\n\n    // Transition if state changed\n    if (target !== this._state) {\n        // Exit current\n        currentStateConfig.exit?.forEach(action => action(this._context, event));\n        \n        this._state = target;\n        \n        // Entry next\n        const nextStateConfig = this._config.states[target];\n        nextStateConfig.entry?.forEach(action => action(this._context, event));\n        \n        this._notify();\n    }\n  }\n\n  subscribe(listener: (state: string, context: TContext) => void) {\n    this._listeners.add(listener);\n    listener(this._state, this._context);\n    return () => {\n      this._listeners.delete(listener);\n    };\n  }\n\n  private _notify() {\n    this._listeners.forEach(listener => listener(this._state, this._context));\n  }\n}\n\nexport function createMachine<TContext, TEvent extends EventObject>(\n  config: MachineConfig<TContext, TEvent>\n) {\n  return new StateMachine(config);\n}\n\nexport interface ControllableStateControllerOptions<TValue> {\n  value?: TValue;\n  defaultValue: TValue;\n  onChange?: (value: TValue) => void;\n  isEqual?: (a: TValue, b: TValue) => boolean;\n}\n\nexport interface ControllableStateRequestResult<TValue> {\n  value: TValue;\n  changed: boolean;\n  controlled: boolean;\n}\n\nexport interface ControllableStateController<TValue> {\n  isControlled: () => boolean;\n  getValue: () => TValue;\n  requestValue: (nextValue: TValue) => ControllableStateRequestResult<TValue>;\n  syncValue: (nextValue: TValue) => ControllableStateRequestResult<TValue>;\n}\n\nexport function createControllableStateController<TValue>(\n  options: ControllableStateControllerOptions<TValue>\n): ControllableStateController<TValue> {\n  const controlled = options.value !== undefined;\n  const isEqual = options.isEqual ?? Object.is;\n  let currentValue = controlled ? (options.value as TValue) : options.defaultValue;\n\n  return {\n    isControlled() {\n      return controlled;\n    },\n    getValue() {\n      return currentValue;\n    },\n    requestValue(nextValue) {\n      const previousValue = currentValue;\n      const changed = !isEqual(previousValue, nextValue);\n\n      if (!controlled) {\n        currentValue = nextValue;\n      }\n\n      if (changed) {\n        options.onChange?.(nextValue);\n      }\n\n      return {\n        value: controlled ? previousValue : currentValue,\n        changed,\n        controlled,\n      };\n    },\n    syncValue(nextValue) {\n      const previousValue = currentValue;\n      const changed = !isEqual(previousValue, nextValue);\n      currentValue = nextValue;\n\n      return {\n        value: currentValue,\n        changed,\n        controlled,\n      };\n    },\n  };\n}\n"]}

package/dist/chunk-LJHGAEQO.mjs

@@ -0,0 +1,243 @@
+import { getNextEnabledRovingFocusIndex } from './chunk-6Y53W77O.mjs';
+import { createControllableStateController } from './chunk-RPH4AAZZ.mjs';
+import { uniqueStrings, createStore } from './chunk-LNJ2UKA3.mjs';
+import { createUIFnError } from './chunk-HTTKRX7S.mjs';
+
+// src/primitives/tabs.ts
+function getEnabledTabsItems(items, disabledItems) {
+  return items.filter((item) => !disabledItems.includes(item));
+}
+function validateTabsValue(value, items, disabledItems) {
+  if (!value || items.length === 0) {
+    return;
+  }
+  if (!items.includes(value) || disabledItems.includes(value)) {
+    throw createUIFnError({
+      code: "UIFN_ERR_INVALID_VALUE",
+      package: "@uifn/core",
+      component: "Tabs",
+      message: "Invalid external values MUST be handled deterministically.",
+      details: {
+        value,
+        items,
+        disabledItems
+      }
+    });
+  }
+}
+function createTabs(props) {
+  const orientation = props.orientation ?? "horizontal";
+  const activationMode = props.activationMode ?? "automatic";
+  const disabled = props.disabled ?? false;
+  const items = uniqueStrings(props.items ?? []);
+  const disabledItems = uniqueStrings(props.disabledItems ?? []).filter(
+    (item) => items.includes(item)
+  );
+  const initialValue = props.value ?? props.defaultValue ?? "";
+  const controlledState = createControllableStateController({
+    value: props.value,
+    defaultValue: props.defaultValue ?? "",
+    onChange: props.onValueChange
+  });
+  const initialFocusedItem = initialValue || getEnabledTabsItems(items, disabledItems)[0] || items[0] || null;
+  validateTabsValue(initialValue, items, disabledItems);
+  const store = createStore({
+    value: controlledState.getValue(),
+    orientation,
+    activationMode,
+    controlled: controlledState.isControlled(),
+    disabled,
+    items,
+    disabledItems,
+    focusedItem: initialFocusedItem,
+    lastError: null
+  });
+  const emitValue = (nextValue, meta, options = {}) => {
+    const state = store.getState();
+    validateTabsValue(nextValue, state.items, state.disabledItems);
+    const result = options.preserveValue ? {
+      value: state.value,
+      controlled: controlledState.isControlled()
+    } : meta.source === "controlled-sync" ? controlledState.syncValue(nextValue) : controlledState.requestValue(nextValue);
+    store.patchState(
+      {
+        value: result.value,
+        focusedItem: options.focusedItem === void 0 ? nextValue || state.focusedItem : options.focusedItem,
+        lastChangeMeta: meta,
+        lastError: null
+      },
+      meta
+    );
+  };
+  const actions = {
+    setValue(nextValue) {
+      const state = store.getState();
+      if (state.disabled) {
+        store.patchState({
+          lastError: createUIFnError({
+            code: "UIFN_ERR_DISABLED_INTERACTION",
+            package: "@uifn/core",
+            component: "Tabs",
+            message: "Disabled controls MUST ignore state-changing input.",
+            recoverable: true
+          })
+        });
+        return;
+      }
+      if (state.disabledItems.includes(nextValue)) {
+        store.patchState({
+          lastError: createUIFnError({
+            code: "UIFN_ERR_DISABLED_INTERACTION",
+            package: "@uifn/core",
+            component: "Tabs",
+            message: "Disabled controls MUST ignore state-changing input.",
+            recoverable: true
+          })
+        });
+        return;
+      }
+      if (state.value === nextValue) {
+        return;
+      }
+      emitValue(nextValue, {
+        source: "programmatic",
+        reason: "set-value",
+        previousValue: state.value,
+        nextValue
+      });
+    },
+    registerItem(value, itemDisabled = false) {
+      const state = store.getState();
+      if (state.items.includes(value)) {
+        if (itemDisabled !== state.disabledItems.includes(value)) {
+          actions.setItemDisabled(value, itemDisabled);
+        }
+        return;
+      }
+      const nextItems = [...state.items, value];
+      const nextDisabledItems = itemDisabled ? uniqueStrings([...state.disabledItems, value]) : state.disabledItems;
+      validateTabsValue(state.value, nextItems, nextDisabledItems);
+      store.patchState({
+        items: nextItems,
+        disabledItems: nextDisabledItems,
+        focusedItem: state.focusedItem ?? (itemDisabled ? null : value),
+        lastError: null
+      });
+    },
+    unregisterItem(value) {
+      const state = store.getState();
+      const nextItems = state.items.filter((entry) => entry !== value);
+      const nextDisabledItems = state.disabledItems.filter((entry) => entry !== value);
+      const enabledItems = getEnabledTabsItems(nextItems, nextDisabledItems);
+      const nextValue = state.value === value ? enabledItems[0] ?? nextItems[0] ?? "" : state.value;
+      if (nextValue !== state.value) {
+        controlledState.syncValue(nextValue);
+      }
+      store.patchState({
+        items: nextItems,
+        disabledItems: nextDisabledItems,
+        value: nextValue,
+        focusedItem: state.focusedItem === value ? enabledItems[0] ?? nextItems[0] ?? null : state.focusedItem
+      });
+    },
+    setItemDisabled(value, itemDisabled) {
+      const state = store.getState();
+      if (!state.items.includes(value)) {
+        return;
+      }
+      const nextDisabledItems = itemDisabled ? uniqueStrings([...state.disabledItems, value]) : state.disabledItems.filter((entry) => entry !== value);
+      const enabledItems = getEnabledTabsItems(state.items, nextDisabledItems);
+      const nextValue = itemDisabled && state.value === value ? "" : state.value;
+      const nextFocusedItem = itemDisabled && state.focusedItem === value ? enabledItems[0] ?? state.items[0] ?? null : state.focusedItem;
+      if (nextValue !== state.value) {
+        controlledState.syncValue(nextValue);
+      }
+      store.patchState({
+        disabledItems: nextDisabledItems,
+        value: nextValue,
+        focusedItem: nextFocusedItem
+      });
+    },
+    focusItem(value) {
+      const state = store.getState();
+      if (!state.items.includes(value) || state.disabledItems.includes(value)) {
+        return;
+      }
+      store.patchState({
+        focusedItem: value
+      });
+    },
+    handleKeyDown(key, currentItem) {
+      const state = store.getState();
+      const enabledItems = getEnabledTabsItems(state.items, state.disabledItems);
+      if (enabledItems.length === 0) {
+        return null;
+      }
+      const current = enabledItems.includes(currentItem) ? currentItem : enabledItems.includes(state.focusedItem ?? "") ? state.focusedItem : enabledItems[0];
+      const currentIndex = Math.max(0, enabledItems.indexOf(current));
+      const nextIndex = getNextEnabledRovingFocusIndex({
+        key,
+        itemCount: enabledItems.length,
+        currentIndex,
+        orientation: state.orientation
+      });
+      if (nextIndex < 0 || nextIndex === currentIndex) {
+        return null;
+      }
+      const nextItem = enabledItems[nextIndex] ?? null;
+      if (!nextItem) {
+        return null;
+      }
+      if (state.activationMode === "automatic") {
+        emitValue(nextItem, {
+          source: "user",
+          reason: "keyboard-navigation",
+          previousValue: state.value,
+          nextValue: nextItem,
+          inputModality: "keyboard"
+        });
+      } else {
+        emitValue(
+          state.value,
+          {
+            source: "user",
+            reason: "keyboard-navigation",
+            previousValue: state.value,
+            nextValue: state.value,
+            inputModality: "keyboard"
+          },
+          {
+            preserveValue: true,
+            focusedItem: nextItem
+          }
+        );
+      }
+      return nextItem;
+    },
+    syncValue(value) {
+      const state = store.getState();
+      if (state.value === value) {
+        return;
+      }
+      emitValue(value, {
+        source: "controlled-sync",
+        reason: "sync-value",
+        previousValue: state.value,
+        nextValue: value
+      });
+    }
+  };
+  return {
+    get state() {
+      return store.getState();
+    },
+    actions,
+    setValue: actions.setValue,
+    getState: store.getState,
+    subscribe: store.subscribe
+  };
+}
+
+export { createTabs };
+//# sourceMappingURL=chunk-LJHGAEQO.mjs.map
+//# sourceMappingURL=chunk-LJHGAEQO.mjs.map