@huin-core/react-toggle-group 1.0.2 → 1.0.3

package/dist/index.d.mts

@@ -0,0 +1,104 @@
+import * as React from 'react';
+import React__default from 'react';
+import { Primitive } from '@huin-core/react-primitive';
+import * as RovingFocusGroup from '@huin-core/react-roving-focus';
+
+type Scope<C = any> = {
+    [scopeName: string]: React.Context<C>[];
+} | undefined;
+type ScopeHook = (scope: Scope) => {
+    [__scopeProp: string]: Scope;
+};
+interface CreateScope {
+    scopeName: string;
+    (): ScopeHook;
+}
+
+declare const createToggleGroupScope: CreateScope;
+interface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {
+    type: 'single';
+}
+interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {
+    type: 'multiple';
+}
+declare const ToggleGroup: React__default.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React__default.RefAttributes<HTMLDivElement>>;
+interface ToggleGroupImplSingleProps extends ToggleGroupImplProps {
+    /**
+     * The controlled stateful value of the item that is pressed.
+     */
+    value?: string;
+    /**
+     * The value of the item that is pressed when initially rendered. Use
+     * `defaultValue` if you do not need to control the state of a toggle group.
+     */
+    defaultValue?: string;
+    /**
+     * The callback that fires when the value of the toggle group changes.
+     */
+    onValueChange?(value: string): void;
+}
+interface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {
+    /**
+     * The controlled stateful value of the items that are pressed.
+     */
+    value?: string[];
+    /**
+     * The value of the items that are pressed when initially rendered. Use
+     * `defaultValue` if you do not need to control the state of a toggle group.
+     */
+    defaultValue?: string[];
+    /**
+     * The callback that fires when the state of the toggle group changes.
+     */
+    onValueChange?(value: string[]): void;
+}
+type RovingFocusGroupProps = React__default.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;
+type PrimitiveDivProps = React__default.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface ToggleGroupImplProps extends PrimitiveDivProps {
+    /**
+     * Whether the group is disabled from user interaction.
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the group should maintain roving focus of its buttons.
+     * @defaultValue true
+     */
+    rovingFocus?: boolean;
+    loop?: RovingFocusGroupProps["loop"];
+    orientation?: RovingFocusGroupProps["orientation"];
+    dir?: RovingFocusGroupProps["dir"];
+}
+declare const Root: React__default.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React__default.RefAttributes<HTMLDivElement>>;
+
+type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface ToggleProps$1 extends PrimitiveButtonProps {
+    /**
+     * The controlled state of the toggle.
+     */
+    pressed?: boolean;
+    /**
+     * The state of the toggle when initially rendered. Use `defaultPressed`
+     * if you do not need to control the state of the toggle.
+     * @defaultValue false
+     */
+    defaultPressed?: boolean;
+    /**
+     * The callback that fires when the state of the toggle changes.
+     */
+    onPressedChange?(pressed: boolean): void;
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps$1 & React.RefAttributes<HTMLButtonElement>>;
+
+interface ToggleGroupItemProps extends Omit<ToggleGroupItemImplProps, "pressed"> {
+}
+declare const ToggleGroupItem: React__default.ForwardRefExoticComponent<ToggleGroupItemProps & React__default.RefAttributes<HTMLButtonElement>>;
+type ToggleProps = React__default.ComponentPropsWithoutRef<typeof Toggle>;
+interface ToggleGroupItemImplProps extends Omit<ToggleProps, "defaultPressed" | "onPressedChange"> {
+    /**
+     * A string value for the toggle group item. All items within a toggle group should use a unique value.
+     */
+    value: string;
+}
+
+export { Root, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupSingleProps, createToggleGroupScope };

package/dist/index.d.ts

@@ -0,0 +1,104 @@
+import * as React from 'react';
+import React__default from 'react';
+import { Primitive } from '@huin-core/react-primitive';
+import * as RovingFocusGroup from '@huin-core/react-roving-focus';
+
+type Scope<C = any> = {
+    [scopeName: string]: React.Context<C>[];
+} | undefined;
+type ScopeHook = (scope: Scope) => {
+    [__scopeProp: string]: Scope;
+};
+interface CreateScope {
+    scopeName: string;
+    (): ScopeHook;
+}
+
+declare const createToggleGroupScope: CreateScope;
+interface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {
+    type: 'single';
+}
+interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {
+    type: 'multiple';
+}
+declare const ToggleGroup: React__default.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React__default.RefAttributes<HTMLDivElement>>;
+interface ToggleGroupImplSingleProps extends ToggleGroupImplProps {
+    /**
+     * The controlled stateful value of the item that is pressed.
+     */
+    value?: string;
+    /**
+     * The value of the item that is pressed when initially rendered. Use
+     * `defaultValue` if you do not need to control the state of a toggle group.
+     */
+    defaultValue?: string;
+    /**
+     * The callback that fires when the value of the toggle group changes.
+     */
+    onValueChange?(value: string): void;
+}
+interface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {
+    /**
+     * The controlled stateful value of the items that are pressed.
+     */
+    value?: string[];
+    /**
+     * The value of the items that are pressed when initially rendered. Use
+     * `defaultValue` if you do not need to control the state of a toggle group.
+     */
+    defaultValue?: string[];
+    /**
+     * The callback that fires when the state of the toggle group changes.
+     */
+    onValueChange?(value: string[]): void;
+}
+type RovingFocusGroupProps = React__default.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;
+type PrimitiveDivProps = React__default.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface ToggleGroupImplProps extends PrimitiveDivProps {
+    /**
+     * Whether the group is disabled from user interaction.
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the group should maintain roving focus of its buttons.
+     * @defaultValue true
+     */
+    rovingFocus?: boolean;
+    loop?: RovingFocusGroupProps["loop"];
+    orientation?: RovingFocusGroupProps["orientation"];
+    dir?: RovingFocusGroupProps["dir"];
+}
+declare const Root: React__default.ForwardRefExoticComponent<(ToggleGroupSingleProps | ToggleGroupMultipleProps) & React__default.RefAttributes<HTMLDivElement>>;
+
+type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface ToggleProps$1 extends PrimitiveButtonProps {
+    /**
+     * The controlled state of the toggle.
+     */
+    pressed?: boolean;
+    /**
+     * The state of the toggle when initially rendered. Use `defaultPressed`
+     * if you do not need to control the state of the toggle.
+     * @defaultValue false
+     */
+    defaultPressed?: boolean;
+    /**
+     * The callback that fires when the state of the toggle changes.
+     */
+    onPressedChange?(pressed: boolean): void;
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps$1 & React.RefAttributes<HTMLButtonElement>>;
+
+interface ToggleGroupItemProps extends Omit<ToggleGroupItemImplProps, "pressed"> {
+}
+declare const ToggleGroupItem: React__default.ForwardRefExoticComponent<ToggleGroupItemProps & React__default.RefAttributes<HTMLButtonElement>>;
+type ToggleProps = React__default.ComponentPropsWithoutRef<typeof Toggle>;
+interface ToggleGroupItemImplProps extends Omit<ToggleProps, "defaultPressed" | "onPressedChange"> {
+    /**
+     * A string value for the toggle group item. All items within a toggle group should use a unique value.
+     */
+    value: string;
+}
+
+export { Root, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupMultipleProps, type ToggleGroupSingleProps, createToggleGroupScope };

package/dist/index.js

@@ -0,0 +1,262 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/react/toggle-group/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Root: () => Root2,
+  Toggle: () => Toggle,
+  ToggleGroup: () => ToggleGroup,
+  ToggleGroupItem: () => ToggleGroupItem,
+  createToggleGroupScope: () => createToggleGroupScope
+});
+module.exports = __toCommonJS(src_exports);
+
+// packages/react/toggle-group/src/ToggleGroup.tsx
+var import_react = __toESM(require("react"));
+var import_react_context = require("@huin-core/react-context");
+var import_react_primitive = require("@huin-core/react-primitive");
+var RovingFocusGroup = __toESM(require("@huin-core/react-roving-focus"));
+var import_react_roving_focus = require("@huin-core/react-roving-focus");
+var import_react_use_controllable_state = require("@huin-core/react-use-controllable-state");
+var import_react_direction = require("@huin-core/react-direction");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TOGGLE_GROUP_NAME = "ToggleGroup";
+var [createToggleGroupContext, createToggleGroupScope] = (0, import_react_context.createContextScope)(
+  TOGGLE_GROUP_NAME,
+  [import_react_roving_focus.createRovingFocusGroupScope]
+);
+var useRovingFocusGroupScope = (0, import_react_roving_focus.createRovingFocusGroupScope)();
+var ToggleGroup = import_react.default.forwardRef((props, forwardedRef) => {
+  const { type, ...toggleGroupProps } = props;
+  if (type === "single") {
+    const singleProps = toggleGroupProps;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });
+  }
+  if (type === "multiple") {
+    const multipleProps = toggleGroupProps;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });
+  }
+  throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
+});
+ToggleGroup.displayName = TOGGLE_GROUP_NAME;
+var [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+var ToggleGroupImplSingle = import_react.default.forwardRef((props, forwardedRef) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {
+    },
+    ...toggleGroupSingleProps
+  } = props;
+  const [value, setValue] = (0, import_react_use_controllable_state.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ToggleGroupValueProvider,
+    {
+      scope: props.__scopeToggleGroup,
+      type: "single",
+      value: value ? [value] : [],
+      onItemActivate: setValue,
+      onItemDeactivate: import_react.default.useCallback(() => setValue(""), [setValue]),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })
+    }
+  );
+});
+var ToggleGroupImplMultiple = import_react.default.forwardRef((props, forwardedRef) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {
+    },
+    ...toggleGroupMultipleProps
+  } = props;
+  const [value = [], setValue] = (0, import_react_use_controllable_state.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const handleButtonActivate = import_react.default.useCallback(
+    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
+    [setValue]
+  );
+  const handleButtonDeactivate = import_react.default.useCallback(
+    (itemValue) => setValue(
+      (prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)
+    ),
+    [setValue]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ToggleGroupValueProvider,
+    {
+      scope: props.__scopeToggleGroup,
+      type: "multiple",
+      value,
+      onItemActivate: handleButtonActivate,
+      onItemDeactivate: handleButtonDeactivate,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef })
+    }
+  );
+});
+ToggleGroup.displayName = TOGGLE_GROUP_NAME;
+var [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+var ToggleGroupImpl = import_react.default.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeToggleGroup,
+    disabled = false,
+    rovingFocus = true,
+    orientation,
+    dir,
+    loop = true,
+    ...toggleGroupProps
+  } = props;
+  const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);
+  const direction = (0, import_react_direction.useDirection)(dir);
+  const commonProps = { role: "group", dir: direction, ...toggleGroupProps };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ToggleGroupContext,
+    {
+      scope: __scopeToggleGroup,
+      rovingFocus,
+      disabled,
+      children: rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        RovingFocusGroup.Root,
+        {
+          asChild: true,
+          ...rovingFocusGroupScope,
+          orientation,
+          dir: direction,
+          loop,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { ...commonProps, ref: forwardedRef })
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { ...commonProps, ref: forwardedRef })
+    }
+  );
+});
+var Root2 = ToggleGroup;
+
+// packages/react/toggle-group/src/Toggle.tsx
+var React2 = __toESM(require("react"));
+var import_primitive = require("@huin-core/primitive");
+var import_react_use_controllable_state2 = require("@huin-core/react-use-controllable-state");
+var import_react_primitive2 = require("@huin-core/react-primitive");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var NAME = "Toggle";
+var Toggle = React2.forwardRef(
+  (props, forwardedRef) => {
+    const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;
+    const [pressed = false, setPressed] = (0, import_react_use_controllable_state2.useControllableState)({
+      prop: pressedProp,
+      onChange: onPressedChange,
+      defaultProp: defaultPressed
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react_primitive2.Primitive.button,
+      {
+        type: "button",
+        "aria-pressed": pressed,
+        "data-state": pressed ? "on" : "off",
+        "data-disabled": props.disabled ? "" : void 0,
+        ...buttonProps,
+        ref: forwardedRef,
+        onClick: (0, import_primitive.composeEventHandlers)(props.onClick, () => {
+          if (!props.disabled) {
+            setPressed(!pressed);
+          }
+        })
+      }
+    );
+  }
+);
+Toggle.displayName = NAME;
+
+// packages/react/toggle-group/src/ToggleGroupItem.tsx
+var import_react2 = __toESM(require("react"));
+var RovingFocusGroup2 = __toESM(require("@huin-core/react-roving-focus"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ITEM_NAME = "ToggleGroupItem";
+var ToggleGroupItem = import_react2.default.forwardRef((props, forwardedRef) => {
+  const valueContext = useToggleGroupValueContext(
+    ITEM_NAME,
+    props.__scopeToggleGroup
+  );
+  const context = useToggleGroupContext(ITEM_NAME, props.__scopeToggleGroup);
+  const rovingFocusGroupScope = useRovingFocusGroupScope(
+    props.__scopeToggleGroup
+  );
+  const pressed = valueContext.value.includes(props.value);
+  const disabled = context.disabled || props.disabled;
+  const commonProps = { ...props, pressed, disabled };
+  const ref = import_react2.default.useRef(null);
+  return context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    RovingFocusGroup2.Item,
+    {
+      asChild: true,
+      ...rovingFocusGroupScope,
+      focusable: !disabled,
+      active: pressed,
+      ref,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef })
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ToggleGroupItemImpl, { "data-state": true, ...commonProps, ref: forwardedRef });
+});
+ToggleGroupItem.displayName = ITEM_NAME;
+var ToggleGroupItemImpl = import_react2.default.forwardRef((props, forwardedRef) => {
+  const { __scopeToggleGroup, value, ...itemProps } = props;
+  const valueContext = useToggleGroupValueContext(
+    ITEM_NAME,
+    __scopeToggleGroup
+  );
+  const singleProps = {
+    role: "radio",
+    "aria-checked": props.pressed,
+    "aria-pressed": void 0
+  };
+  const typeProps = valueContext.type === "single" ? singleProps : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Toggle,
+    {
+      ...typeProps,
+      ...itemProps,
+      ref: forwardedRef,
+      onPressedChange: (pressed) => {
+        if (pressed) {
+          valueContext.onItemActivate(value);
+        } else {
+          valueContext.onItemDeactivate(value);
+        }
+      }
+    }
+  );
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/ToggleGroup.tsx", "../src/Toggle.tsx", "../src/ToggleGroupItem.tsx"],
+  "sourcesContent": ["\"use client\";\nexport { createToggleGroupScope, ToggleGroup, Root } from \"./ToggleGroup\";\nexport { Toggle } from \"./Toggle\";\nexport { ToggleGroupItem } from \"./ToggleGroupItem\";\n\nexport type {\n  ToggleGroupSingleProps,\n  ToggleGroupMultipleProps,\n} from \"./ToggleGroup\";\nexport type { ToggleGroupItemProps } from \"./ToggleGroupItem\";\n", "import React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport * as RovingFocusGroup from \"@huin-core/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@huin-core/react-roving-focus\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport { useDirection } from \"@huin-core/react-direction\";\nimport type { Scope } from \"@huin-core/react-context\";\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = \"ToggleGroup\";\n\nexport type ScopedProps<P> = P & { __scopeToggleGroup?: Scope };\nconst [createToggleGroupContext, createToggleGroupScope] = createContextScope(\n  TOGGLE_GROUP_NAME,\n  [createRovingFocusGroupScope]\n);\nexport const useRovingFocusGroupScope = createRovingFocusGroupScope();\n\ntype ToggleGroupElement = ToggleGroupImplSingleElement | ToggleGroupImplMultipleElement;\ninterface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {\n  type: 'single';\n}\ninterface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {\n  type: 'multiple';\n}\n\nconst ToggleGroup = React.forwardRef<\n  ToggleGroupElement,\n  ToggleGroupSingleProps | ToggleGroupMultipleProps\n>((props, forwardedRef) => {\n  const { type, ...toggleGroupProps } = props;\n\n  if (type === 'single') {\n    const singleProps = toggleGroupProps as ToggleGroupImplSingleProps;\n    return <ToggleGroupImplSingle {...singleProps} ref={forwardedRef} />;\n  }\n\n  if (type === 'multiple') {\n    const multipleProps = toggleGroupProps as ToggleGroupImplMultipleProps;\n    return <ToggleGroupImplMultiple {...multipleProps} ref={forwardedRef} />;\n  }\n\n  throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n});\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupValueContextValue = {\n  type: \"single\" | \"multiple\";\n  value: string[];\n  onItemActivate(value: string): void;\n  onItemDeactivate(value: string): void;\n};\n\nexport const [ToggleGroupValueProvider, useToggleGroupValueContext] =\n  createToggleGroupContext<ToggleGroupValueContextValue>(TOGGLE_GROUP_NAME);\n\ntype ToggleGroupImplSingleElement = ToggleGroupImplElement;\ninterface ToggleGroupImplSingleProps extends ToggleGroupImplProps {\n  /**\n   * The controlled stateful value of the item that is pressed.\n   */\n  value?: string;\n  /**\n   * The value of the item that is pressed when initially rendered. Use\n   * `defaultValue` if you do not need to control the state of a toggle group.\n   */\n  defaultValue?: string;\n  /**\n   * The callback that fires when the value of the toggle group changes.\n   */\n  onValueChange?(value: string): void;\n}\n\nconst ToggleGroupImplSingle = React.forwardRef<\n  ToggleGroupImplSingleElement,\n  ToggleGroupImplSingleProps\n>((props: ScopedProps<ToggleGroupImplSingleProps>, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {},\n    ...toggleGroupSingleProps\n  } = props;\n\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange,\n  });\n\n  return (\n    <ToggleGroupValueProvider\n      scope={props.__scopeToggleGroup}\n      type=\"single\"\n      value={value ? [value] : []}\n      onItemActivate={setValue}\n      onItemDeactivate={React.useCallback(() => setValue(\"\"), [setValue])}\n    >\n      <ToggleGroupImpl {...toggleGroupSingleProps} ref={forwardedRef} />\n    </ToggleGroupValueProvider>\n  );\n});\n\ntype ToggleGroupImplMultipleElement = ToggleGroupImplElement;\ninterface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {\n  /**\n   * The controlled stateful value of the items that are pressed.\n   */\n  value?: string[];\n  /**\n   * The value of the items that are pressed when initially rendered. Use\n   * `defaultValue` if you do not need to control the state of a toggle group.\n   */\n  defaultValue?: string[];\n  /**\n   * The callback that fires when the state of the toggle group changes.\n   */\n  onValueChange?(value: string[]): void;\n}\n\nconst ToggleGroupImplMultiple = React.forwardRef<\n  ToggleGroupImplMultipleElement,\n  ToggleGroupImplMultipleProps\n>((props: ScopedProps<ToggleGroupImplMultipleProps>, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {},\n    ...toggleGroupMultipleProps\n  } = props;\n\n  const [value = [], setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange,\n  });\n\n  const handleButtonActivate = React.useCallback(\n    (itemValue: string) =>\n      setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  );\n\n  const handleButtonDeactivate = React.useCallback(\n    (itemValue: string) =>\n      setValue((prevValue = []) =>\n        prevValue.filter((value) => value !== itemValue)\n      ),\n    [setValue]\n  );\n\n  return (\n    <ToggleGroupValueProvider\n      scope={props.__scopeToggleGroup}\n      type=\"multiple\"\n      value={value}\n      onItemActivate={handleButtonActivate}\n      onItemDeactivate={handleButtonDeactivate}\n    >\n      <ToggleGroupImpl {...toggleGroupMultipleProps} ref={forwardedRef} />\n    </ToggleGroupValueProvider>\n  );\n});\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupContextValue = { rovingFocus: boolean; disabled: boolean };\n\n export const [ToggleGroupContext, useToggleGroupContext] =\n  createToggleGroupContext<ToggleGroupContextValue>(TOGGLE_GROUP_NAME);\n\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<\n  typeof RovingFocusGroup.Root\n>;\ntype ToggleGroupImplElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToggleGroupImplProps extends PrimitiveDivProps {\n  /**\n   * Whether the group is disabled from user interaction.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Whether the group should maintain roving focus of its buttons.\n   * @defaultValue true\n   */\n  rovingFocus?: boolean;\n  loop?: RovingFocusGroupProps[\"loop\"];\n  orientation?: RovingFocusGroupProps[\"orientation\"];\n  dir?: RovingFocusGroupProps[\"dir\"];\n}\n\nconst ToggleGroupImpl = React.forwardRef<\n  ToggleGroupImplElement,\n  ToggleGroupImplProps\n>((props: ScopedProps<ToggleGroupImplProps>, forwardedRef) => {\n  const {\n    __scopeToggleGroup,\n    disabled = false,\n    rovingFocus = true,\n    orientation,\n    dir,\n    loop = true,\n    ...toggleGroupProps\n  } = props;\n  const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);\n  const direction = useDirection(dir);\n  const commonProps = { role: \"group\", dir: direction, ...toggleGroupProps };\n  return (\n    <ToggleGroupContext\n      scope={__scopeToggleGroup}\n      rovingFocus={rovingFocus}\n      disabled={disabled}\n    >\n      {rovingFocus ? (\n        <RovingFocusGroup.Root\n          asChild\n          {...rovingFocusGroupScope}\n          orientation={orientation}\n          dir={direction}\n          loop={loop}\n        >\n          <Primitive.div {...commonProps} ref={forwardedRef} />\n        </RovingFocusGroup.Root>\n      ) : (\n        <Primitive.div {...commonProps} ref={forwardedRef} />\n      )}\n    </ToggleGroupContext>\n  );\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = ToggleGroup;\n\nexport { createToggleGroupScope, ToggleGroup, Root };\nexport type { ToggleGroupSingleProps, ToggleGroupMultipleProps };\n", "import * as React from \"react\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport { Primitive } from \"@huin-core/react-primitive\";\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = \"Toggle\";\n\ntype ToggleElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<\n  typeof Primitive.button\n>;\ninterface ToggleProps extends PrimitiveButtonProps {\n  /**\n   * The controlled state of the toggle.\n   */\n  pressed?: boolean;\n  /**\n   * The state of the toggle when initially rendered. Use `defaultPressed`\n   * if you do not need to control the state of the toggle.\n   * @defaultValue false\n   */\n  defaultPressed?: boolean;\n  /**\n   * The callback that fires when the state of the toggle changes.\n   */\n  onPressedChange?(pressed: boolean): void;\n}\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>(\n  (props, forwardedRef) => {\n    const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;\n\n\n    const [pressed = false, setPressed] = useControllableState({\n      prop: pressedProp,\n      onChange: onPressedChange,\n      defaultProp: defaultPressed,\n    });\n\n   \n  return (\n    <Primitive.button\n      type=\"button\"\n      aria-pressed={pressed}\n      data-state={pressed ? 'on' : 'off'}\n      data-disabled={props.disabled ? '' : undefined}\n      {...buttonProps}\n      ref={forwardedRef}\n      onClick={composeEventHandlers(props.onClick, () => {\n        if (!props.disabled) {\n          setPressed(!pressed);\n        }\n      })}\n    />\n  );\n  }\n);\n\nToggle.displayName = NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toggle;\n\nexport {\n  Toggle,\n  //\n  Root,\n};\nexport type { ToggleProps };\n", "import React from \"react\";\nimport { ScopedProps, useRovingFocusGroupScope, useToggleGroupContext, useToggleGroupValueContext } from \"./ToggleGroup\";\nimport * as RovingFocusGroup from \"@huin-core/react-roving-focus\";\nimport { Toggle } from \".\";\n\nconst ITEM_NAME = \"ToggleGroupItem\";\n\ntype ToggleGroupItemElement = ToggleGroupItemImplElement;\ninterface ToggleGroupItemProps\n  extends Omit<ToggleGroupItemImplProps, \"pressed\"> {}\n\nconst ToggleGroupItem = React.forwardRef<\n  ToggleGroupItemElement,\n  ToggleGroupItemProps\n>((props: ScopedProps<ToggleGroupItemProps>, forwardedRef) => {\n  const valueContext = useToggleGroupValueContext(\n    ITEM_NAME,\n    props.__scopeToggleGroup\n  );\n  const context = useToggleGroupContext(ITEM_NAME, props.__scopeToggleGroup);\n  const rovingFocusGroupScope = useRovingFocusGroupScope(\n    props.__scopeToggleGroup\n  );\n  const pressed = valueContext.value.includes(props.value);\n  const disabled = context.disabled || props.disabled;\n  const commonProps = { ...props, pressed, disabled };\n  const ref = React.useRef<HTMLDivElement>(null);\n  return context.rovingFocus ? (\n    <RovingFocusGroup.Item\n      asChild\n      {...rovingFocusGroupScope}\n      focusable={!disabled}\n      active={pressed}\n      ref={ref}\n    >\n      <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n    </RovingFocusGroup.Item>\n  ) : (\n    <ToggleGroupItemImpl data-state {...commonProps} ref={forwardedRef} />\n  );\n});\n\nToggleGroupItem.displayName = ITEM_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupItemImplElement = React.ElementRef<typeof Toggle>;\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle>;\ninterface ToggleGroupItemImplProps\n  extends Omit<ToggleProps, \"defaultPressed\" | \"onPressedChange\"> {\n  /**\n   * A string value for the toggle group item. All items within a toggle group should use a unique value.\n   */\n  value: string;\n}\n\nconst ToggleGroupItemImpl = React.forwardRef<\n  ToggleGroupItemImplElement,\n  ToggleGroupItemImplProps\n>((props: ScopedProps<ToggleGroupItemImplProps>, forwardedRef) => {\n  const { __scopeToggleGroup, value, ...itemProps } = props;\n  const valueContext = useToggleGroupValueContext(\n    ITEM_NAME,\n    __scopeToggleGroup\n  );\n  const singleProps = {\n    role: \"radio\",\n    \"aria-checked\": props.pressed,\n    \"aria-pressed\": undefined,\n  };\n  const typeProps = valueContext.type === \"single\" ? singleProps : undefined;\n  return (\n    <Toggle\n      {...typeProps}\n      {...itemProps}\n      ref={forwardedRef}\n      onPressedChange={(pressed) => {\n        if (pressed) {\n          valueContext.onItemActivate(value);\n        } else {\n          valueContext.onItemDeactivate(value);\n        }\n      }}\n    />\n  );\n});\n\nexport { ToggleGroupItem };\nexport type { ToggleGroupItemProps };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,cAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAClB,2BAAmC;AACnC,6BAA0B;AAC1B,uBAAkC;AAClC,gCAA4C;AAC5C,0CAAqC;AACrC,6BAA6B;AAgClB;AAzBX,IAAM,oBAAoB;AAG1B,IAAM,CAAC,0BAA0B,sBAAsB,QAAI;AAAA,EACzD;AAAA,EACA,CAAC,qDAA2B;AAC9B;AACO,IAAM,+BAA2B,uDAA4B;AAUpE,IAAM,cAAc,aAAAC,QAAM,WAGxB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,MAAM,GAAG,iBAAiB,IAAI;AAEtC,MAAI,SAAS,UAAU;AACrB,UAAM,cAAc;AACpB,WAAO,4CAAC,yBAAuB,GAAG,aAAa,KAAK,cAAc;AAAA,EACpE;AAEA,MAAI,SAAS,YAAY;AACvB,UAAM,gBAAgB;AACtB,WAAO,4CAAC,2BAAyB,GAAG,eAAe,KAAK,cAAc;AAAA,EACxE;AAEA,QAAM,IAAI,MAAM,uCAAuC,iBAAiB,IAAI;AAC9E,CAAC;AAED,YAAY,cAAc;AAWnB,IAAM,CAAC,0BAA0B,0BAA0B,IAChE,yBAAuD,iBAAiB;AAmB1E,IAAM,wBAAwB,aAAAA,QAAM,WAGlC,CAAC,OAAgD,iBAAiB;AAClE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,OAAO,QAAQ,QAAI,0DAAqB;AAAA,IAC7C,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAK;AAAA,MACL,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC;AAAA,MAC1B,gBAAgB;AAAA,MAChB,kBAAkB,aAAAA,QAAM,YAAY,MAAM,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC;AAAA,MAElE,sDAAC,mBAAiB,GAAG,wBAAwB,KAAK,cAAc;AAAA;AAAA,EAClE;AAEJ,CAAC;AAmBD,IAAM,0BAA0B,aAAAA,QAAM,WAGpC,CAAC,OAAkD,iBAAiB;AACpE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,QAAI,0DAAqB;AAAA,IAClD,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,uBAAuB,aAAAA,QAAM;AAAA,IACjC,CAAC,cACC,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,WAAW,SAAS,CAAC;AAAA,IACxD,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,yBAAyB,aAAAA,QAAM;AAAA,IACnC,CAAC,cACC;AAAA,MAAS,CAAC,YAAY,CAAC,MACrB,UAAU,OAAO,CAACC,WAAUA,WAAU,SAAS;AAAA,IACjD;AAAA,IACF,CAAC,QAAQ;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAK;AAAA,MACL;AAAA,MACA,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAElB,sDAAC,mBAAiB,GAAG,0BAA0B,KAAK,cAAc;AAAA;AAAA,EACpE;AAEJ,CAAC;AAED,YAAY,cAAc;AAMlB,IAAM,CAAC,oBAAoB,qBAAqB,IACtD,yBAAkD,iBAAiB;AAuBrE,IAAM,kBAAkB,aAAAD,QAAM,WAG5B,CAAC,OAA0C,iBAAiB;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,wBAAwB,yBAAyB,kBAAkB;AACzE,QAAM,gBAAY,qCAAa,GAAG;AAClC,QAAM,cAAc,EAAE,MAAM,SAAS,KAAK,WAAW,GAAG,iBAAiB;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MAEC,wBACC;AAAA,QAAkB;AAAA,QAAjB;AAAA,UACC,SAAO;AAAA,UACN,GAAG;AAAA,UACJ;AAAA,UACA,KAAK;AAAA,UACL;AAAA,UAEA,sDAAC,iCAAU,KAAV,EAAe,GAAG,aAAa,KAAK,cAAc;AAAA;AAAA,MACrD,IAEA,4CAAC,iCAAU,KAAV,EAAe,GAAG,aAAa,KAAK,cAAc;AAAA;AAAA,EAEvD;AAEJ,CAAC;AAID,IAAME,QAAO;;;AClPb,IAAAC,SAAuB;AACvB,uBAAqC;AACrC,IAAAC,uCAAqC;AACrC,IAAAC,0BAA0B;AA0CtB,IAAAC,sBAAA;AApCJ,IAAM,OAAO;AAuBb,IAAM,SAAe;AAAA,EACnB,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,aAAa,iBAAiB,OAAO,iBAAiB,GAAG,YAAY,IAAI;AAG1F,UAAM,CAAC,UAAU,OAAO,UAAU,QAAI,2DAAqB;AAAA,MACzD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAGH,WACE;AAAA,MAAC,kCAAU;AAAA,MAAV;AAAA,QACC,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,cAAY,UAAU,OAAO;AAAA,QAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACpC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,aAAS,uCAAqB,MAAM,SAAS,MAAM;AACjD,cAAI,CAAC,MAAM,UAAU;AACnB,uBAAW,CAAC,OAAO;AAAA,UACrB;AAAA,QACF,CAAC;AAAA;AAAA,IACH;AAAA,EAEF;AACF;AAEA,OAAO,cAAc;;;AC9DrB,IAAAC,gBAAkB;AAElB,IAAAC,oBAAkC;AAiC5B,IAAAC,sBAAA;AA9BN,IAAM,YAAY;AAMlB,IAAM,kBAAkB,cAAAC,QAAM,WAG5B,CAAC,OAA0C,iBAAiB;AAC5D,QAAM,eAAe;AAAA,IACnB;AAAA,IACA,MAAM;AAAA,EACR;AACA,QAAM,UAAU,sBAAsB,WAAW,MAAM,kBAAkB;AACzE,QAAM,wBAAwB;AAAA,IAC5B,MAAM;AAAA,EACR;AACA,QAAM,UAAU,aAAa,MAAM,SAAS,MAAM,KAAK;AACvD,QAAM,WAAW,QAAQ,YAAY,MAAM;AAC3C,QAAM,cAAc,EAAE,GAAG,OAAO,SAAS,SAAS;AAClD,QAAM,MAAM,cAAAA,QAAM,OAAuB,IAAI;AAC7C,SAAO,QAAQ,cACb;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC,SAAO;AAAA,MACN,GAAG;AAAA,MACJ,WAAW,CAAC;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MAEA,uDAAC,uBAAqB,GAAG,aAAa,KAAK,cAAc;AAAA;AAAA,EAC3D,IAEA,6CAAC,uBAAoB,cAAU,MAAE,GAAG,aAAa,KAAK,cAAc;AAExE,CAAC;AAED,gBAAgB,cAAc;AAc9B,IAAM,sBAAsB,cAAAA,QAAM,WAGhC,CAAC,OAA8C,iBAAiB;AAChE,QAAM,EAAE,oBAAoB,OAAO,GAAG,UAAU,IAAI;AACpD,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACA,QAAM,cAAc;AAAA,IAClB,MAAM;AAAA,IACN,gBAAgB,MAAM;AAAA,IACtB,gBAAgB;AAAA,EAClB;AACA,QAAM,YAAY,aAAa,SAAS,WAAW,cAAc;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,iBAAiB,CAAC,YAAY;AAC5B,YAAI,SAAS;AACX,uBAAa,eAAe,KAAK;AAAA,QACnC,OAAO;AACL,uBAAa,iBAAiB,KAAK;AAAA,QACrC;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;",
+  "names": ["Root", "React", "value", "Root", "React", "import_react_use_controllable_state", "import_react_primitive", "import_jsx_runtime", "import_react", "RovingFocusGroup", "import_jsx_runtime", "React"]
+}

package/dist/index.mjs

@@ -0,0 +1,230 @@
+"use client";
+
+// packages/react/toggle-group/src/ToggleGroup.tsx
+import React from "react";
+import { createContextScope } from "@huin-core/react-context";
+import { Primitive } from "@huin-core/react-primitive";
+import * as RovingFocusGroup from "@huin-core/react-roving-focus";
+import { createRovingFocusGroupScope } from "@huin-core/react-roving-focus";
+import { useControllableState } from "@huin-core/react-use-controllable-state";
+import { useDirection } from "@huin-core/react-direction";
+import { jsx } from "react/jsx-runtime";
+var TOGGLE_GROUP_NAME = "ToggleGroup";
+var [createToggleGroupContext, createToggleGroupScope] = createContextScope(
+  TOGGLE_GROUP_NAME,
+  [createRovingFocusGroupScope]
+);
+var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var ToggleGroup = React.forwardRef((props, forwardedRef) => {
+  const { type, ...toggleGroupProps } = props;
+  if (type === "single") {
+    const singleProps = toggleGroupProps;
+    return /* @__PURE__ */ jsx(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });
+  }
+  if (type === "multiple") {
+    const multipleProps = toggleGroupProps;
+    return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });
+  }
+  throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
+});
+ToggleGroup.displayName = TOGGLE_GROUP_NAME;
+var [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+var ToggleGroupImplSingle = React.forwardRef((props, forwardedRef) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {
+    },
+    ...toggleGroupSingleProps
+  } = props;
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  return /* @__PURE__ */ jsx(
+    ToggleGroupValueProvider,
+    {
+      scope: props.__scopeToggleGroup,
+      type: "single",
+      value: value ? [value] : [],
+      onItemActivate: setValue,
+      onItemDeactivate: React.useCallback(() => setValue(""), [setValue]),
+      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })
+    }
+  );
+});
+var ToggleGroupImplMultiple = React.forwardRef((props, forwardedRef) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {
+    },
+    ...toggleGroupMultipleProps
+  } = props;
+  const [value = [], setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const handleButtonActivate = React.useCallback(
+    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
+    [setValue]
+  );
+  const handleButtonDeactivate = React.useCallback(
+    (itemValue) => setValue(
+      (prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)
+    ),
+    [setValue]
+  );
+  return /* @__PURE__ */ jsx(
+    ToggleGroupValueProvider,
+    {
+      scope: props.__scopeToggleGroup,
+      type: "multiple",
+      value,
+      onItemActivate: handleButtonActivate,
+      onItemDeactivate: handleButtonDeactivate,
+      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef })
+    }
+  );
+});
+ToggleGroup.displayName = TOGGLE_GROUP_NAME;
+var [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+var ToggleGroupImpl = React.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeToggleGroup,
+    disabled = false,
+    rovingFocus = true,
+    orientation,
+    dir,
+    loop = true,
+    ...toggleGroupProps
+  } = props;
+  const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);
+  const direction = useDirection(dir);
+  const commonProps = { role: "group", dir: direction, ...toggleGroupProps };
+  return /* @__PURE__ */ jsx(
+    ToggleGroupContext,
+    {
+      scope: __scopeToggleGroup,
+      rovingFocus,
+      disabled,
+      children: rovingFocus ? /* @__PURE__ */ jsx(
+        RovingFocusGroup.Root,
+        {
+          asChild: true,
+          ...rovingFocusGroupScope,
+          orientation,
+          dir: direction,
+          loop,
+          children: /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef })
+        }
+      ) : /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef })
+    }
+  );
+});
+var Root2 = ToggleGroup;
+
+// packages/react/toggle-group/src/Toggle.tsx
+import * as React2 from "react";
+import { composeEventHandlers } from "@huin-core/primitive";
+import { useControllableState as useControllableState2 } from "@huin-core/react-use-controllable-state";
+import { Primitive as Primitive2 } from "@huin-core/react-primitive";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var NAME = "Toggle";
+var Toggle = React2.forwardRef(
+  (props, forwardedRef) => {
+    const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;
+    const [pressed = false, setPressed] = useControllableState2({
+      prop: pressedProp,
+      onChange: onPressedChange,
+      defaultProp: defaultPressed
+    });
+    return /* @__PURE__ */ jsx2(
+      Primitive2.button,
+      {
+        type: "button",
+        "aria-pressed": pressed,
+        "data-state": pressed ? "on" : "off",
+        "data-disabled": props.disabled ? "" : void 0,
+        ...buttonProps,
+        ref: forwardedRef,
+        onClick: composeEventHandlers(props.onClick, () => {
+          if (!props.disabled) {
+            setPressed(!pressed);
+          }
+        })
+      }
+    );
+  }
+);
+Toggle.displayName = NAME;
+
+// packages/react/toggle-group/src/ToggleGroupItem.tsx
+import React3 from "react";
+import * as RovingFocusGroup2 from "@huin-core/react-roving-focus";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ITEM_NAME = "ToggleGroupItem";
+var ToggleGroupItem = React3.forwardRef((props, forwardedRef) => {
+  const valueContext = useToggleGroupValueContext(
+    ITEM_NAME,
+    props.__scopeToggleGroup
+  );
+  const context = useToggleGroupContext(ITEM_NAME, props.__scopeToggleGroup);
+  const rovingFocusGroupScope = useRovingFocusGroupScope(
+    props.__scopeToggleGroup
+  );
+  const pressed = valueContext.value.includes(props.value);
+  const disabled = context.disabled || props.disabled;
+  const commonProps = { ...props, pressed, disabled };
+  const ref = React3.useRef(null);
+  return context.rovingFocus ? /* @__PURE__ */ jsx3(
+    RovingFocusGroup2.Item,
+    {
+      asChild: true,
+      ...rovingFocusGroupScope,
+      focusable: !disabled,
+      active: pressed,
+      ref,
+      children: /* @__PURE__ */ jsx3(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef })
+    }
+  ) : /* @__PURE__ */ jsx3(ToggleGroupItemImpl, { "data-state": true, ...commonProps, ref: forwardedRef });
+});
+ToggleGroupItem.displayName = ITEM_NAME;
+var ToggleGroupItemImpl = React3.forwardRef((props, forwardedRef) => {
+  const { __scopeToggleGroup, value, ...itemProps } = props;
+  const valueContext = useToggleGroupValueContext(
+    ITEM_NAME,
+    __scopeToggleGroup
+  );
+  const singleProps = {
+    role: "radio",
+    "aria-checked": props.pressed,
+    "aria-pressed": void 0
+  };
+  const typeProps = valueContext.type === "single" ? singleProps : void 0;
+  return /* @__PURE__ */ jsx3(
+    Toggle,
+    {
+      ...typeProps,
+      ...itemProps,
+      ref: forwardedRef,
+      onPressedChange: (pressed) => {
+        if (pressed) {
+          valueContext.onItemActivate(value);
+        } else {
+          valueContext.onItemDeactivate(value);
+        }
+      }
+    }
+  );
+});
+export {
+  Root2 as Root,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  createToggleGroupScope
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/ToggleGroup.tsx", "../src/Toggle.tsx", "../src/ToggleGroupItem.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport * as RovingFocusGroup from \"@huin-core/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@huin-core/react-roving-focus\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport { useDirection } from \"@huin-core/react-direction\";\nimport type { Scope } from \"@huin-core/react-context\";\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = \"ToggleGroup\";\n\nexport type ScopedProps<P> = P & { __scopeToggleGroup?: Scope };\nconst [createToggleGroupContext, createToggleGroupScope] = createContextScope(\n  TOGGLE_GROUP_NAME,\n  [createRovingFocusGroupScope]\n);\nexport const useRovingFocusGroupScope = createRovingFocusGroupScope();\n\ntype ToggleGroupElement = ToggleGroupImplSingleElement | ToggleGroupImplMultipleElement;\ninterface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {\n  type: 'single';\n}\ninterface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {\n  type: 'multiple';\n}\n\nconst ToggleGroup = React.forwardRef<\n  ToggleGroupElement,\n  ToggleGroupSingleProps | ToggleGroupMultipleProps\n>((props, forwardedRef) => {\n  const { type, ...toggleGroupProps } = props;\n\n  if (type === 'single') {\n    const singleProps = toggleGroupProps as ToggleGroupImplSingleProps;\n    return <ToggleGroupImplSingle {...singleProps} ref={forwardedRef} />;\n  }\n\n  if (type === 'multiple') {\n    const multipleProps = toggleGroupProps as ToggleGroupImplMultipleProps;\n    return <ToggleGroupImplMultiple {...multipleProps} ref={forwardedRef} />;\n  }\n\n  throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n});\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupValueContextValue = {\n  type: \"single\" | \"multiple\";\n  value: string[];\n  onItemActivate(value: string): void;\n  onItemDeactivate(value: string): void;\n};\n\nexport const [ToggleGroupValueProvider, useToggleGroupValueContext] =\n  createToggleGroupContext<ToggleGroupValueContextValue>(TOGGLE_GROUP_NAME);\n\ntype ToggleGroupImplSingleElement = ToggleGroupImplElement;\ninterface ToggleGroupImplSingleProps extends ToggleGroupImplProps {\n  /**\n   * The controlled stateful value of the item that is pressed.\n   */\n  value?: string;\n  /**\n   * The value of the item that is pressed when initially rendered. Use\n   * `defaultValue` if you do not need to control the state of a toggle group.\n   */\n  defaultValue?: string;\n  /**\n   * The callback that fires when the value of the toggle group changes.\n   */\n  onValueChange?(value: string): void;\n}\n\nconst ToggleGroupImplSingle = React.forwardRef<\n  ToggleGroupImplSingleElement,\n  ToggleGroupImplSingleProps\n>((props: ScopedProps<ToggleGroupImplSingleProps>, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {},\n    ...toggleGroupSingleProps\n  } = props;\n\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange,\n  });\n\n  return (\n    <ToggleGroupValueProvider\n      scope={props.__scopeToggleGroup}\n      type=\"single\"\n      value={value ? [value] : []}\n      onItemActivate={setValue}\n      onItemDeactivate={React.useCallback(() => setValue(\"\"), [setValue])}\n    >\n      <ToggleGroupImpl {...toggleGroupSingleProps} ref={forwardedRef} />\n    </ToggleGroupValueProvider>\n  );\n});\n\ntype ToggleGroupImplMultipleElement = ToggleGroupImplElement;\ninterface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {\n  /**\n   * The controlled stateful value of the items that are pressed.\n   */\n  value?: string[];\n  /**\n   * The value of the items that are pressed when initially rendered. Use\n   * `defaultValue` if you do not need to control the state of a toggle group.\n   */\n  defaultValue?: string[];\n  /**\n   * The callback that fires when the state of the toggle group changes.\n   */\n  onValueChange?(value: string[]): void;\n}\n\nconst ToggleGroupImplMultiple = React.forwardRef<\n  ToggleGroupImplMultipleElement,\n  ToggleGroupImplMultipleProps\n>((props: ScopedProps<ToggleGroupImplMultipleProps>, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {},\n    ...toggleGroupMultipleProps\n  } = props;\n\n  const [value = [], setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange,\n  });\n\n  const handleButtonActivate = React.useCallback(\n    (itemValue: string) =>\n      setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  );\n\n  const handleButtonDeactivate = React.useCallback(\n    (itemValue: string) =>\n      setValue((prevValue = []) =>\n        prevValue.filter((value) => value !== itemValue)\n      ),\n    [setValue]\n  );\n\n  return (\n    <ToggleGroupValueProvider\n      scope={props.__scopeToggleGroup}\n      type=\"multiple\"\n      value={value}\n      onItemActivate={handleButtonActivate}\n      onItemDeactivate={handleButtonDeactivate}\n    >\n      <ToggleGroupImpl {...toggleGroupMultipleProps} ref={forwardedRef} />\n    </ToggleGroupValueProvider>\n  );\n});\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupContextValue = { rovingFocus: boolean; disabled: boolean };\n\n export const [ToggleGroupContext, useToggleGroupContext] =\n  createToggleGroupContext<ToggleGroupContextValue>(TOGGLE_GROUP_NAME);\n\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<\n  typeof RovingFocusGroup.Root\n>;\ntype ToggleGroupImplElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToggleGroupImplProps extends PrimitiveDivProps {\n  /**\n   * Whether the group is disabled from user interaction.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Whether the group should maintain roving focus of its buttons.\n   * @defaultValue true\n   */\n  rovingFocus?: boolean;\n  loop?: RovingFocusGroupProps[\"loop\"];\n  orientation?: RovingFocusGroupProps[\"orientation\"];\n  dir?: RovingFocusGroupProps[\"dir\"];\n}\n\nconst ToggleGroupImpl = React.forwardRef<\n  ToggleGroupImplElement,\n  ToggleGroupImplProps\n>((props: ScopedProps<ToggleGroupImplProps>, forwardedRef) => {\n  const {\n    __scopeToggleGroup,\n    disabled = false,\n    rovingFocus = true,\n    orientation,\n    dir,\n    loop = true,\n    ...toggleGroupProps\n  } = props;\n  const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);\n  const direction = useDirection(dir);\n  const commonProps = { role: \"group\", dir: direction, ...toggleGroupProps };\n  return (\n    <ToggleGroupContext\n      scope={__scopeToggleGroup}\n      rovingFocus={rovingFocus}\n      disabled={disabled}\n    >\n      {rovingFocus ? (\n        <RovingFocusGroup.Root\n          asChild\n          {...rovingFocusGroupScope}\n          orientation={orientation}\n          dir={direction}\n          loop={loop}\n        >\n          <Primitive.div {...commonProps} ref={forwardedRef} />\n        </RovingFocusGroup.Root>\n      ) : (\n        <Primitive.div {...commonProps} ref={forwardedRef} />\n      )}\n    </ToggleGroupContext>\n  );\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = ToggleGroup;\n\nexport { createToggleGroupScope, ToggleGroup, Root };\nexport type { ToggleGroupSingleProps, ToggleGroupMultipleProps };\n", "import * as React from \"react\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport { Primitive } from \"@huin-core/react-primitive\";\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = \"Toggle\";\n\ntype ToggleElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<\n  typeof Primitive.button\n>;\ninterface ToggleProps extends PrimitiveButtonProps {\n  /**\n   * The controlled state of the toggle.\n   */\n  pressed?: boolean;\n  /**\n   * The state of the toggle when initially rendered. Use `defaultPressed`\n   * if you do not need to control the state of the toggle.\n   * @defaultValue false\n   */\n  defaultPressed?: boolean;\n  /**\n   * The callback that fires when the state of the toggle changes.\n   */\n  onPressedChange?(pressed: boolean): void;\n}\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>(\n  (props, forwardedRef) => {\n    const { pressed: pressedProp, defaultPressed = false, onPressedChange, ...buttonProps } = props;\n\n\n    const [pressed = false, setPressed] = useControllableState({\n      prop: pressedProp,\n      onChange: onPressedChange,\n      defaultProp: defaultPressed,\n    });\n\n   \n  return (\n    <Primitive.button\n      type=\"button\"\n      aria-pressed={pressed}\n      data-state={pressed ? 'on' : 'off'}\n      data-disabled={props.disabled ? '' : undefined}\n      {...buttonProps}\n      ref={forwardedRef}\n      onClick={composeEventHandlers(props.onClick, () => {\n        if (!props.disabled) {\n          setPressed(!pressed);\n        }\n      })}\n    />\n  );\n  }\n);\n\nToggle.displayName = NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toggle;\n\nexport {\n  Toggle,\n  //\n  Root,\n};\nexport type { ToggleProps };\n", "import React from \"react\";\nimport { ScopedProps, useRovingFocusGroupScope, useToggleGroupContext, useToggleGroupValueContext } from \"./ToggleGroup\";\nimport * as RovingFocusGroup from \"@huin-core/react-roving-focus\";\nimport { Toggle } from \".\";\n\nconst ITEM_NAME = \"ToggleGroupItem\";\n\ntype ToggleGroupItemElement = ToggleGroupItemImplElement;\ninterface ToggleGroupItemProps\n  extends Omit<ToggleGroupItemImplProps, \"pressed\"> {}\n\nconst ToggleGroupItem = React.forwardRef<\n  ToggleGroupItemElement,\n  ToggleGroupItemProps\n>((props: ScopedProps<ToggleGroupItemProps>, forwardedRef) => {\n  const valueContext = useToggleGroupValueContext(\n    ITEM_NAME,\n    props.__scopeToggleGroup\n  );\n  const context = useToggleGroupContext(ITEM_NAME, props.__scopeToggleGroup);\n  const rovingFocusGroupScope = useRovingFocusGroupScope(\n    props.__scopeToggleGroup\n  );\n  const pressed = valueContext.value.includes(props.value);\n  const disabled = context.disabled || props.disabled;\n  const commonProps = { ...props, pressed, disabled };\n  const ref = React.useRef<HTMLDivElement>(null);\n  return context.rovingFocus ? (\n    <RovingFocusGroup.Item\n      asChild\n      {...rovingFocusGroupScope}\n      focusable={!disabled}\n      active={pressed}\n      ref={ref}\n    >\n      <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n    </RovingFocusGroup.Item>\n  ) : (\n    <ToggleGroupItemImpl data-state {...commonProps} ref={forwardedRef} />\n  );\n});\n\nToggleGroupItem.displayName = ITEM_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupItemImplElement = React.ElementRef<typeof Toggle>;\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle>;\ninterface ToggleGroupItemImplProps\n  extends Omit<ToggleProps, \"defaultPressed\" | \"onPressedChange\"> {\n  /**\n   * A string value for the toggle group item. All items within a toggle group should use a unique value.\n   */\n  value: string;\n}\n\nconst ToggleGroupItemImpl = React.forwardRef<\n  ToggleGroupItemImplElement,\n  ToggleGroupItemImplProps\n>((props: ScopedProps<ToggleGroupItemImplProps>, forwardedRef) => {\n  const { __scopeToggleGroup, value, ...itemProps } = props;\n  const valueContext = useToggleGroupValueContext(\n    ITEM_NAME,\n    __scopeToggleGroup\n  );\n  const singleProps = {\n    role: \"radio\",\n    \"aria-checked\": props.pressed,\n    \"aria-pressed\": undefined,\n  };\n  const typeProps = valueContext.type === \"single\" ? singleProps : undefined;\n  return (\n    <Toggle\n      {...typeProps}\n      {...itemProps}\n      ref={forwardedRef}\n      onPressedChange={(pressed) => {\n        if (pressed) {\n          valueContext.onItemActivate(value);\n        } else {\n          valueContext.onItemDeactivate(value);\n        }\n      }}\n    />\n  );\n});\n\nexport { ToggleGroupItem };\nexport type { ToggleGroupItemProps };\n"],
+  "mappings": "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",
+  "names": ["value", "Root", "React", "useControllableState", "Primitive", "jsx", "React", "RovingFocusGroup", "jsx", "React"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huin-core/react-toggle-group",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "license": "MIT",
   "exports": {
     ".": {