@radix-solid-js/accordion 0.1.0

package/dist/index.cjs

@@ -0,0 +1,330 @@
+'use strict';
+
+var solidJs = require('solid-js');
+var primitive = require('@radix-solid-js/primitive');
+var collection = require('@radix-solid-js/collection');
+var context = require('@radix-solid-js/context');
+var direction = require('@radix-solid-js/direction');
+var id = require('@radix-solid-js/id');
+var primitiveComponent = require('@radix-solid-js/primitive-component');
+var useControllableState = require('@radix-solid-js/use-controllable-state');
+var collapsible = require('@radix-solid-js/collapsible');
+
+// src/accordion.tsx
+var ACCORDION_NAME = "Accordion";
+var ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"];
+var [Collection, useCollection, createCollectionScope] = collection.createCollection(ACCORDION_NAME);
+var [createAccordionContext, createAccordionScope] = context.createContextScope(ACCORDION_NAME, [
+  createCollectionScope,
+  collapsible.createCollapsibleScope
+]);
+var useCollapsibleScope = collapsible.createCollapsibleScope();
+var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME);
+var [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(
+  ACCORDION_NAME,
+  { collapsible: false }
+);
+var [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
+var ITEM_NAME = "AccordionItem";
+var [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME);
+function Accordion(props) {
+  const [local, rest] = solidJs.splitProps(props, ["type", "__scopeAccordion"]);
+  return /* @__PURE__ */ React.createElement(Collection.Provider, { scope: local.__scopeAccordion }, local.type === "multiple" ? /* @__PURE__ */ React.createElement(
+    AccordionImplMultiple,
+    {
+      ...rest,
+      __scopeAccordion: local.__scopeAccordion
+    }
+  ) : /* @__PURE__ */ React.createElement(
+    AccordionImplSingle,
+    {
+      ...rest,
+      __scopeAccordion: local.__scopeAccordion
+    }
+  ));
+}
+function AccordionImplSingle(props) {
+  const [local, rest] = solidJs.splitProps(props, [
+    "__scopeAccordion",
+    "value",
+    "defaultValue",
+    "onValueChange",
+    "collapsible"
+  ]);
+  const [value, setValue] = useControllableState.createControllableSignal({
+    prop: () => local.value,
+    defaultProp: local.defaultValue ?? "",
+    onChange: local.onValueChange,
+    caller: ACCORDION_NAME
+  });
+  return /* @__PURE__ */ React.createElement(
+    AccordionValueProvider,
+    {
+      scope: local.__scopeAccordion,
+      value: value() ? [value()] : [],
+      onItemOpen: setValue,
+      onItemClose: () => {
+        if (local.collapsible) setValue("");
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      AccordionCollapsibleProvider,
+      {
+        scope: local.__scopeAccordion,
+        collapsible: local.collapsible ?? false
+      },
+      /* @__PURE__ */ React.createElement(AccordionImpl, { ...rest, __scopeAccordion: local.__scopeAccordion })
+    )
+  );
+}
+function AccordionImplMultiple(props) {
+  const [local, rest] = solidJs.splitProps(props, [
+    "__scopeAccordion",
+    "value",
+    "defaultValue",
+    "onValueChange"
+  ]);
+  const [value, setValue] = useControllableState.createControllableSignal({
+    prop: () => local.value,
+    defaultProp: local.defaultValue ?? [],
+    onChange: local.onValueChange,
+    caller: ACCORDION_NAME
+  });
+  const handleItemOpen = (itemValue) => {
+    setValue((prevValue = []) => [...prevValue, itemValue]);
+  };
+  const handleItemClose = (itemValue) => {
+    setValue((prevValue = []) => prevValue.filter((v) => v !== itemValue));
+  };
+  return /* @__PURE__ */ React.createElement(
+    AccordionValueProvider,
+    {
+      scope: local.__scopeAccordion,
+      value: value(),
+      onItemOpen: handleItemOpen,
+      onItemClose: handleItemClose
+    },
+    /* @__PURE__ */ React.createElement(AccordionCollapsibleProvider, { scope: local.__scopeAccordion, collapsible: true }, /* @__PURE__ */ React.createElement(AccordionImpl, { ...rest, __scopeAccordion: local.__scopeAccordion }))
+  );
+}
+function AccordionImpl(props) {
+  const [local, rest] = solidJs.splitProps(props, [
+    "__scopeAccordion",
+    "disabled",
+    "dir",
+    "orientation",
+    "onKeyDown",
+    "ref"
+  ]);
+  const getItems = useCollection(local.__scopeAccordion);
+  const direction$1 = direction.useDirection(local.dir);
+  const isDirectionLTR = direction$1 === "ltr";
+  const orientation = local.orientation ?? "vertical";
+  const handleKeyDown = primitive.composeEventHandlers(
+    local.onKeyDown,
+    (event) => {
+      if (!ACCORDION_KEYS.includes(event.key)) return;
+      const target = event.target;
+      const items = getItems();
+      const triggerButtons = items.map((item) => {
+        const ref = item.ref;
+        if (ref instanceof HTMLButtonElement) return ref;
+        return ref.querySelector("button");
+      }).filter(
+        (btn) => btn !== null && !btn.disabled
+      );
+      const triggerIndex = triggerButtons.findIndex((btn) => btn === target);
+      const triggerCount = triggerButtons.length;
+      if (triggerIndex === -1) return;
+      event.preventDefault();
+      let nextIndex = triggerIndex;
+      const homeIndex = 0;
+      const endIndex = triggerCount - 1;
+      const moveNext = () => {
+        nextIndex = triggerIndex + 1;
+        if (nextIndex > endIndex) {
+          nextIndex = homeIndex;
+        }
+      };
+      const movePrev = () => {
+        nextIndex = triggerIndex - 1;
+        if (nextIndex < homeIndex) {
+          nextIndex = endIndex;
+        }
+      };
+      switch (event.key) {
+        case "Home":
+          nextIndex = homeIndex;
+          break;
+        case "End":
+          nextIndex = endIndex;
+          break;
+        case "ArrowRight":
+          if (orientation === "horizontal") {
+            if (isDirectionLTR) {
+              moveNext();
+            } else {
+              movePrev();
+            }
+          }
+          break;
+        case "ArrowDown":
+          if (orientation === "vertical") {
+            moveNext();
+          }
+          break;
+        case "ArrowLeft":
+          if (orientation === "horizontal") {
+            if (isDirectionLTR) {
+              movePrev();
+            } else {
+              moveNext();
+            }
+          }
+          break;
+        case "ArrowUp":
+          if (orientation === "vertical") {
+            movePrev();
+          }
+          break;
+      }
+      const clampedIndex = nextIndex % triggerCount;
+      triggerButtons[clampedIndex]?.focus();
+    }
+  );
+  return /* @__PURE__ */ React.createElement(
+    AccordionImplProvider,
+    {
+      scope: local.__scopeAccordion,
+      disabled: local.disabled,
+      direction: direction$1,
+      orientation
+    },
+    /* @__PURE__ */ React.createElement(Collection.Slot, { scope: local.__scopeAccordion }, /* @__PURE__ */ React.createElement(
+      primitiveComponent.Primitive.div,
+      {
+        ...rest,
+        "data-orientation": orientation,
+        ref: local.ref,
+        onKeyDown: local.disabled ? void 0 : handleKeyDown
+      }
+    ))
+  );
+}
+function AccordionItem(props) {
+  const [local, rest] = solidJs.splitProps(props, [
+    "__scopeAccordion",
+    "value",
+    "disabled"
+  ]);
+  const accordionContext = useAccordionContext(ITEM_NAME, local.__scopeAccordion);
+  const valueContext = useAccordionValueContext(ITEM_NAME, local.__scopeAccordion);
+  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);
+  const triggerId = id.createId();
+  const open = () => local.value && valueContext.value.includes(local.value) || false;
+  const disabled = () => accordionContext.disabled || local.disabled;
+  return /* @__PURE__ */ React.createElement(
+    AccordionItemProvider,
+    {
+      scope: local.__scopeAccordion,
+      open: open(),
+      disabled: disabled(),
+      triggerId
+    },
+    /* @__PURE__ */ React.createElement(
+      collapsible.Collapsible,
+      {
+        "data-orientation": accordionContext.orientation,
+        "data-state": getState(open()),
+        ...collapsibleScope,
+        ...rest,
+        disabled: disabled(),
+        open: open(),
+        onOpenChange: (isOpen) => {
+          if (isOpen) {
+            valueContext.onItemOpen(local.value);
+          } else {
+            valueContext.onItemClose(local.value);
+          }
+        }
+      }
+    )
+  );
+}
+var HEADER_NAME = "AccordionHeader";
+function AccordionHeader(props) {
+  const [local, rest] = solidJs.splitProps(props, ["__scopeAccordion"]);
+  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);
+  const itemContext = useAccordionItemContext(HEADER_NAME, local.__scopeAccordion);
+  return /* @__PURE__ */ React.createElement(
+    primitiveComponent.Primitive.h3,
+    {
+      "data-orientation": accordionContext.orientation,
+      "data-state": getState(itemContext.open),
+      "data-disabled": itemContext.disabled ? "" : void 0,
+      ...rest
+    }
+  );
+}
+var TRIGGER_NAME = "AccordionTrigger";
+function AccordionTrigger(props) {
+  const [local, rest] = solidJs.splitProps(props, ["__scopeAccordion"]);
+  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);
+  const itemContext = useAccordionItemContext(TRIGGER_NAME, local.__scopeAccordion);
+  const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, local.__scopeAccordion);
+  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);
+  return /* @__PURE__ */ React.createElement(Collection.ItemSlot, { scope: local.__scopeAccordion }, /* @__PURE__ */ React.createElement(
+    collapsible.CollapsibleTrigger,
+    {
+      "aria-disabled": itemContext.open && !collapsibleContext.collapsible || void 0,
+      "data-orientation": accordionContext.orientation,
+      id: itemContext.triggerId,
+      ...collapsibleScope,
+      ...rest
+    }
+  ));
+}
+var CONTENT_NAME = "AccordionContent";
+function AccordionContent(props) {
+  const [local, rest] = solidJs.splitProps(props, ["__scopeAccordion", "style"]);
+  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);
+  const itemContext = useAccordionItemContext(CONTENT_NAME, local.__scopeAccordion);
+  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);
+  return /* @__PURE__ */ React.createElement(
+    collapsible.CollapsibleContent,
+    {
+      role: "region",
+      "aria-labelledby": itemContext.triggerId,
+      "data-orientation": accordionContext.orientation,
+      ...collapsibleScope,
+      ...rest,
+      style: {
+        "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+        "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+        ...typeof local.style === "object" ? local.style : {}
+      }
+    }
+  );
+}
+function getState(open) {
+  return open ? "open" : "closed";
+}
+var Root = Accordion;
+var Item = AccordionItem;
+var Header = AccordionHeader;
+var Trigger = AccordionTrigger;
+var Content = AccordionContent;
+
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionHeader = AccordionHeader;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
+exports.Content = Content;
+exports.Header = Header;
+exports.Item = Item;
+exports.Root = Root;
+exports.Trigger = Trigger;
+exports.createAccordionScope = createAccordionScope;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/accordion.tsx"],"names":["createCollection","createContextScope","createCollapsibleScope","splitProps","createControllableSignal","direction","useDirection","composeEventHandlers","Primitive","createId","Collapsible","CollapsibleTrigger","CollapsibleContent"],"mappings":"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","file":"index.cjs","sourcesContent":["import { type JSX, splitProps } from 'solid-js';\nimport { composeEventHandlers } from '@radix-solid-js/primitive';\nimport { createCollection } from '@radix-solid-js/collection';\nimport { createContextScope } from '@radix-solid-js/context';\nimport { useDirection } from '@radix-solid-js/direction';\nimport { createId } from '@radix-solid-js/id';\nimport { Primitive, type PrimitiveProps } from '@radix-solid-js/primitive-component';\nimport { createControllableSignal } from '@radix-solid-js/use-controllable-state';\nimport {\n  Collapsible,\n  CollapsibleTrigger,\n  CollapsibleContent,\n  createCollapsibleScope,\n} from '@radix-solid-js/collapsible';\n\nimport type { Scope } from '@radix-solid-js/context';\n\ntype Direction = 'ltr' | 'rtl';\n\n/* -------------------------------------------------------------------------------------------------\n * Accordion\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACCORDION_NAME = 'Accordion';\nconst ACCORDION_KEYS = ['Home', 'End', 'ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'];\n\ntype AccordionTriggerElement = HTMLButtonElement;\n\nconst [Collection, useCollection, createCollectionScope] =\n  createCollection<AccordionTriggerElement>(ACCORDION_NAME);\n\ntype ScopedProps<P> = P & { __scopeAccordion?: Scope };\n\nconst [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [\n  createCollectionScope,\n  createCollapsibleScope,\n]);\n\nconst useCollapsibleScope = createCollapsibleScope();\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionValueContext\n * -----------------------------------------------------------------------------------------------*/\n\ntype AccordionValueContextValue = {\n  value: string[];\n  onItemOpen(value: string): void;\n  onItemClose(value: string): void;\n};\n\nconst [AccordionValueProvider, useAccordionValueContext] =\n  createAccordionContext<AccordionValueContextValue>(ACCORDION_NAME);\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionCollapsibleContext\n * -----------------------------------------------------------------------------------------------*/\n\nconst [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(\n  ACCORDION_NAME,\n  { collapsible: false },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionImplContext\n * -----------------------------------------------------------------------------------------------*/\n\ntype AccordionImplContextValue = {\n  disabled?: boolean;\n  direction: Direction;\n  orientation: 'horizontal' | 'vertical';\n};\n\nconst [AccordionImplProvider, useAccordionContext] =\n  createAccordionContext<AccordionImplContextValue>(ACCORDION_NAME);\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionItemContext\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'AccordionItem';\n\ntype AccordionItemContextValue = {\n  open?: boolean;\n  disabled?: boolean;\n  triggerId: string;\n};\n\nconst [AccordionItemProvider, useAccordionItemContext] =\n  createAccordionContext<AccordionItemContextValue>(ITEM_NAME);\n\n/* -------------------------------------------------------------------------------------------------\n * Types\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AccordionImplProps extends PrimitiveProps<'div'> {\n  /**\n   * Whether or not an accordion is disabled from user interaction.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The layout in which the Accordion operates.\n   * @default vertical\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * The language read direction.\n   */\n  dir?: Direction;\n}\n\ninterface AccordionImplSingleProps extends AccordionImplProps {\n  /**\n   * The controlled stateful value of the accordion item whose content is expanded.\n   */\n  value?: string;\n  /**\n   * The value of the item whose content is expanded when the accordion is initially rendered.\n   * Use `defaultValue` if you do not need to control the state of an accordion.\n   */\n  defaultValue?: string;\n  /**\n   * The callback that fires when the state of the accordion changes.\n   */\n  onValueChange?(value: string): void;\n  /**\n   * Whether an accordion item can be collapsed after it has been opened.\n   * @default false\n   */\n  collapsible?: boolean;\n}\n\ninterface AccordionImplMultipleProps extends AccordionImplProps {\n  /**\n   * The controlled stateful value of the accordion items whose contents are expanded.\n   */\n  value?: string[];\n  /**\n   * The value of the items whose contents are expanded when the accordion is initially rendered.\n   * Use `defaultValue` if you do not need to control the state of an accordion.\n   */\n  defaultValue?: string[];\n  /**\n   * The callback that fires when the state of the accordion changes.\n   */\n  onValueChange?(value: string[]): void;\n}\n\ninterface AccordionSingleProps extends AccordionImplSingleProps {\n  type: 'single';\n}\n\ninterface AccordionMultipleProps extends AccordionImplMultipleProps {\n  type: 'multiple';\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Accordion\n * -----------------------------------------------------------------------------------------------*/\n\nfunction Accordion(props: ScopedProps<AccordionSingleProps | AccordionMultipleProps>) {\n  const [local, rest] = splitProps(props, ['type', '__scopeAccordion']);\n\n  return (\n    <Collection.Provider scope={local.__scopeAccordion}>\n      {local.type === 'multiple' ? (\n        <AccordionImplMultiple\n          {...(rest as unknown as ScopedProps<AccordionImplMultipleProps>)}\n          __scopeAccordion={local.__scopeAccordion}\n        />\n      ) : (\n        <AccordionImplSingle\n          {...(rest as unknown as ScopedProps<AccordionImplSingleProps>)}\n          __scopeAccordion={local.__scopeAccordion}\n        />\n      )}\n    </Collection.Provider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionImplSingle\n * -----------------------------------------------------------------------------------------------*/\n\nfunction AccordionImplSingle(props: ScopedProps<AccordionImplSingleProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeAccordion',\n    'value',\n    'defaultValue',\n    'onValueChange',\n    'collapsible',\n  ]);\n\n  const [value, setValue] = createControllableSignal({\n    prop: () => local.value,\n    defaultProp: local.defaultValue ?? '',\n    onChange: local.onValueChange,\n    caller: ACCORDION_NAME,\n  });\n\n  return (\n    <AccordionValueProvider\n      scope={local.__scopeAccordion}\n      value={value() ? [value() as string] : []}\n      onItemOpen={setValue}\n      onItemClose={() => {\n        if (local.collapsible) setValue('');\n      }}\n    >\n      <AccordionCollapsibleProvider\n        scope={local.__scopeAccordion}\n        collapsible={local.collapsible ?? false}\n      >\n        <AccordionImpl {...rest} __scopeAccordion={local.__scopeAccordion} />\n      </AccordionCollapsibleProvider>\n    </AccordionValueProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionImplMultiple\n * -----------------------------------------------------------------------------------------------*/\n\nfunction AccordionImplMultiple(props: ScopedProps<AccordionImplMultipleProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeAccordion',\n    'value',\n    'defaultValue',\n    'onValueChange',\n  ]);\n\n  const [value, setValue] = createControllableSignal({\n    prop: () => local.value,\n    defaultProp: local.defaultValue ?? ([] as string[]),\n    onChange: local.onValueChange,\n    caller: ACCORDION_NAME,\n  });\n\n  const handleItemOpen = (itemValue: string) => {\n    setValue((prevValue = []) => [...prevValue, itemValue]);\n  };\n\n  const handleItemClose = (itemValue: string) => {\n    setValue((prevValue = []) => prevValue.filter((v) => v !== itemValue));\n  };\n\n  return (\n    <AccordionValueProvider\n      scope={local.__scopeAccordion}\n      value={value() as string[]}\n      onItemOpen={handleItemOpen}\n      onItemClose={handleItemClose}\n    >\n      <AccordionCollapsibleProvider scope={local.__scopeAccordion} collapsible={true}>\n        <AccordionImpl {...rest} __scopeAccordion={local.__scopeAccordion} />\n      </AccordionCollapsibleProvider>\n    </AccordionValueProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionImpl\n * -----------------------------------------------------------------------------------------------*/\n\nfunction AccordionImpl(props: ScopedProps<AccordionImplProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeAccordion',\n    'disabled',\n    'dir',\n    'orientation',\n    'onKeyDown',\n    'ref',\n  ]);\n\n  const getItems = useCollection(local.__scopeAccordion);\n  const direction = useDirection(local.dir);\n  const isDirectionLTR = direction === 'ltr';\n  const orientation = local.orientation ?? 'vertical';\n\n  const handleKeyDown = composeEventHandlers<KeyboardEvent>(\n    local.onKeyDown as ((event: KeyboardEvent) => void) | undefined,\n    (event) => {\n      if (!ACCORDION_KEYS.includes(event.key)) return;\n\n      const target = event.target as HTMLElement;\n      const items = getItems();\n\n      // Get trigger buttons from collection items.\n      // Each collection item's ref is a wrapper <span>, the actual <button> is inside.\n      const triggerButtons = items\n        .map((item) => {\n          const ref = item.ref as HTMLElement;\n          if (ref instanceof HTMLButtonElement) return ref;\n          return ref.querySelector('button') as HTMLButtonElement | null;\n        })\n        .filter(\n          (btn): btn is HTMLButtonElement => btn !== null && !btn.disabled\n        );\n\n      const triggerIndex = triggerButtons.findIndex((btn) => btn === target);\n      const triggerCount = triggerButtons.length;\n\n      if (triggerIndex === -1) return;\n\n      // Prevents page scroll while user is navigating\n      event.preventDefault();\n\n      let nextIndex = triggerIndex;\n      const homeIndex = 0;\n      const endIndex = triggerCount - 1;\n\n      const moveNext = () => {\n        nextIndex = triggerIndex + 1;\n        if (nextIndex > endIndex) {\n          nextIndex = homeIndex;\n        }\n      };\n\n      const movePrev = () => {\n        nextIndex = triggerIndex - 1;\n        if (nextIndex < homeIndex) {\n          nextIndex = endIndex;\n        }\n      };\n\n      switch (event.key) {\n        case 'Home':\n          nextIndex = homeIndex;\n          break;\n        case 'End':\n          nextIndex = endIndex;\n          break;\n        case 'ArrowRight':\n          if (orientation === 'horizontal') {\n            if (isDirectionLTR) {\n              moveNext();\n            } else {\n              movePrev();\n            }\n          }\n          break;\n        case 'ArrowDown':\n          if (orientation === 'vertical') {\n            moveNext();\n          }\n          break;\n        case 'ArrowLeft':\n          if (orientation === 'horizontal') {\n            if (isDirectionLTR) {\n              movePrev();\n            } else {\n              moveNext();\n            }\n          }\n          break;\n        case 'ArrowUp':\n          if (orientation === 'vertical') {\n            movePrev();\n          }\n          break;\n      }\n\n      const clampedIndex = nextIndex % triggerCount;\n      triggerButtons[clampedIndex]?.focus();\n    }\n  );\n\n  return (\n    <AccordionImplProvider\n      scope={local.__scopeAccordion}\n      disabled={local.disabled}\n      direction={direction as Direction}\n      orientation={orientation}\n    >\n      <Collection.Slot scope={local.__scopeAccordion}>\n        <Primitive.div\n          {...rest}\n          data-orientation={orientation}\n          ref={local.ref}\n          onKeyDown={local.disabled ? undefined : handleKeyDown}\n        />\n      </Collection.Slot>\n    </AccordionImplProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionItem\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AccordionItemProps extends PrimitiveProps<'div'> {\n  /**\n   * Whether or not an accordion item is disabled from user interaction.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * A string value for the accordion item. All items within an accordion should use a unique value.\n   */\n  value: string;\n}\n\n/**\n * `AccordionItem` contains all of the parts of a collapsible section inside of an `Accordion`.\n */\nfunction AccordionItem(props: ScopedProps<AccordionItemProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeAccordion',\n    'value',\n    'disabled',\n  ]);\n\n  const accordionContext = useAccordionContext(ITEM_NAME, local.__scopeAccordion);\n  const valueContext = useAccordionValueContext(ITEM_NAME, local.__scopeAccordion);\n  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);\n  const triggerId = createId();\n  const open = () => (local.value && valueContext.value.includes(local.value)) || false;\n  const disabled = () => accordionContext.disabled || local.disabled;\n\n  return (\n    <AccordionItemProvider\n      scope={local.__scopeAccordion}\n      open={open()}\n      disabled={disabled()}\n      triggerId={triggerId}\n    >\n      <Collapsible\n        data-orientation={accordionContext.orientation}\n        data-state={getState(open())}\n        {...collapsibleScope}\n        {...rest}\n        disabled={disabled()}\n        open={open()}\n        onOpenChange={(isOpen: boolean) => {\n          if (isOpen) {\n            valueContext.onItemOpen(local.value);\n          } else {\n            valueContext.onItemClose(local.value);\n          }\n        }}\n      />\n    </AccordionItemProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst HEADER_NAME = 'AccordionHeader';\n\ninterface AccordionHeaderProps extends PrimitiveProps<'h3'> {}\n\n/**\n * `AccordionHeader` contains the content for the parts of an `AccordionItem` that will be visible\n * whether or not its content is collapsed.\n */\nfunction AccordionHeader(props: ScopedProps<AccordionHeaderProps>) {\n  const [local, rest] = splitProps(props, ['__scopeAccordion']);\n  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);\n  const itemContext = useAccordionItemContext(HEADER_NAME, local.__scopeAccordion);\n\n  return (\n    <Primitive.h3\n      data-orientation={accordionContext.orientation}\n      data-state={getState(itemContext.open)}\n      data-disabled={itemContext.disabled ? '' : undefined}\n      {...rest}\n    />\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'AccordionTrigger';\n\ninterface AccordionTriggerProps extends PrimitiveProps<'button'> {}\n\n/**\n * `AccordionTrigger` is the trigger that toggles the collapsed state of an `AccordionItem`. It\n * should always be nested inside of an `AccordionHeader`.\n */\nfunction AccordionTrigger(props: ScopedProps<AccordionTriggerProps>) {\n  const [local, rest] = splitProps(props, ['__scopeAccordion']);\n  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);\n  const itemContext = useAccordionItemContext(TRIGGER_NAME, local.__scopeAccordion);\n  const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, local.__scopeAccordion);\n  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);\n\n  return (\n    <Collection.ItemSlot scope={local.__scopeAccordion}>\n      <CollapsibleTrigger\n        aria-disabled={\n          (itemContext.open && !collapsibleContext.collapsible) || undefined\n        }\n        data-orientation={accordionContext.orientation}\n        id={itemContext.triggerId}\n        {...collapsibleScope}\n        {...rest}\n      />\n    </Collection.ItemSlot>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'AccordionContent';\n\ninterface AccordionContentProps extends PrimitiveProps<'div'> {\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling animation\n   * with SolidJS animation libraries.\n   */\n  forceMount?: true;\n}\n\n/**\n * `AccordionContent` contains the collapsible content for an `AccordionItem`.\n */\nfunction AccordionContent(props: ScopedProps<AccordionContentProps>) {\n  const [local, rest] = splitProps(props, ['__scopeAccordion', 'style']);\n  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);\n  const itemContext = useAccordionItemContext(CONTENT_NAME, local.__scopeAccordion);\n  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);\n\n  return (\n    <CollapsibleContent\n      role=\"region\"\n      aria-labelledby={itemContext.triggerId}\n      data-orientation={accordionContext.orientation}\n      {...collapsibleScope}\n      {...rest}\n      style={\n        {\n          '--radix-accordion-content-height': 'var(--radix-collapsible-content-height)',\n          '--radix-accordion-content-width': 'var(--radix-collapsible-content-width)',\n          ...(typeof local.style === 'object' ? local.style : {}),\n        } as JSX.CSSProperties\n      }\n    />\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Utils\n * -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open?: boolean) {\n  return open ? 'open' : 'closed';\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\n\nconst Root = Accordion;\nconst Item = AccordionItem;\nconst Header = AccordionHeader;\nconst Trigger = AccordionTrigger;\nconst Content = AccordionContent;\n\nexport {\n  createAccordionScope,\n  //\n  Accordion,\n  AccordionItem,\n  AccordionHeader,\n  AccordionTrigger,\n  AccordionContent,\n  //\n  Root,\n  Item,\n  Header,\n  Trigger,\n  Content,\n};\nexport type {\n  AccordionSingleProps,\n  AccordionMultipleProps,\n  AccordionItemProps,\n  AccordionHeaderProps,\n  AccordionTriggerProps,\n  AccordionContentProps,\n};\n"]}

package/dist/index.d.cts

@@ -0,0 +1,115 @@
+import * as _radix_solid_js_context from '@radix-solid-js/context';
+import { Scope } from '@radix-solid-js/context';
+import { JSX } from 'solid-js';
+import { PrimitiveProps } from '@radix-solid-js/primitive-component';
+
+type Direction = 'ltr' | 'rtl';
+type ScopedProps<P> = P & {
+    __scopeAccordion?: Scope;
+};
+declare const createAccordionScope: _radix_solid_js_context.CreateScope;
+interface AccordionImplProps extends PrimitiveProps<'div'> {
+    /**
+     * Whether or not an accordion is disabled from user interaction.
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * The layout in which the Accordion operates.
+     * @default vertical
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The language read direction.
+     */
+    dir?: Direction;
+}
+interface AccordionImplSingleProps extends AccordionImplProps {
+    /**
+     * The controlled stateful value of the accordion item whose content is expanded.
+     */
+    value?: string;
+    /**
+     * The value of the item whose content is expanded when the accordion is initially rendered.
+     * Use `defaultValue` if you do not need to control the state of an accordion.
+     */
+    defaultValue?: string;
+    /**
+     * The callback that fires when the state of the accordion changes.
+     */
+    onValueChange?(value: string): void;
+    /**
+     * Whether an accordion item can be collapsed after it has been opened.
+     * @default false
+     */
+    collapsible?: boolean;
+}
+interface AccordionImplMultipleProps extends AccordionImplProps {
+    /**
+     * The controlled stateful value of the accordion items whose contents are expanded.
+     */
+    value?: string[];
+    /**
+     * The value of the items whose contents are expanded when the accordion is initially rendered.
+     * Use `defaultValue` if you do not need to control the state of an accordion.
+     */
+    defaultValue?: string[];
+    /**
+     * The callback that fires when the state of the accordion changes.
+     */
+    onValueChange?(value: string[]): void;
+}
+interface AccordionSingleProps extends AccordionImplSingleProps {
+    type: 'single';
+}
+interface AccordionMultipleProps extends AccordionImplMultipleProps {
+    type: 'multiple';
+}
+declare function Accordion(props: ScopedProps<AccordionSingleProps | AccordionMultipleProps>): JSX.Element;
+interface AccordionItemProps extends PrimitiveProps<'div'> {
+    /**
+     * Whether or not an accordion item is disabled from user interaction.
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * A string value for the accordion item. All items within an accordion should use a unique value.
+     */
+    value: string;
+}
+/**
+ * `AccordionItem` contains all of the parts of a collapsible section inside of an `Accordion`.
+ */
+declare function AccordionItem(props: ScopedProps<AccordionItemProps>): JSX.Element;
+interface AccordionHeaderProps extends PrimitiveProps<'h3'> {
+}
+/**
+ * `AccordionHeader` contains the content for the parts of an `AccordionItem` that will be visible
+ * whether or not its content is collapsed.
+ */
+declare function AccordionHeader(props: ScopedProps<AccordionHeaderProps>): JSX.Element;
+interface AccordionTriggerProps extends PrimitiveProps<'button'> {
+}
+/**
+ * `AccordionTrigger` is the trigger that toggles the collapsed state of an `AccordionItem`. It
+ * should always be nested inside of an `AccordionHeader`.
+ */
+declare function AccordionTrigger(props: ScopedProps<AccordionTriggerProps>): JSX.Element;
+interface AccordionContentProps extends PrimitiveProps<'div'> {
+    /**
+     * Used to force mounting when more control is needed. Useful when controlling animation
+     * with SolidJS animation libraries.
+     */
+    forceMount?: true;
+}
+/**
+ * `AccordionContent` contains the collapsible content for an `AccordionItem`.
+ */
+declare function AccordionContent(props: ScopedProps<AccordionContentProps>): JSX.Element;
+declare const Root: typeof Accordion;
+declare const Item: typeof AccordionItem;
+declare const Header: typeof AccordionHeader;
+declare const Trigger: typeof AccordionTrigger;
+declare const Content: typeof AccordionContent;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionSingleProps, AccordionTrigger, type AccordionTriggerProps, Content, Header, Item, Root, Trigger, createAccordionScope };

package/dist/index.d.ts

@@ -0,0 +1,115 @@
+import * as _radix_solid_js_context from '@radix-solid-js/context';
+import { Scope } from '@radix-solid-js/context';
+import { JSX } from 'solid-js';
+import { PrimitiveProps } from '@radix-solid-js/primitive-component';
+
+type Direction = 'ltr' | 'rtl';
+type ScopedProps<P> = P & {
+    __scopeAccordion?: Scope;
+};
+declare const createAccordionScope: _radix_solid_js_context.CreateScope;
+interface AccordionImplProps extends PrimitiveProps<'div'> {
+    /**
+     * Whether or not an accordion is disabled from user interaction.
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * The layout in which the Accordion operates.
+     * @default vertical
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The language read direction.
+     */
+    dir?: Direction;
+}
+interface AccordionImplSingleProps extends AccordionImplProps {
+    /**
+     * The controlled stateful value of the accordion item whose content is expanded.
+     */
+    value?: string;
+    /**
+     * The value of the item whose content is expanded when the accordion is initially rendered.
+     * Use `defaultValue` if you do not need to control the state of an accordion.
+     */
+    defaultValue?: string;
+    /**
+     * The callback that fires when the state of the accordion changes.
+     */
+    onValueChange?(value: string): void;
+    /**
+     * Whether an accordion item can be collapsed after it has been opened.
+     * @default false
+     */
+    collapsible?: boolean;
+}
+interface AccordionImplMultipleProps extends AccordionImplProps {
+    /**
+     * The controlled stateful value of the accordion items whose contents are expanded.
+     */
+    value?: string[];
+    /**
+     * The value of the items whose contents are expanded when the accordion is initially rendered.
+     * Use `defaultValue` if you do not need to control the state of an accordion.
+     */
+    defaultValue?: string[];
+    /**
+     * The callback that fires when the state of the accordion changes.
+     */
+    onValueChange?(value: string[]): void;
+}
+interface AccordionSingleProps extends AccordionImplSingleProps {
+    type: 'single';
+}
+interface AccordionMultipleProps extends AccordionImplMultipleProps {
+    type: 'multiple';
+}
+declare function Accordion(props: ScopedProps<AccordionSingleProps | AccordionMultipleProps>): JSX.Element;
+interface AccordionItemProps extends PrimitiveProps<'div'> {
+    /**
+     * Whether or not an accordion item is disabled from user interaction.
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * A string value for the accordion item. All items within an accordion should use a unique value.
+     */
+    value: string;
+}
+/**
+ * `AccordionItem` contains all of the parts of a collapsible section inside of an `Accordion`.
+ */
+declare function AccordionItem(props: ScopedProps<AccordionItemProps>): JSX.Element;
+interface AccordionHeaderProps extends PrimitiveProps<'h3'> {
+}
+/**
+ * `AccordionHeader` contains the content for the parts of an `AccordionItem` that will be visible
+ * whether or not its content is collapsed.
+ */
+declare function AccordionHeader(props: ScopedProps<AccordionHeaderProps>): JSX.Element;
+interface AccordionTriggerProps extends PrimitiveProps<'button'> {
+}
+/**
+ * `AccordionTrigger` is the trigger that toggles the collapsed state of an `AccordionItem`. It
+ * should always be nested inside of an `AccordionHeader`.
+ */
+declare function AccordionTrigger(props: ScopedProps<AccordionTriggerProps>): JSX.Element;
+interface AccordionContentProps extends PrimitiveProps<'div'> {
+    /**
+     * Used to force mounting when more control is needed. Useful when controlling animation
+     * with SolidJS animation libraries.
+     */
+    forceMount?: true;
+}
+/**
+ * `AccordionContent` contains the collapsible content for an `AccordionItem`.
+ */
+declare function AccordionContent(props: ScopedProps<AccordionContentProps>): JSX.Element;
+declare const Root: typeof Accordion;
+declare const Item: typeof AccordionItem;
+declare const Header: typeof AccordionHeader;
+declare const Trigger: typeof AccordionTrigger;
+declare const Content: typeof AccordionContent;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionSingleProps, AccordionTrigger, type AccordionTriggerProps, Content, Header, Item, Root, Trigger, createAccordionScope };

package/dist/index.js

@@ -0,0 +1,318 @@
+import { splitProps } from 'solid-js';
+import { composeEventHandlers } from '@radix-solid-js/primitive';
+import { createCollection } from '@radix-solid-js/collection';
+import { createContextScope } from '@radix-solid-js/context';
+import { useDirection } from '@radix-solid-js/direction';
+import { createId } from '@radix-solid-js/id';
+import { Primitive } from '@radix-solid-js/primitive-component';
+import { createControllableSignal } from '@radix-solid-js/use-controllable-state';
+import { createCollapsibleScope, Collapsible, CollapsibleTrigger, CollapsibleContent } from '@radix-solid-js/collapsible';
+
+// src/accordion.tsx
+var ACCORDION_NAME = "Accordion";
+var ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"];
+var [Collection, useCollection, createCollectionScope] = createCollection(ACCORDION_NAME);
+var [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [
+  createCollectionScope,
+  createCollapsibleScope
+]);
+var useCollapsibleScope = createCollapsibleScope();
+var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME);
+var [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(
+  ACCORDION_NAME,
+  { collapsible: false }
+);
+var [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
+var ITEM_NAME = "AccordionItem";
+var [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME);
+function Accordion(props) {
+  const [local, rest] = splitProps(props, ["type", "__scopeAccordion"]);
+  return /* @__PURE__ */ React.createElement(Collection.Provider, { scope: local.__scopeAccordion }, local.type === "multiple" ? /* @__PURE__ */ React.createElement(
+    AccordionImplMultiple,
+    {
+      ...rest,
+      __scopeAccordion: local.__scopeAccordion
+    }
+  ) : /* @__PURE__ */ React.createElement(
+    AccordionImplSingle,
+    {
+      ...rest,
+      __scopeAccordion: local.__scopeAccordion
+    }
+  ));
+}
+function AccordionImplSingle(props) {
+  const [local, rest] = splitProps(props, [
+    "__scopeAccordion",
+    "value",
+    "defaultValue",
+    "onValueChange",
+    "collapsible"
+  ]);
+  const [value, setValue] = createControllableSignal({
+    prop: () => local.value,
+    defaultProp: local.defaultValue ?? "",
+    onChange: local.onValueChange,
+    caller: ACCORDION_NAME
+  });
+  return /* @__PURE__ */ React.createElement(
+    AccordionValueProvider,
+    {
+      scope: local.__scopeAccordion,
+      value: value() ? [value()] : [],
+      onItemOpen: setValue,
+      onItemClose: () => {
+        if (local.collapsible) setValue("");
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      AccordionCollapsibleProvider,
+      {
+        scope: local.__scopeAccordion,
+        collapsible: local.collapsible ?? false
+      },
+      /* @__PURE__ */ React.createElement(AccordionImpl, { ...rest, __scopeAccordion: local.__scopeAccordion })
+    )
+  );
+}
+function AccordionImplMultiple(props) {
+  const [local, rest] = splitProps(props, [
+    "__scopeAccordion",
+    "value",
+    "defaultValue",
+    "onValueChange"
+  ]);
+  const [value, setValue] = createControllableSignal({
+    prop: () => local.value,
+    defaultProp: local.defaultValue ?? [],
+    onChange: local.onValueChange,
+    caller: ACCORDION_NAME
+  });
+  const handleItemOpen = (itemValue) => {
+    setValue((prevValue = []) => [...prevValue, itemValue]);
+  };
+  const handleItemClose = (itemValue) => {
+    setValue((prevValue = []) => prevValue.filter((v) => v !== itemValue));
+  };
+  return /* @__PURE__ */ React.createElement(
+    AccordionValueProvider,
+    {
+      scope: local.__scopeAccordion,
+      value: value(),
+      onItemOpen: handleItemOpen,
+      onItemClose: handleItemClose
+    },
+    /* @__PURE__ */ React.createElement(AccordionCollapsibleProvider, { scope: local.__scopeAccordion, collapsible: true }, /* @__PURE__ */ React.createElement(AccordionImpl, { ...rest, __scopeAccordion: local.__scopeAccordion }))
+  );
+}
+function AccordionImpl(props) {
+  const [local, rest] = splitProps(props, [
+    "__scopeAccordion",
+    "disabled",
+    "dir",
+    "orientation",
+    "onKeyDown",
+    "ref"
+  ]);
+  const getItems = useCollection(local.__scopeAccordion);
+  const direction = useDirection(local.dir);
+  const isDirectionLTR = direction === "ltr";
+  const orientation = local.orientation ?? "vertical";
+  const handleKeyDown = composeEventHandlers(
+    local.onKeyDown,
+    (event) => {
+      if (!ACCORDION_KEYS.includes(event.key)) return;
+      const target = event.target;
+      const items = getItems();
+      const triggerButtons = items.map((item) => {
+        const ref = item.ref;
+        if (ref instanceof HTMLButtonElement) return ref;
+        return ref.querySelector("button");
+      }).filter(
+        (btn) => btn !== null && !btn.disabled
+      );
+      const triggerIndex = triggerButtons.findIndex((btn) => btn === target);
+      const triggerCount = triggerButtons.length;
+      if (triggerIndex === -1) return;
+      event.preventDefault();
+      let nextIndex = triggerIndex;
+      const homeIndex = 0;
+      const endIndex = triggerCount - 1;
+      const moveNext = () => {
+        nextIndex = triggerIndex + 1;
+        if (nextIndex > endIndex) {
+          nextIndex = homeIndex;
+        }
+      };
+      const movePrev = () => {
+        nextIndex = triggerIndex - 1;
+        if (nextIndex < homeIndex) {
+          nextIndex = endIndex;
+        }
+      };
+      switch (event.key) {
+        case "Home":
+          nextIndex = homeIndex;
+          break;
+        case "End":
+          nextIndex = endIndex;
+          break;
+        case "ArrowRight":
+          if (orientation === "horizontal") {
+            if (isDirectionLTR) {
+              moveNext();
+            } else {
+              movePrev();
+            }
+          }
+          break;
+        case "ArrowDown":
+          if (orientation === "vertical") {
+            moveNext();
+          }
+          break;
+        case "ArrowLeft":
+          if (orientation === "horizontal") {
+            if (isDirectionLTR) {
+              movePrev();
+            } else {
+              moveNext();
+            }
+          }
+          break;
+        case "ArrowUp":
+          if (orientation === "vertical") {
+            movePrev();
+          }
+          break;
+      }
+      const clampedIndex = nextIndex % triggerCount;
+      triggerButtons[clampedIndex]?.focus();
+    }
+  );
+  return /* @__PURE__ */ React.createElement(
+    AccordionImplProvider,
+    {
+      scope: local.__scopeAccordion,
+      disabled: local.disabled,
+      direction,
+      orientation
+    },
+    /* @__PURE__ */ React.createElement(Collection.Slot, { scope: local.__scopeAccordion }, /* @__PURE__ */ React.createElement(
+      Primitive.div,
+      {
+        ...rest,
+        "data-orientation": orientation,
+        ref: local.ref,
+        onKeyDown: local.disabled ? void 0 : handleKeyDown
+      }
+    ))
+  );
+}
+function AccordionItem(props) {
+  const [local, rest] = splitProps(props, [
+    "__scopeAccordion",
+    "value",
+    "disabled"
+  ]);
+  const accordionContext = useAccordionContext(ITEM_NAME, local.__scopeAccordion);
+  const valueContext = useAccordionValueContext(ITEM_NAME, local.__scopeAccordion);
+  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);
+  const triggerId = createId();
+  const open = () => local.value && valueContext.value.includes(local.value) || false;
+  const disabled = () => accordionContext.disabled || local.disabled;
+  return /* @__PURE__ */ React.createElement(
+    AccordionItemProvider,
+    {
+      scope: local.__scopeAccordion,
+      open: open(),
+      disabled: disabled(),
+      triggerId
+    },
+    /* @__PURE__ */ React.createElement(
+      Collapsible,
+      {
+        "data-orientation": accordionContext.orientation,
+        "data-state": getState(open()),
+        ...collapsibleScope,
+        ...rest,
+        disabled: disabled(),
+        open: open(),
+        onOpenChange: (isOpen) => {
+          if (isOpen) {
+            valueContext.onItemOpen(local.value);
+          } else {
+            valueContext.onItemClose(local.value);
+          }
+        }
+      }
+    )
+  );
+}
+var HEADER_NAME = "AccordionHeader";
+function AccordionHeader(props) {
+  const [local, rest] = splitProps(props, ["__scopeAccordion"]);
+  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);
+  const itemContext = useAccordionItemContext(HEADER_NAME, local.__scopeAccordion);
+  return /* @__PURE__ */ React.createElement(
+    Primitive.h3,
+    {
+      "data-orientation": accordionContext.orientation,
+      "data-state": getState(itemContext.open),
+      "data-disabled": itemContext.disabled ? "" : void 0,
+      ...rest
+    }
+  );
+}
+var TRIGGER_NAME = "AccordionTrigger";
+function AccordionTrigger(props) {
+  const [local, rest] = splitProps(props, ["__scopeAccordion"]);
+  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);
+  const itemContext = useAccordionItemContext(TRIGGER_NAME, local.__scopeAccordion);
+  const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, local.__scopeAccordion);
+  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);
+  return /* @__PURE__ */ React.createElement(Collection.ItemSlot, { scope: local.__scopeAccordion }, /* @__PURE__ */ React.createElement(
+    CollapsibleTrigger,
+    {
+      "aria-disabled": itemContext.open && !collapsibleContext.collapsible || void 0,
+      "data-orientation": accordionContext.orientation,
+      id: itemContext.triggerId,
+      ...collapsibleScope,
+      ...rest
+    }
+  ));
+}
+var CONTENT_NAME = "AccordionContent";
+function AccordionContent(props) {
+  const [local, rest] = splitProps(props, ["__scopeAccordion", "style"]);
+  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);
+  const itemContext = useAccordionItemContext(CONTENT_NAME, local.__scopeAccordion);
+  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);
+  return /* @__PURE__ */ React.createElement(
+    CollapsibleContent,
+    {
+      role: "region",
+      "aria-labelledby": itemContext.triggerId,
+      "data-orientation": accordionContext.orientation,
+      ...collapsibleScope,
+      ...rest,
+      style: {
+        "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+        "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+        ...typeof local.style === "object" ? local.style : {}
+      }
+    }
+  );
+}
+function getState(open) {
+  return open ? "open" : "closed";
+}
+var Root = Accordion;
+var Item = AccordionItem;
+var Header = AccordionHeader;
+var Trigger = AccordionTrigger;
+var Content = AccordionContent;
+
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Content, Header, Item, Root, Trigger, createAccordionScope };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/accordion.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { type JSX, splitProps } from 'solid-js';\nimport { composeEventHandlers } from '@radix-solid-js/primitive';\nimport { createCollection } from '@radix-solid-js/collection';\nimport { createContextScope } from '@radix-solid-js/context';\nimport { useDirection } from '@radix-solid-js/direction';\nimport { createId } from '@radix-solid-js/id';\nimport { Primitive, type PrimitiveProps } from '@radix-solid-js/primitive-component';\nimport { createControllableSignal } from '@radix-solid-js/use-controllable-state';\nimport {\n  Collapsible,\n  CollapsibleTrigger,\n  CollapsibleContent,\n  createCollapsibleScope,\n} from '@radix-solid-js/collapsible';\n\nimport type { Scope } from '@radix-solid-js/context';\n\ntype Direction = 'ltr' | 'rtl';\n\n/* -------------------------------------------------------------------------------------------------\n * Accordion\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACCORDION_NAME = 'Accordion';\nconst ACCORDION_KEYS = ['Home', 'End', 'ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'];\n\ntype AccordionTriggerElement = HTMLButtonElement;\n\nconst [Collection, useCollection, createCollectionScope] =\n  createCollection<AccordionTriggerElement>(ACCORDION_NAME);\n\ntype ScopedProps<P> = P & { __scopeAccordion?: Scope };\n\nconst [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [\n  createCollectionScope,\n  createCollapsibleScope,\n]);\n\nconst useCollapsibleScope = createCollapsibleScope();\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionValueContext\n * -----------------------------------------------------------------------------------------------*/\n\ntype AccordionValueContextValue = {\n  value: string[];\n  onItemOpen(value: string): void;\n  onItemClose(value: string): void;\n};\n\nconst [AccordionValueProvider, useAccordionValueContext] =\n  createAccordionContext<AccordionValueContextValue>(ACCORDION_NAME);\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionCollapsibleContext\n * -----------------------------------------------------------------------------------------------*/\n\nconst [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(\n  ACCORDION_NAME,\n  { collapsible: false },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionImplContext\n * -----------------------------------------------------------------------------------------------*/\n\ntype AccordionImplContextValue = {\n  disabled?: boolean;\n  direction: Direction;\n  orientation: 'horizontal' | 'vertical';\n};\n\nconst [AccordionImplProvider, useAccordionContext] =\n  createAccordionContext<AccordionImplContextValue>(ACCORDION_NAME);\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionItemContext\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'AccordionItem';\n\ntype AccordionItemContextValue = {\n  open?: boolean;\n  disabled?: boolean;\n  triggerId: string;\n};\n\nconst [AccordionItemProvider, useAccordionItemContext] =\n  createAccordionContext<AccordionItemContextValue>(ITEM_NAME);\n\n/* -------------------------------------------------------------------------------------------------\n * Types\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AccordionImplProps extends PrimitiveProps<'div'> {\n  /**\n   * Whether or not an accordion is disabled from user interaction.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The layout in which the Accordion operates.\n   * @default vertical\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * The language read direction.\n   */\n  dir?: Direction;\n}\n\ninterface AccordionImplSingleProps extends AccordionImplProps {\n  /**\n   * The controlled stateful value of the accordion item whose content is expanded.\n   */\n  value?: string;\n  /**\n   * The value of the item whose content is expanded when the accordion is initially rendered.\n   * Use `defaultValue` if you do not need to control the state of an accordion.\n   */\n  defaultValue?: string;\n  /**\n   * The callback that fires when the state of the accordion changes.\n   */\n  onValueChange?(value: string): void;\n  /**\n   * Whether an accordion item can be collapsed after it has been opened.\n   * @default false\n   */\n  collapsible?: boolean;\n}\n\ninterface AccordionImplMultipleProps extends AccordionImplProps {\n  /**\n   * The controlled stateful value of the accordion items whose contents are expanded.\n   */\n  value?: string[];\n  /**\n   * The value of the items whose contents are expanded when the accordion is initially rendered.\n   * Use `defaultValue` if you do not need to control the state of an accordion.\n   */\n  defaultValue?: string[];\n  /**\n   * The callback that fires when the state of the accordion changes.\n   */\n  onValueChange?(value: string[]): void;\n}\n\ninterface AccordionSingleProps extends AccordionImplSingleProps {\n  type: 'single';\n}\n\ninterface AccordionMultipleProps extends AccordionImplMultipleProps {\n  type: 'multiple';\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Accordion\n * -----------------------------------------------------------------------------------------------*/\n\nfunction Accordion(props: ScopedProps<AccordionSingleProps | AccordionMultipleProps>) {\n  const [local, rest] = splitProps(props, ['type', '__scopeAccordion']);\n\n  return (\n    <Collection.Provider scope={local.__scopeAccordion}>\n      {local.type === 'multiple' ? (\n        <AccordionImplMultiple\n          {...(rest as unknown as ScopedProps<AccordionImplMultipleProps>)}\n          __scopeAccordion={local.__scopeAccordion}\n        />\n      ) : (\n        <AccordionImplSingle\n          {...(rest as unknown as ScopedProps<AccordionImplSingleProps>)}\n          __scopeAccordion={local.__scopeAccordion}\n        />\n      )}\n    </Collection.Provider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionImplSingle\n * -----------------------------------------------------------------------------------------------*/\n\nfunction AccordionImplSingle(props: ScopedProps<AccordionImplSingleProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeAccordion',\n    'value',\n    'defaultValue',\n    'onValueChange',\n    'collapsible',\n  ]);\n\n  const [value, setValue] = createControllableSignal({\n    prop: () => local.value,\n    defaultProp: local.defaultValue ?? '',\n    onChange: local.onValueChange,\n    caller: ACCORDION_NAME,\n  });\n\n  return (\n    <AccordionValueProvider\n      scope={local.__scopeAccordion}\n      value={value() ? [value() as string] : []}\n      onItemOpen={setValue}\n      onItemClose={() => {\n        if (local.collapsible) setValue('');\n      }}\n    >\n      <AccordionCollapsibleProvider\n        scope={local.__scopeAccordion}\n        collapsible={local.collapsible ?? false}\n      >\n        <AccordionImpl {...rest} __scopeAccordion={local.__scopeAccordion} />\n      </AccordionCollapsibleProvider>\n    </AccordionValueProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionImplMultiple\n * -----------------------------------------------------------------------------------------------*/\n\nfunction AccordionImplMultiple(props: ScopedProps<AccordionImplMultipleProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeAccordion',\n    'value',\n    'defaultValue',\n    'onValueChange',\n  ]);\n\n  const [value, setValue] = createControllableSignal({\n    prop: () => local.value,\n    defaultProp: local.defaultValue ?? ([] as string[]),\n    onChange: local.onValueChange,\n    caller: ACCORDION_NAME,\n  });\n\n  const handleItemOpen = (itemValue: string) => {\n    setValue((prevValue = []) => [...prevValue, itemValue]);\n  };\n\n  const handleItemClose = (itemValue: string) => {\n    setValue((prevValue = []) => prevValue.filter((v) => v !== itemValue));\n  };\n\n  return (\n    <AccordionValueProvider\n      scope={local.__scopeAccordion}\n      value={value() as string[]}\n      onItemOpen={handleItemOpen}\n      onItemClose={handleItemClose}\n    >\n      <AccordionCollapsibleProvider scope={local.__scopeAccordion} collapsible={true}>\n        <AccordionImpl {...rest} __scopeAccordion={local.__scopeAccordion} />\n      </AccordionCollapsibleProvider>\n    </AccordionValueProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionImpl\n * -----------------------------------------------------------------------------------------------*/\n\nfunction AccordionImpl(props: ScopedProps<AccordionImplProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeAccordion',\n    'disabled',\n    'dir',\n    'orientation',\n    'onKeyDown',\n    'ref',\n  ]);\n\n  const getItems = useCollection(local.__scopeAccordion);\n  const direction = useDirection(local.dir);\n  const isDirectionLTR = direction === 'ltr';\n  const orientation = local.orientation ?? 'vertical';\n\n  const handleKeyDown = composeEventHandlers<KeyboardEvent>(\n    local.onKeyDown as ((event: KeyboardEvent) => void) | undefined,\n    (event) => {\n      if (!ACCORDION_KEYS.includes(event.key)) return;\n\n      const target = event.target as HTMLElement;\n      const items = getItems();\n\n      // Get trigger buttons from collection items.\n      // Each collection item's ref is a wrapper <span>, the actual <button> is inside.\n      const triggerButtons = items\n        .map((item) => {\n          const ref = item.ref as HTMLElement;\n          if (ref instanceof HTMLButtonElement) return ref;\n          return ref.querySelector('button') as HTMLButtonElement | null;\n        })\n        .filter(\n          (btn): btn is HTMLButtonElement => btn !== null && !btn.disabled\n        );\n\n      const triggerIndex = triggerButtons.findIndex((btn) => btn === target);\n      const triggerCount = triggerButtons.length;\n\n      if (triggerIndex === -1) return;\n\n      // Prevents page scroll while user is navigating\n      event.preventDefault();\n\n      let nextIndex = triggerIndex;\n      const homeIndex = 0;\n      const endIndex = triggerCount - 1;\n\n      const moveNext = () => {\n        nextIndex = triggerIndex + 1;\n        if (nextIndex > endIndex) {\n          nextIndex = homeIndex;\n        }\n      };\n\n      const movePrev = () => {\n        nextIndex = triggerIndex - 1;\n        if (nextIndex < homeIndex) {\n          nextIndex = endIndex;\n        }\n      };\n\n      switch (event.key) {\n        case 'Home':\n          nextIndex = homeIndex;\n          break;\n        case 'End':\n          nextIndex = endIndex;\n          break;\n        case 'ArrowRight':\n          if (orientation === 'horizontal') {\n            if (isDirectionLTR) {\n              moveNext();\n            } else {\n              movePrev();\n            }\n          }\n          break;\n        case 'ArrowDown':\n          if (orientation === 'vertical') {\n            moveNext();\n          }\n          break;\n        case 'ArrowLeft':\n          if (orientation === 'horizontal') {\n            if (isDirectionLTR) {\n              movePrev();\n            } else {\n              moveNext();\n            }\n          }\n          break;\n        case 'ArrowUp':\n          if (orientation === 'vertical') {\n            movePrev();\n          }\n          break;\n      }\n\n      const clampedIndex = nextIndex % triggerCount;\n      triggerButtons[clampedIndex]?.focus();\n    }\n  );\n\n  return (\n    <AccordionImplProvider\n      scope={local.__scopeAccordion}\n      disabled={local.disabled}\n      direction={direction as Direction}\n      orientation={orientation}\n    >\n      <Collection.Slot scope={local.__scopeAccordion}>\n        <Primitive.div\n          {...rest}\n          data-orientation={orientation}\n          ref={local.ref}\n          onKeyDown={local.disabled ? undefined : handleKeyDown}\n        />\n      </Collection.Slot>\n    </AccordionImplProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionItem\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AccordionItemProps extends PrimitiveProps<'div'> {\n  /**\n   * Whether or not an accordion item is disabled from user interaction.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * A string value for the accordion item. All items within an accordion should use a unique value.\n   */\n  value: string;\n}\n\n/**\n * `AccordionItem` contains all of the parts of a collapsible section inside of an `Accordion`.\n */\nfunction AccordionItem(props: ScopedProps<AccordionItemProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeAccordion',\n    'value',\n    'disabled',\n  ]);\n\n  const accordionContext = useAccordionContext(ITEM_NAME, local.__scopeAccordion);\n  const valueContext = useAccordionValueContext(ITEM_NAME, local.__scopeAccordion);\n  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);\n  const triggerId = createId();\n  const open = () => (local.value && valueContext.value.includes(local.value)) || false;\n  const disabled = () => accordionContext.disabled || local.disabled;\n\n  return (\n    <AccordionItemProvider\n      scope={local.__scopeAccordion}\n      open={open()}\n      disabled={disabled()}\n      triggerId={triggerId}\n    >\n      <Collapsible\n        data-orientation={accordionContext.orientation}\n        data-state={getState(open())}\n        {...collapsibleScope}\n        {...rest}\n        disabled={disabled()}\n        open={open()}\n        onOpenChange={(isOpen: boolean) => {\n          if (isOpen) {\n            valueContext.onItemOpen(local.value);\n          } else {\n            valueContext.onItemClose(local.value);\n          }\n        }}\n      />\n    </AccordionItemProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst HEADER_NAME = 'AccordionHeader';\n\ninterface AccordionHeaderProps extends PrimitiveProps<'h3'> {}\n\n/**\n * `AccordionHeader` contains the content for the parts of an `AccordionItem` that will be visible\n * whether or not its content is collapsed.\n */\nfunction AccordionHeader(props: ScopedProps<AccordionHeaderProps>) {\n  const [local, rest] = splitProps(props, ['__scopeAccordion']);\n  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);\n  const itemContext = useAccordionItemContext(HEADER_NAME, local.__scopeAccordion);\n\n  return (\n    <Primitive.h3\n      data-orientation={accordionContext.orientation}\n      data-state={getState(itemContext.open)}\n      data-disabled={itemContext.disabled ? '' : undefined}\n      {...rest}\n    />\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'AccordionTrigger';\n\ninterface AccordionTriggerProps extends PrimitiveProps<'button'> {}\n\n/**\n * `AccordionTrigger` is the trigger that toggles the collapsed state of an `AccordionItem`. It\n * should always be nested inside of an `AccordionHeader`.\n */\nfunction AccordionTrigger(props: ScopedProps<AccordionTriggerProps>) {\n  const [local, rest] = splitProps(props, ['__scopeAccordion']);\n  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);\n  const itemContext = useAccordionItemContext(TRIGGER_NAME, local.__scopeAccordion);\n  const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, local.__scopeAccordion);\n  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);\n\n  return (\n    <Collection.ItemSlot scope={local.__scopeAccordion}>\n      <CollapsibleTrigger\n        aria-disabled={\n          (itemContext.open && !collapsibleContext.collapsible) || undefined\n        }\n        data-orientation={accordionContext.orientation}\n        id={itemContext.triggerId}\n        {...collapsibleScope}\n        {...rest}\n      />\n    </Collection.ItemSlot>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * AccordionContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'AccordionContent';\n\ninterface AccordionContentProps extends PrimitiveProps<'div'> {\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling animation\n   * with SolidJS animation libraries.\n   */\n  forceMount?: true;\n}\n\n/**\n * `AccordionContent` contains the collapsible content for an `AccordionItem`.\n */\nfunction AccordionContent(props: ScopedProps<AccordionContentProps>) {\n  const [local, rest] = splitProps(props, ['__scopeAccordion', 'style']);\n  const accordionContext = useAccordionContext(ACCORDION_NAME, local.__scopeAccordion);\n  const itemContext = useAccordionItemContext(CONTENT_NAME, local.__scopeAccordion);\n  const collapsibleScope = useCollapsibleScope(local.__scopeAccordion);\n\n  return (\n    <CollapsibleContent\n      role=\"region\"\n      aria-labelledby={itemContext.triggerId}\n      data-orientation={accordionContext.orientation}\n      {...collapsibleScope}\n      {...rest}\n      style={\n        {\n          '--radix-accordion-content-height': 'var(--radix-collapsible-content-height)',\n          '--radix-accordion-content-width': 'var(--radix-collapsible-content-width)',\n          ...(typeof local.style === 'object' ? local.style : {}),\n        } as JSX.CSSProperties\n      }\n    />\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Utils\n * -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open?: boolean) {\n  return open ? 'open' : 'closed';\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\n\nconst Root = Accordion;\nconst Item = AccordionItem;\nconst Header = AccordionHeader;\nconst Trigger = AccordionTrigger;\nconst Content = AccordionContent;\n\nexport {\n  createAccordionScope,\n  //\n  Accordion,\n  AccordionItem,\n  AccordionHeader,\n  AccordionTrigger,\n  AccordionContent,\n  //\n  Root,\n  Item,\n  Header,\n  Trigger,\n  Content,\n};\nexport type {\n  AccordionSingleProps,\n  AccordionMultipleProps,\n  AccordionItemProps,\n  AccordionHeaderProps,\n  AccordionTriggerProps,\n  AccordionContentProps,\n};\n"]}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@radix-solid-js/accordion",
+  "version": "0.1.0",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@radix-solid-js/primitive": "workspace:*",
+    "@radix-solid-js/collapsible": "workspace:*",
+    "@radix-solid-js/collection": "workspace:*",
+    "@radix-solid-js/compose-refs": "workspace:*",
+    "@radix-solid-js/context": "workspace:*",
+    "@radix-solid-js/direction": "workspace:*",
+    "@radix-solid-js/id": "workspace:*",
+    "@radix-solid-js/primitive-component": "workspace:*",
+    "@radix-solid-js/use-controllable-state": "workspace:*"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.8.0"
+  },
+  "devDependencies": {
+    "@repo/tsconfig": "workspace:*",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3",
+    "solid-js": "^1.9.3",
+    "vitest": "^2.1.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ljho01/shadcn-solid-js.git",
+    "directory": "packages/solid/accordion"
+  }
+}