@glob-ui/accordion 0.0.0-stage → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kevin Martínez E
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,17 @@
-# Temporary Holding Version
+# @glob-ui/accordion
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Sections that open and close. Single or multiple open at once, optionally collapsible.
+
+## Install
+
+```bash
+pnpm add @glob-ui/accordion
+```
+
+## Documentation
+
+Full docs, examples and the accessibility table: [Accordion](https://github.com/kevin-martineze/GlobUI/tree/main/apps/docs/content/docs/components/accordion.mdx).
+
+## License
+
+MIT. See [LICENSE](./LICENSE).

package/dist/index.d.mts

@@ -0,0 +1,35 @@
+import * as react from 'react';
+
+type BaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange">;
+interface AccordionSingleProps extends BaseProps {
+    type?: "single";
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Allow closing the open item, leaving none open. */
+    collapsible?: boolean;
+}
+interface AccordionMultipleProps extends BaseProps {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    collapsible?: never;
+}
+type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    disabled?: boolean;
+}
+declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+type HeadingTag = "h2" | "h3" | "h4" | "h5" | "h6";
+interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Heading that wraps the button. Defaults to h3. */
+    headingLevel?: HeadingTag;
+}
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type AccordionContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const AccordionContent: react.ForwardRefExoticComponent<AccordionContentProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/index.d.ts

@@ -0,0 +1,35 @@
+import * as react from 'react';
+
+type BaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange">;
+interface AccordionSingleProps extends BaseProps {
+    type?: "single";
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Allow closing the open item, leaving none open. */
+    collapsible?: boolean;
+}
+interface AccordionMultipleProps extends BaseProps {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    collapsible?: never;
+}
+type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    disabled?: boolean;
+}
+declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+type HeadingTag = "h2" | "h3" | "h4" | "h5" | "h6";
+interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Heading that wraps the button. Defaults to h3. */
+    headingLevel?: HeadingTag;
+}
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type AccordionContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const AccordionContent: react.ForwardRefExoticComponent<AccordionContentProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/index.js

@@ -0,0 +1,204 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/accordion.tsx
+var import_react = require("react");
+var import_utils = require("@glob-ui/utils");
+var import_hooks = require("@glob-ui/hooks");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AccordionContext = (0, import_react.createContext)(null);
+var ItemContext = (0, import_react.createContext)(null);
+function useRequired(ctx, part, parent) {
+  if (!ctx) throw new Error(`${part} must be used inside ${parent}`);
+  return ctx;
+}
+var toArray = (v) => v === void 0 ? [] : Array.isArray(v) ? v : v ? [v] : [];
+var Accordion = (0, import_react.forwardRef)((props, ref) => {
+  const _a = props, { type = "single", value, defaultValue, onValueChange, collapsible = false, className, onKeyDown } = _a, rest = __objRest(_a, ["type", "value", "defaultValue", "onValueChange", "collapsible", "className", "onKeyDown"]);
+  const [internal, setInternal] = (0, import_react.useState)(() => toArray(defaultValue));
+  const isControlled = value !== void 0;
+  const openValues = isControlled ? toArray(value) : internal;
+  function toggle(item) {
+    var _a2;
+    const isOpen = openValues.includes(item);
+    let next;
+    if (type === "multiple") next = isOpen ? openValues.filter((v) => v !== item) : [...openValues, item];
+    else if (isOpen) {
+      if (!collapsible) return;
+      next = [];
+    } else next = [item];
+    if (!isControlled) setInternal(next);
+    const emit = onValueChange;
+    emit == null ? void 0 : emit(type === "multiple" ? next : (_a2 = next[0]) != null ? _a2 : "");
+  }
+  const roving = (0, import_hooks.useRovingFocus)({ orientation: "vertical", loop: true, itemSelector: "[data-accordion-trigger]:not([disabled])" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContext.Provider, { value: { isOpen: (v) => openValues.includes(v), toggle }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    __spreadValues(__spreadProps(__spreadValues({
+      ref,
+      className: (0, import_utils.cn)("flex flex-col", className)
+    }, roving.rootProps), {
+      onKeyDown: (e) => {
+        onKeyDown == null ? void 0 : onKeyDown(e);
+        roving.onKeyDown(e);
+      }
+    }), rest)
+  ) });
+});
+Accordion.displayName = "Accordion";
+var AccordionItem = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { value, disabled = false, className } = _b, props = __objRest(_b, ["value", "disabled", "className"]);
+    const ctx = useRequired((0, import_react.useContext)(AccordionContext), "AccordionItem", "Accordion");
+    const baseId = (0, import_react.useId)();
+    const open = ctx.isOpen(value);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ItemContext.Provider,
+      {
+        value: { value, open, disabled, triggerId: `${baseId}-trigger`, contentId: `${baseId}-content` },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          __spreadValues({
+            ref,
+            "data-state": open ? "open" : "closed",
+            className: (0, import_utils.cn)("border-b border-glob-border", className)
+          }, props)
+        )
+      }
+    );
+  }
+);
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { headingLevel: Heading = "h3", className, children, onClick } = _b, props = __objRest(_b, ["headingLevel", "className", "children", "onClick"]);
+    const ctx = useRequired((0, import_react.useContext)(AccordionContext), "AccordionTrigger", "Accordion");
+    const item = useRequired((0, import_react.useContext)(ItemContext), "AccordionTrigger", "AccordionItem");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Heading, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      __spreadProps(__spreadValues({
+        ref,
+        type: "button",
+        id: item.triggerId,
+        "aria-expanded": item.open,
+        "aria-controls": item.contentId,
+        disabled: item.disabled,
+        "data-accordion-trigger": "",
+        "data-state": item.open ? "open" : "closed",
+        className: (0, import_utils.cn)(
+          "group flex flex-1 items-center justify-between gap-4 py-4 text-left text-sm font-medium text-glob-text transition-colors hover:text-glob-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-glob-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        onClick: (e) => {
+          onClick == null ? void 0 : onClick(e);
+          if (!e.defaultPrevented) ctx.toggle(item.value);
+        }
+      }, props), {
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "svg",
+            {
+              "aria-hidden": "true",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              className: "h-4 w-4 shrink-0 text-glob-text-secondary transition-transform duration-200 group-data-[state=open]:rotate-180 motion-reduce:transition-none",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 9l6 6 6-6" })
+            }
+          )
+        ]
+      })
+    ) });
+  }
+);
+AccordionTrigger.displayName = "AccordionTrigger";
+var AccordionContent = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+    const item = useRequired((0, import_react.useContext)(ItemContext), "AccordionContent", "AccordionItem");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        id: item.contentId,
+        role: "region",
+        "aria-labelledby": item.triggerId,
+        "data-state": item.open ? "open" : "closed",
+        inert: !item.open,
+        className: (0, import_utils.cn)(
+          "grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
+          item.open ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+        )
+      }, props), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.cn)("pb-4 text-sm text-glob-text-secondary", className), children }) })
+      })
+    );
+  }
+);
+AccordionContent.displayName = "AccordionContent";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/accordion.tsx"],"sourcesContent":["export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from \"./accordion\"\nexport type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps } from \"./accordion\"\n","\"use client\"\n\nimport { createContext, forwardRef, useContext, useId, useState } from \"react\"\nimport { cn } from \"@glob-ui/utils\"\nimport { useRovingFocus } from \"@glob-ui/hooks\"\n\ninterface AccordionContextValue {\n  isOpen: (value: string) => boolean\n  toggle: (value: string) => void\n}\n\nconst AccordionContext = createContext<AccordionContextValue | null>(null)\n\ninterface ItemContextValue {\n  value: string\n  open: boolean\n  disabled: boolean\n  triggerId: string\n  contentId: string\n}\n\nconst ItemContext = createContext<ItemContextValue | null>(null)\n\nfunction useRequired<T>(ctx: T | null, part: string, parent: string): T {\n  if (!ctx) throw new Error(`${part} must be used inside ${parent}`)\n  return ctx\n}\n\ntype BaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\">\n\ninterface AccordionSingleProps extends BaseProps {\n  type?: \"single\"\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  /** Allow closing the open item, leaving none open. */\n  collapsible?: boolean\n}\n\ninterface AccordionMultipleProps extends BaseProps {\n  type: \"multiple\"\n  value?: string[]\n  defaultValue?: string[]\n  onValueChange?: (value: string[]) => void\n  collapsible?: never\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps\n\nconst toArray = (v: string | string[] | undefined) => (v === undefined ? [] : Array.isArray(v) ? v : v ? [v] : [])\n\nconst Accordion = forwardRef<HTMLDivElement, AccordionProps>((props, ref) => {\n  const { type = \"single\", value, defaultValue, onValueChange, collapsible = false, className, onKeyDown, ...rest } =\n    props as BaseProps & {\n      type?: \"single\" | \"multiple\"\n      value?: string | string[]\n      defaultValue?: string | string[]\n      onValueChange?: (value: never) => void\n      collapsible?: boolean\n    }\n\n  const [internal, setInternal] = useState<string[]>(() => toArray(defaultValue))\n  const isControlled = value !== undefined\n  const openValues = isControlled ? toArray(value) : internal\n\n  function toggle(item: string) {\n    const isOpen = openValues.includes(item)\n    let next: string[]\n    if (type === \"multiple\") next = isOpen ? openValues.filter((v) => v !== item) : [...openValues, item]\n    else if (isOpen) {\n      if (!collapsible) return\n      next = []\n    } else next = [item]\n\n    if (!isControlled) setInternal(next)\n    const emit = onValueChange as ((v: string | string[]) => void) | undefined\n    emit?.(type === \"multiple\" ? next : (next[0] ?? \"\"))\n  }\n\n  // Optional APG keys: move between headers with arrows / Home / End.\n  const roving = useRovingFocus({ orientation: \"vertical\", loop: true, itemSelector: \"[data-accordion-trigger]:not([disabled])\" })\n\n  return (\n    <AccordionContext.Provider value={{ isOpen: (v) => openValues.includes(v), toggle }}>\n      <div\n        ref={ref}\n        className={cn(\"flex flex-col\", className)}\n        {...roving.rootProps}\n        onKeyDown={(e) => {\n          onKeyDown?.(e)\n          roving.onKeyDown(e)\n        }}\n        {...rest}\n      />\n    </AccordionContext.Provider>\n  )\n})\nAccordion.displayName = \"Accordion\"\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string\n  disabled?: boolean\n}\n\nconst AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ value, disabled = false, className, ...props }, ref) => {\n    const ctx = useRequired(useContext(AccordionContext), \"AccordionItem\", \"Accordion\")\n    const baseId = useId()\n    const open = ctx.isOpen(value)\n    return (\n      <ItemContext.Provider\n        value={{ value, open, disabled, triggerId: `${baseId}-trigger`, contentId: `${baseId}-content` }}\n      >\n        <div\n          ref={ref}\n          data-state={open ? \"open\" : \"closed\"}\n          className={cn(\"border-b border-glob-border\", className)}\n          {...props}\n        />\n      </ItemContext.Provider>\n    )\n  }\n)\nAccordionItem.displayName = \"AccordionItem\"\n\ntype HeadingTag = \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Heading that wraps the button. Defaults to h3. */\n  headingLevel?: HeadingTag\n}\n\nconst AccordionTrigger = forwardRef<HTMLButtonElement, AccordionTriggerProps>(\n  ({ headingLevel: Heading = \"h3\", className, children, onClick, ...props }, ref) => {\n    const ctx = useRequired(useContext(AccordionContext), \"AccordionTrigger\", \"Accordion\")\n    const item = useRequired(useContext(ItemContext), \"AccordionTrigger\", \"AccordionItem\")\n    return (\n      <Heading className=\"flex\">\n        <button\n          ref={ref}\n          type=\"button\"\n          id={item.triggerId}\n          aria-expanded={item.open}\n          aria-controls={item.contentId}\n          disabled={item.disabled}\n          data-accordion-trigger=\"\"\n          data-state={item.open ? \"open\" : \"closed\"}\n          className={cn(\n            \"group flex flex-1 items-center justify-between gap-4 py-4 text-left text-sm font-medium text-glob-text transition-colors hover:text-glob-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-glob-ring disabled:cursor-not-allowed disabled:opacity-50\",\n            className\n          )}\n          onClick={(e) => {\n            onClick?.(e)\n            if (!e.defaultPrevented) ctx.toggle(item.value)\n          }}\n          {...props}\n        >\n          {children}\n          <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            className=\"h-4 w-4 shrink-0 text-glob-text-secondary transition-transform duration-200 group-data-[state=open]:rotate-180 motion-reduce:transition-none\"\n          >\n            <path d=\"M6 9l6 6 6-6\" />\n          </svg>\n        </button>\n      </Heading>\n    )\n  }\n)\nAccordionTrigger.displayName = \"AccordionTrigger\"\n\nexport type AccordionContentProps = React.HTMLAttributes<HTMLDivElement>\n\nconst AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const item = useRequired(useContext(ItemContext), \"AccordionContent\", \"AccordionItem\")\n    return (\n      <div\n        ref={ref}\n        id={item.contentId}\n        role=\"region\"\n        aria-labelledby={item.triggerId}\n        data-state={item.open ? \"open\" : \"closed\"}\n        // Closed content stays mounted for the animation; inert keeps it out of focus and the a11y tree.\n        inert={!item.open}\n        className={cn(\n          \"grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none\",\n          item.open ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\"\n        )}\n        {...props}\n      >\n        <div className=\"overflow-hidden\">\n          <div className={cn(\"pb-4 text-sm text-glob-text-secondary\", className)}>{children}</div>\n        </div>\n      </div>\n    )\n  }\n)\nAccordionContent.displayName = \"AccordionContent\"\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"mappings":"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","names":["_a"]}

package/dist/index.mjs

@@ -0,0 +1,177 @@
+"use client"
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/accordion.tsx
+import { createContext, forwardRef, useContext, useId, useState } from "react";
+import { cn } from "@glob-ui/utils";
+import { useRovingFocus } from "@glob-ui/hooks";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AccordionContext = createContext(null);
+var ItemContext = createContext(null);
+function useRequired(ctx, part, parent) {
+  if (!ctx) throw new Error(`${part} must be used inside ${parent}`);
+  return ctx;
+}
+var toArray = (v) => v === void 0 ? [] : Array.isArray(v) ? v : v ? [v] : [];
+var Accordion = forwardRef((props, ref) => {
+  const _a = props, { type = "single", value, defaultValue, onValueChange, collapsible = false, className, onKeyDown } = _a, rest = __objRest(_a, ["type", "value", "defaultValue", "onValueChange", "collapsible", "className", "onKeyDown"]);
+  const [internal, setInternal] = useState(() => toArray(defaultValue));
+  const isControlled = value !== void 0;
+  const openValues = isControlled ? toArray(value) : internal;
+  function toggle(item) {
+    var _a2;
+    const isOpen = openValues.includes(item);
+    let next;
+    if (type === "multiple") next = isOpen ? openValues.filter((v) => v !== item) : [...openValues, item];
+    else if (isOpen) {
+      if (!collapsible) return;
+      next = [];
+    } else next = [item];
+    if (!isControlled) setInternal(next);
+    const emit = onValueChange;
+    emit == null ? void 0 : emit(type === "multiple" ? next : (_a2 = next[0]) != null ? _a2 : "");
+  }
+  const roving = useRovingFocus({ orientation: "vertical", loop: true, itemSelector: "[data-accordion-trigger]:not([disabled])" });
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { isOpen: (v) => openValues.includes(v), toggle }, children: /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues(__spreadProps(__spreadValues({
+      ref,
+      className: cn("flex flex-col", className)
+    }, roving.rootProps), {
+      onKeyDown: (e) => {
+        onKeyDown == null ? void 0 : onKeyDown(e);
+        roving.onKeyDown(e);
+      }
+    }), rest)
+  ) });
+});
+Accordion.displayName = "Accordion";
+var AccordionItem = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { value, disabled = false, className } = _b, props = __objRest(_b, ["value", "disabled", "className"]);
+    const ctx = useRequired(useContext(AccordionContext), "AccordionItem", "Accordion");
+    const baseId = useId();
+    const open = ctx.isOpen(value);
+    return /* @__PURE__ */ jsx(
+      ItemContext.Provider,
+      {
+        value: { value, open, disabled, triggerId: `${baseId}-trigger`, contentId: `${baseId}-content` },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          __spreadValues({
+            ref,
+            "data-state": open ? "open" : "closed",
+            className: cn("border-b border-glob-border", className)
+          }, props)
+        )
+      }
+    );
+  }
+);
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { headingLevel: Heading = "h3", className, children, onClick } = _b, props = __objRest(_b, ["headingLevel", "className", "children", "onClick"]);
+    const ctx = useRequired(useContext(AccordionContext), "AccordionTrigger", "Accordion");
+    const item = useRequired(useContext(ItemContext), "AccordionTrigger", "AccordionItem");
+    return /* @__PURE__ */ jsx(Heading, { className: "flex", children: /* @__PURE__ */ jsxs(
+      "button",
+      __spreadProps(__spreadValues({
+        ref,
+        type: "button",
+        id: item.triggerId,
+        "aria-expanded": item.open,
+        "aria-controls": item.contentId,
+        disabled: item.disabled,
+        "data-accordion-trigger": "",
+        "data-state": item.open ? "open" : "closed",
+        className: cn(
+          "group flex flex-1 items-center justify-between gap-4 py-4 text-left text-sm font-medium text-glob-text transition-colors hover:text-glob-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-glob-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        onClick: (e) => {
+          onClick == null ? void 0 : onClick(e);
+          if (!e.defaultPrevented) ctx.toggle(item.value);
+        }
+      }, props), {
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              "aria-hidden": "true",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              className: "h-4 w-4 shrink-0 text-glob-text-secondary transition-transform duration-200 group-data-[state=open]:rotate-180 motion-reduce:transition-none",
+              children: /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6" })
+            }
+          )
+        ]
+      })
+    ) });
+  }
+);
+AccordionTrigger.displayName = "AccordionTrigger";
+var AccordionContent = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+    const item = useRequired(useContext(ItemContext), "AccordionContent", "AccordionItem");
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        id: item.contentId,
+        role: "region",
+        "aria-labelledby": item.triggerId,
+        "data-state": item.open ? "open" : "closed",
+        inert: !item.open,
+        className: cn(
+          "grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
+          item.open ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+        )
+      }, props), {
+        children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 text-sm text-glob-text-secondary", className), children }) })
+      })
+    );
+  }
+);
+AccordionContent.displayName = "AccordionContent";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport { createContext, forwardRef, useContext, useId, useState } from \"react\"\nimport { cn } from \"@glob-ui/utils\"\nimport { useRovingFocus } from \"@glob-ui/hooks\"\n\ninterface AccordionContextValue {\n  isOpen: (value: string) => boolean\n  toggle: (value: string) => void\n}\n\nconst AccordionContext = createContext<AccordionContextValue | null>(null)\n\ninterface ItemContextValue {\n  value: string\n  open: boolean\n  disabled: boolean\n  triggerId: string\n  contentId: string\n}\n\nconst ItemContext = createContext<ItemContextValue | null>(null)\n\nfunction useRequired<T>(ctx: T | null, part: string, parent: string): T {\n  if (!ctx) throw new Error(`${part} must be used inside ${parent}`)\n  return ctx\n}\n\ntype BaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\">\n\ninterface AccordionSingleProps extends BaseProps {\n  type?: \"single\"\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  /** Allow closing the open item, leaving none open. */\n  collapsible?: boolean\n}\n\ninterface AccordionMultipleProps extends BaseProps {\n  type: \"multiple\"\n  value?: string[]\n  defaultValue?: string[]\n  onValueChange?: (value: string[]) => void\n  collapsible?: never\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps\n\nconst toArray = (v: string | string[] | undefined) => (v === undefined ? [] : Array.isArray(v) ? v : v ? [v] : [])\n\nconst Accordion = forwardRef<HTMLDivElement, AccordionProps>((props, ref) => {\n  const { type = \"single\", value, defaultValue, onValueChange, collapsible = false, className, onKeyDown, ...rest } =\n    props as BaseProps & {\n      type?: \"single\" | \"multiple\"\n      value?: string | string[]\n      defaultValue?: string | string[]\n      onValueChange?: (value: never) => void\n      collapsible?: boolean\n    }\n\n  const [internal, setInternal] = useState<string[]>(() => toArray(defaultValue))\n  const isControlled = value !== undefined\n  const openValues = isControlled ? toArray(value) : internal\n\n  function toggle(item: string) {\n    const isOpen = openValues.includes(item)\n    let next: string[]\n    if (type === \"multiple\") next = isOpen ? openValues.filter((v) => v !== item) : [...openValues, item]\n    else if (isOpen) {\n      if (!collapsible) return\n      next = []\n    } else next = [item]\n\n    if (!isControlled) setInternal(next)\n    const emit = onValueChange as ((v: string | string[]) => void) | undefined\n    emit?.(type === \"multiple\" ? next : (next[0] ?? \"\"))\n  }\n\n  // Optional APG keys: move between headers with arrows / Home / End.\n  const roving = useRovingFocus({ orientation: \"vertical\", loop: true, itemSelector: \"[data-accordion-trigger]:not([disabled])\" })\n\n  return (\n    <AccordionContext.Provider value={{ isOpen: (v) => openValues.includes(v), toggle }}>\n      <div\n        ref={ref}\n        className={cn(\"flex flex-col\", className)}\n        {...roving.rootProps}\n        onKeyDown={(e) => {\n          onKeyDown?.(e)\n          roving.onKeyDown(e)\n        }}\n        {...rest}\n      />\n    </AccordionContext.Provider>\n  )\n})\nAccordion.displayName = \"Accordion\"\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string\n  disabled?: boolean\n}\n\nconst AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ value, disabled = false, className, ...props }, ref) => {\n    const ctx = useRequired(useContext(AccordionContext), \"AccordionItem\", \"Accordion\")\n    const baseId = useId()\n    const open = ctx.isOpen(value)\n    return (\n      <ItemContext.Provider\n        value={{ value, open, disabled, triggerId: `${baseId}-trigger`, contentId: `${baseId}-content` }}\n      >\n        <div\n          ref={ref}\n          data-state={open ? \"open\" : \"closed\"}\n          className={cn(\"border-b border-glob-border\", className)}\n          {...props}\n        />\n      </ItemContext.Provider>\n    )\n  }\n)\nAccordionItem.displayName = \"AccordionItem\"\n\ntype HeadingTag = \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Heading that wraps the button. Defaults to h3. */\n  headingLevel?: HeadingTag\n}\n\nconst AccordionTrigger = forwardRef<HTMLButtonElement, AccordionTriggerProps>(\n  ({ headingLevel: Heading = \"h3\", className, children, onClick, ...props }, ref) => {\n    const ctx = useRequired(useContext(AccordionContext), \"AccordionTrigger\", \"Accordion\")\n    const item = useRequired(useContext(ItemContext), \"AccordionTrigger\", \"AccordionItem\")\n    return (\n      <Heading className=\"flex\">\n        <button\n          ref={ref}\n          type=\"button\"\n          id={item.triggerId}\n          aria-expanded={item.open}\n          aria-controls={item.contentId}\n          disabled={item.disabled}\n          data-accordion-trigger=\"\"\n          data-state={item.open ? \"open\" : \"closed\"}\n          className={cn(\n            \"group flex flex-1 items-center justify-between gap-4 py-4 text-left text-sm font-medium text-glob-text transition-colors hover:text-glob-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-glob-ring disabled:cursor-not-allowed disabled:opacity-50\",\n            className\n          )}\n          onClick={(e) => {\n            onClick?.(e)\n            if (!e.defaultPrevented) ctx.toggle(item.value)\n          }}\n          {...props}\n        >\n          {children}\n          <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            className=\"h-4 w-4 shrink-0 text-glob-text-secondary transition-transform duration-200 group-data-[state=open]:rotate-180 motion-reduce:transition-none\"\n          >\n            <path d=\"M6 9l6 6 6-6\" />\n          </svg>\n        </button>\n      </Heading>\n    )\n  }\n)\nAccordionTrigger.displayName = \"AccordionTrigger\"\n\nexport type AccordionContentProps = React.HTMLAttributes<HTMLDivElement>\n\nconst AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const item = useRequired(useContext(ItemContext), \"AccordionContent\", \"AccordionItem\")\n    return (\n      <div\n        ref={ref}\n        id={item.contentId}\n        role=\"region\"\n        aria-labelledby={item.triggerId}\n        data-state={item.open ? \"open\" : \"closed\"}\n        // Closed content stays mounted for the animation; inert keeps it out of focus and the a11y tree.\n        inert={!item.open}\n        className={cn(\n          \"grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none\",\n          item.open ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\"\n        )}\n        {...props}\n      >\n        <div className=\"overflow-hidden\">\n          <div className={cn(\"pb-4 text-sm text-glob-text-secondary\", className)}>{children}</div>\n        </div>\n      </div>\n    )\n  }\n)\nAccordionContent.displayName = \"AccordionContent\"\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"mappings":"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","names":["_a"]}

package/package.json

@@ -1,6 +1,68 @@
 {
   "name": "@glob-ui/accordion",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/",
+    "LICENSE",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": "^19"
+  },
+  "dependencies": {
+    "@glob-ui/hooks": "0.2.0",
+    "@glob-ui/utils": "0.2.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1"
+  },
+  "description": "Sections that open and close. Single or multiple open at once, optionally collapsible.",
+  "keywords": [
+    "react",
+    "glob-ui",
+    "components",
+    "accessible",
+    "tailwind",
+    "accordion"
+  ],
+  "license": "MIT",
+  "author": "Kevin Martínez E",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kevin-martineze/GlobUI.git",
+    "directory": "packages/accordion"
+  },
+  "homepage": "https://github.com/kevin-martineze/GlobUI#readme",
+  "bugs": {
+    "url": "https://github.com/kevin-martineze/GlobUI/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "sideEffects": false,
+  "type": "commonjs",
+  "engines": {
+    "node": ">=18.18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch --no-clean"
+  }
 }