@sproutsocial/seeds-react-accordion 0.4.32 → 0.4.46

package/dist/index.js

@@ -100,13 +100,24 @@ var Accordion = ({
 };
 
 // src/AccordionItem.tsx
-var RadixAccordion3 = require("@radix-ui/react-accordion");
+var RadixAccordion2 = __toESM(require("@radix-ui/react-accordion"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var AccordionItem = ({ children, value }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RadixAccordion2.Item, { className: "accordion-item", value, children });
+};
+
+// src/AccordionContent.tsx
+var import_react4 = require("react");
+
+// src/AccordionContentHybrid.tsx
+var import_react3 = require("react");
+var import_seeds_react_system_props3 = require("@sproutsocial/seeds-react-system-props");
 
 // src/styles.ts
 var import_styled_components = __toESM(require("styled-components"));
-var RadixAccordion2 = __toESM(require("@radix-ui/react-accordion"));
+var RadixAccordion3 = __toESM(require("@radix-ui/react-accordion"));
 var import_seeds_react_system_props2 = require("@sproutsocial/seeds-react-system-props");
-var StyledAccordionItem = (0, import_styled_components.default)(RadixAccordion2.Item)``;
+var StyledAccordionItem = (0, import_styled_components.default)(RadixAccordion3.Item)``;
 var animations = import_styled_components.css`
   @keyframes slideDown {
     from {
@@ -127,7 +138,7 @@ var animations = import_styled_components.css`
   }
 `;
 var StyledRadixAccordionContent = (0, import_styled_components.default)(
-  RadixAccordion2.Content
+  RadixAccordion3.Content
 )`
   ${animations}
 
@@ -160,7 +171,8 @@ var ContentContainer = import_styled_components.default.div`
   font-family: ${({ theme }) => theme.fontFamily};
 
   &[data-styled="true"] {
-    padding: ${({ theme }) => theme.space[400]};
+    padding: 0 ${({ theme }) => theme.space[400]}
+      ${({ theme }) => theme.space[400]};
     ${({ theme }) => theme.typography[200]};
   }
 
@@ -215,7 +227,7 @@ var TriggerContainer = import_styled_components.default.div`
   `}
 
   .accordion-item[data-state="open"] &[data-styled="true"] {
-    border-bottom: ${({ theme }) => `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};
+    border-bottom: ${({ theme }) => `${theme.borderWidths[500]} solid transparent`};
   }
 
   .accordion-item[data-state="closed"] &[data-styled="true"] {
@@ -228,12 +240,10 @@ var TriggerContainer = import_styled_components.default.div`
     border-top-right-radius: ${({ theme }) => theme.radii.outer};
   }
 
-  .accordion-item:last-child &[data-styled="true"] {
-    border-bottom: ${({ theme }) => `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};
-  }
-
   .accordion-item:last-child[data-state="closed"] &[data-styled="true"] {
-    transition: border-radius 0s linear 0.3s;
+    transition: border-radius 0s linear 0.3s,
+      border-bottom-color 0s ease-in-out 0.3s;
+    border-bottom: ${({ theme }) => `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};
     border-bottom-left-radius: ${({ theme }) => theme.radii.outer};
     border-bottom-right-radius: ${({ theme }) => theme.radii.outer};
   }
@@ -244,94 +254,119 @@ var TriggerContainer = import_styled_components.default.div`
 	${import_seeds_react_system_props2.FLEXBOX}
 `;
 
-// src/AccordionItem.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var AccordionItem = ({ children, value }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StyledAccordionItem, { className: "accordion-item", value, children });
-};
-
-// src/AccordionContent.tsx
+// src/AccordionContentTailwind.tsx
 var import_react2 = require("react");
+var RadixAccordion4 = __toESM(require("@radix-ui/react-accordion"));
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var AccordionContent = ({
+function cn(...inputs) {
+  const classes = [];
+  for (const input of inputs) {
+    if (!input) continue;
+    if (typeof input === "string") {
+      classes.push(input);
+    } else if (typeof input === "object") {
+      for (const [key, value] of Object.entries(input)) {
+        if (value) {
+          classes.push(key);
+        }
+      }
+    }
+  }
+  return classes.join(" ");
+}
+var AccordionContentTailwind = ({
   children,
+  className,
   ...rest
 }) => {
   const { styled: styled2 } = (0, import_react2.useContext)(AccordionContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StyledRadixAccordionContent, { "data-styled": styled2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ContentContainer, { "data-styled": styled2, ...rest, children }) });
+  const contentDataAttrs = { "data-styled": styled2 };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    RadixAccordion4.Content,
+    {
+      className: cn("seeds-accordion-content", className),
+      ...contentDataAttrs,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "div",
+        {
+          className: "seeds-accordion-content-inner",
+          "data-styled": styled2,
+          ...rest,
+          children
+        }
+      )
+    }
+  );
 };
 
-// src/AccordionTrigger.tsx
+// src/AccordionContentHybrid.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var AccordionContentHybrid = ({
+  children,
+  ...rest
+}) => {
+  const { styled: styled2 } = (0, import_react3.useContext)(AccordionContext);
+  if ((0, import_seeds_react_system_props3.needsStyledComponents)(rest)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StyledRadixAccordionContent, { "data-styled": styled2, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ContentContainer, { "data-styled": styled2, ...rest, children }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AccordionContentTailwind, { ...rest, children });
+};
+
+// src/AccordionContent.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var AccordionContent = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AccordionContentHybrid, { ...props });
+
+// src/AccordionTriggerHybrid.tsx
+var import_react7 = require("react");
+var import_seeds_react_system_props4 = require("@sproutsocial/seeds-react-system-props");
+
+// src/AccordionTriggerInner.tsx
+var import_react5 = require("react");
 var import_seeds_react_box = require("@sproutsocial/seeds-react-box");
 var import_seeds_react_button = require("@sproutsocial/seeds-react-button");
 var import_seeds_react_icon3 = require("@sproutsocial/seeds-react-icon");
 var import_seeds_react_menu2 = require("@sproutsocial/seeds-react-menu");
-var import_react3 = require("react");
 var import_seeds_react_content_header2 = require("@sproutsocial/seeds-react-content-header");
-var RadixAccordion4 = __toESM(require("@radix-ui/react-accordion"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var RadixAccordion5 = __toESM(require("@radix-ui/react-accordion"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var MAX_RELATED_ACTIONS = 2;
 var AccordionTriggerWrapper = ({
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RadixAccordion4.Trigger, { asChild: true, children });
-var AccordionTrigger = ({
-  children,
+}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadixAccordion5.Trigger, { asChild: true, children });
+var AccordionTriggerInner = ({
+  title,
+  headingLevel,
   leftSlot,
+  rightSlot,
   relatedActions,
   overflowMenu,
-  rightSlot,
-  title,
-  headingLevel = "h4",
-  ...rest
+  color,
+  triggerIcon,
+  triggerPosition
 }) => {
-  const { triggerIcon, triggerPosition, styled: styled2 } = (0, import_react3.useContext)(AccordionContext);
   const validatedActions = relatedActions?.slice(0, MAX_RELATED_ACTIONS);
-  const {
-    color,
-    padding,
-    paddingBottom,
-    paddingTop,
-    paddingX,
-    paddingY,
-    paddingLeft,
-    paddingRight,
-    p,
-    pb,
-    pt,
-    pr,
-    pl,
-    px,
-    py,
-    fontFamily,
-    fontSize,
-    fontStyle,
-    fontWeight,
-    lineHeight,
-    textAlign,
-    ...triggerProps
-  } = rest;
   const shouldRenderActionsBlock = Boolean(overflowMenu || validatedActions);
-  const renderedOverflowMenu = overflowMenu && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const renderedOverflowMenu = overflowMenu && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_seeds_react_menu2.ActionMenu,
     {
-      menuToggleElement: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      menuToggleElement: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_seeds_react_menu2.MenuToggleButton,
         {
           "aria-label": overflowMenu["aria-label"],
           appearance: "unstyled",
           color,
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_seeds_react_icon3.Icon, { name: "ellipsis-horizontal-outline", "aria-hidden": "true" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_seeds_react_icon3.Icon, { name: "ellipsis-horizontal-outline", "aria-hidden": "true" })
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_seeds_react_menu2.MenuContent, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_seeds_react_menu2.MenuGroup, { id: "overflow-actions", children: overflowMenu.items.map((item, index) => {
-        const { iconName, id, onClick, children: children2, ...menuItemProps } = item;
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_seeds_react_menu2.MenuContent, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_seeds_react_menu2.MenuGroup, { id: "overflow-actions", children: overflowMenu.items.map((item, index) => {
+        const { iconName, id, onClick, children, ...menuItemProps } = item;
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_seeds_react_menu2.MenuItem,
           {
             id: id || `overflow-item-${index}`,
             onClick,
             ...menuItemProps,
-            children: iconName ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            children: iconName ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               import_seeds_react_box.Box,
               {
                 display: "flex",
@@ -339,56 +374,177 @@ var AccordionTrigger = ({
                 gap: "300",
                 color,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_seeds_react_icon3.Icon, { name: iconName }),
-                  children2
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_seeds_react_icon3.Icon, { name: iconName }),
+                  children
                 ]
               }
-            ) : children2
+            ) : children
           },
           id || `overflow-item-${index}`
         );
       }) }) })
     }
   );
-  const renderedRelatedActions = validatedActions && validatedActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_seeds_react_box.Box, { display: "flex", children: validatedActions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const renderedRelatedActions = validatedActions && validatedActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_seeds_react_box.Box, { display: "flex", children: validatedActions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_seeds_react_button.Button,
     {
       onClick: action.onClick,
       "aria-label": action["aria-label"],
       color,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_seeds_react_icon3.Icon, { name: action.iconName, "aria-hidden": "true" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_seeds_react_icon3.Icon, { name: action.iconName, "aria-hidden": "true" })
     },
     `${action.iconName}-${index}`
   )) });
-  const renderedActions = shouldRenderActionsBlock ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_seeds_react_box.Box, { mr: 300, display: "flex", children: [
+  const renderedActions = shouldRenderActionsBlock ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_seeds_react_box.Box, { mr: 300, display: "flex", children: [
     renderedOverflowMenu,
     renderedRelatedActions
   ] }) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    TriggerContainer,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_seeds_react_content_header2.CollapsibleContentHeader,
+    {
+      title,
+      headingLevel,
+      leftSlot,
+      rightSlot,
+      headerActions: renderedActions,
+      trigger: AccordionTriggerWrapper,
+      triggerPosition,
+      triggerIcon,
+      bordered: false
+    }
+  );
+};
+
+// src/AccordionTriggerTailwind.tsx
+var import_react6 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function cn2(...inputs) {
+  const classes = [];
+  for (const input of inputs) {
+    if (!input) continue;
+    if (typeof input === "string") {
+      classes.push(input);
+    } else if (typeof input === "object") {
+      for (const [key, value] of Object.entries(input)) {
+        if (value) {
+          classes.push(key);
+        }
+      }
+    }
+  }
+  return classes.join(" ");
+}
+var AccordionTriggerTailwind = ({
+  children,
+  leftSlot,
+  relatedActions,
+  overflowMenu,
+  rightSlot,
+  title,
+  headingLevel = "h4",
+  className,
+  // In the Tailwind path the hybrid gate guarantees no styled-system props are
+  // present. `color` is still pulled out so it is forwarded to the inner content
+  // (overflow menu / related actions) but not onto the wrapper div.
+  color,
+  ...triggerProps
+}) => {
+  const { triggerIcon, triggerPosition, styled: styled2 } = (0, import_react6.useContext)(AccordionContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
     {
+      className: cn2("seeds-accordion-trigger", className),
       "data-styled": styled2,
-      $styled: styled2,
       "data-qa-trigger": "HERE",
-      color,
       ...triggerProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_seeds_react_content_header2.CollapsibleContentHeader,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        AccordionTriggerInner,
         {
           title,
           headingLevel,
           leftSlot,
           rightSlot,
-          headerActions: renderedActions,
-          trigger: AccordionTriggerWrapper,
-          triggerPosition,
+          relatedActions,
+          overflowMenu,
+          color,
           triggerIcon,
-          bordered: false
+          triggerPosition
         }
       )
     }
   );
 };
+
+// src/AccordionTriggerHybrid.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var AccordionTriggerHybrid = (props) => {
+  const {
+    children,
+    leftSlot,
+    relatedActions,
+    overflowMenu,
+    rightSlot,
+    title,
+    headingLevel = "h4",
+    ...rest
+  } = props;
+  const { triggerIcon, triggerPosition, styled: styled2 } = (0, import_react7.useContext)(AccordionContext);
+  if ((0, import_seeds_react_system_props4.needsStyledComponents)(rest)) {
+    const {
+      color,
+      padding,
+      paddingBottom,
+      paddingTop,
+      paddingX,
+      paddingY,
+      paddingLeft,
+      paddingRight,
+      p,
+      pb,
+      pt,
+      pr,
+      pl,
+      px,
+      py,
+      fontFamily,
+      fontSize,
+      fontStyle,
+      fontWeight,
+      lineHeight,
+      textAlign,
+      ...triggerProps
+    } = rest;
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      TriggerContainer,
+      {
+        "data-styled": styled2,
+        $styled: styled2,
+        "data-qa-trigger": "HERE",
+        color,
+        ...triggerProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          AccordionTriggerInner,
+          {
+            title,
+            headingLevel,
+            leftSlot,
+            rightSlot,
+            relatedActions,
+            overflowMenu,
+            color,
+            triggerIcon,
+            triggerPosition
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AccordionTriggerTailwind, { ...props });
+};
+
+// src/AccordionTrigger.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var AccordionTrigger = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AccordionTriggerHybrid, { ...props });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Accordion.tsx","../src/AccordionTypes.ts","../src/AccordionItem.tsx","../src/styles.ts","../src/AccordionContent.tsx","../src/AccordionTrigger.tsx"],"sourcesContent":["import { Accordion } from \"./Accordion\";\nimport { AccordionItem } from \"./AccordionItem\";\nimport { AccordionContent } from \"./AccordionContent\";\nimport { AccordionTrigger } from \"./AccordionTrigger\";\n\nexport { Accordion, AccordionItem, AccordionContent, AccordionTrigger };\nexport * from \"./AccordionTypes\";\n","import React, { createContext, type ReactElement } from \"react\";\nimport * as RadixAccordion from \"@radix-ui/react-accordion\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\nimport { type TypeAccordionProps } from \"./AccordionTypes\";\n\nexport const AccordionContext = createContext<{\n  triggerIcon: ReactElement | null;\n  triggerPosition: string;\n  styled: boolean;\n}>({\n  triggerIcon: null,\n  triggerPosition: \"\",\n  styled: false,\n});\n\nexport const Accordion = ({\n  children,\n  collapsible,\n  defaultValue = [\"item-0\"],\n  triggerPosition = \"right\",\n  triggerIcon = <Icon className=\"triggerIcon\" name=\"chevron-down-outline\" />,\n  type = \"multiple\",\n  styled = true,\n  value,\n  onValueChange,\n}: TypeAccordionProps) => {\n  const contextValue = {\n    triggerIcon: React.isValidElement(triggerIcon) ? triggerIcon : null,\n    triggerPosition,\n    styled,\n  };\n\n  if (type === \"single\") {\n    // Determine if controlled or uncontrolled\n    const isControlled = value !== undefined;\n\n    return (\n      <RadixAccordion.Root\n        type=\"single\"\n        value={\n          isControlled ? (Array.isArray(value) ? value[0] : value) : undefined\n        }\n        defaultValue={\n          !isControlled && defaultValue\n            ? Array.isArray(defaultValue)\n              ? defaultValue[0]\n              : defaultValue\n            : undefined\n        }\n        onValueChange={onValueChange as ((value: string) => void) | undefined}\n        collapsible={collapsible}\n      >\n        <AccordionContext.Provider value={contextValue}>\n          {children}\n        </AccordionContext.Provider>\n      </RadixAccordion.Root>\n    );\n  }\n\n  // Multiple mode\n  const isControlled = value !== undefined;\n\n  return (\n    <RadixAccordion.Root\n      type=\"multiple\"\n      value={\n        isControlled ? (Array.isArray(value) ? value : [value]) : undefined\n      }\n      defaultValue={\n        !isControlled && defaultValue\n          ? Array.isArray(defaultValue)\n            ? defaultValue\n            : [defaultValue]\n          : undefined\n      }\n      onValueChange={onValueChange as ((value: string[]) => void) | undefined}\n    >\n      <AccordionContext.Provider value={contextValue}>\n        {children}\n      </AccordionContext.Provider>\n    </RadixAccordion.Root>\n  );\n};\n","import * as React from \"react\";\nimport {\n  type TypeSystemCommonProps,\n  type TypeBorderSystemProps,\n  type TypeFlexboxSystemProps,\n  type TypeLayoutSystemProps,\n  type TypeStyledComponentsCommonProps,\n  type TypeSystemTypographyProps,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport { type TypeIconName } from \"@sproutsocial/seeds-react-icon\";\nimport { type TypeMenuItemProps } from \"@sproutsocial/seeds-react-menu\";\nimport { type TypeHeadingLevel } from \"@sproutsocial/seeds-react-content-header\";\n\nexport interface TypeAccordionSystemProps\n  extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\">,\n    TypeStyledComponentsCommonProps,\n    TypeSystemCommonProps,\n    TypeBorderSystemProps,\n    TypeFlexboxSystemProps,\n    TypeLayoutSystemProps,\n    TypeSystemTypographyProps {}\n\nexport interface TypeAccordionProps {\n  children?: React.ReactNode;\n  collapsible?: boolean;\n  defaultValue?: string | string[];\n  triggerIcon?: React.ReactNode;\n  triggerPosition?: \"left\" | \"right\";\n  type?: \"single\" | \"multiple\";\n  styled?: boolean;\n  /** Controlled value for open accordion items (single mode: string, multiple mode: string[]) */\n  value?: string | string[];\n  /** Callback fired when accordion items change (single mode: string, multiple mode: string[]) */\n  onValueChange?: (value: string | string[]) => void;\n}\n\nexport interface TypeRelatedAction {\n  iconName: TypeIconName;\n  onClick: () => void;\n  \"aria-label\": string;\n}\n\nexport interface TypeOverflowMenuItem extends TypeMenuItemProps {\n  iconName?: TypeIconName;\n}\n\nexport interface TypeOverflowMenuConfig {\n  /** Menu items to be rendered in the overflow menu */\n  items: TypeOverflowMenuItem[];\n  /** Aria label for the overflow menu trigger button. Defaults to \"More actions\" */\n  \"aria-label\"?: string;\n}\n\nexport interface TypeAccordionItemProps {\n  children: React.ReactNode;\n  relatedActions?: TypeRelatedAction[];\n  overflowMenu?: TypeOverflowMenuConfig;\n  value: string;\n}\n\n/**\n * Props for AccordionTrigger component\n *\n * @example\n * ```tsx\n * <AccordionTrigger\n *   title=\"My Accordion Title\"\n *   headingLevel=\"h2\"\n * />\n * ```\n */\nexport interface TypeAccordionTriggerProps extends TypeAccordionSystemProps {\n  title: string;\n  leftSlot?: React.ReactNode;\n  relatedActions?: TypeRelatedAction[];\n  overflowMenu?: TypeOverflowMenuConfig;\n  rightSlot?: React.ReactNode;\n  /** The semantic heading level for the accordion title. Defaults to \"h4\" */\n  headingLevel?: TypeHeadingLevel;\n}\n","import * as RadixAccordion from \"@radix-ui/react-accordion\";\nimport { type TypeAccordionItemProps } from \"./AccordionTypes\";\nimport { StyledAccordionItem } from \"./styles\";\n\nexport const AccordionItem = ({ children, value }: TypeAccordionItemProps) => {\n  return (\n    <StyledAccordionItem className=\"accordion-item\" value={value}>\n      {children}\n    </StyledAccordionItem>\n  );\n};\n","import styled, { css } from \"styled-components\";\nimport * as RadixAccordion from \"@radix-ui/react-accordion\";\nimport {\n  BORDER,\n  COMMON,\n  FLEXBOX,\n  LAYOUT,\n  TYPOGRAPHY,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport { type TypeAccordionSystemProps } from \"./AccordionTypes\";\n\ninterface StyledAccordionProps extends TypeAccordionSystemProps {\n  $styled?: boolean;\n}\n\nexport const StyledAccordionItem = styled(RadixAccordion.Item)``;\n\nconst animations = css`\n  @keyframes slideDown {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--radix-accordion-content-height);\n    }\n  }\n\n  @keyframes slideUp {\n    from {\n      height: var(--radix-accordion-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n`;\n\nexport const StyledRadixAccordionContent = styled(\n  RadixAccordion.Content\n)<StyledAccordionProps>`\n  ${animations}\n\n  overflow: hidden;\n\n  &[data-state=\"open\"] {\n    animation: slideDown 300ms ease-in-out;\n  }\n\n  &[data-state=\"closed\"] {\n    animation: slideUp 300ms ease-in-out;\n  }\n\n  &[data-styled=\"true\"] {\n    border-left: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};\n    border-right: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};\n    background: ${({ theme }) => theme.colors.container.background.base};\n  }\n\n  .accordion-item:last-child[data-state=\"open\"] &[data-styled=\"true\"],\n  .accordion-item:last-child[data-state=\"closed\"] &[data-styled=\"true\"] {\n    border-bottom: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};\n    border-bottom-left-radius: ${({ theme }) => theme.radii.outer};\n    border-bottom-right-radius: ${({ theme }) => theme.radii.outer};\n  }\n`;\n\nexport const ContentContainer = styled.div<StyledAccordionProps>`\n  color: ${({ theme }) => theme.colors.text.body};\n  background: transparent;\n  font-family: ${({ theme }) => theme.fontFamily};\n\n  &[data-styled=\"true\"] {\n    padding: ${({ theme }) => theme.space[400]};\n    ${({ theme }) => theme.typography[200]};\n  }\n\n  .accordion-item:last-child[data-state=\"open\"] &[data-styled=\"true\"],\n  .accordion-item:last-child[data-state=\"closed\"] &[data-styled=\"true\"] {\n    border-bottom-left-radius: ${({ theme }) => theme.radii.outer};\n    border-bottom-right-radius: ${({ theme }) => theme.radii.outer};\n  }\n\n  ${COMMON}\n  ${TYPOGRAPHY}\n  ${BORDER}\n\t${LAYOUT}\n\t${FLEXBOX}\n`;\n\nexport const TriggerContainer = styled.div<StyledAccordionProps>`\n  display: flex;\n  align-items: center;\n  color: ${({ theme }) => theme.colors.text.body};\n  ${({ theme }) => theme.typography[200]};\n\n  /* Override Text.Headline styles to match original accordion trigger typography */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: normal;\n    line-height: inherit;\n    color: inherit;\n  }\n\n  &[data-styled=\"true\"] {\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      font-weight: ${({ theme }) => theme.fontWeights.semibold};\n      color: ${({ theme }) => theme.colors.text.headline};\n    }\n  }\n\n  ${({ $styled, theme }) =>\n    $styled &&\n    `\n    border-top: ${theme.borderWidths[500]} solid ${theme.colors.container.border.base};\n    border-left: ${theme.borderWidths[500]} solid ${theme.colors.container.border.base};\n    border-right: ${theme.borderWidths[500]} solid ${theme.colors.container.border.base};\n    background: ${theme.colors.container.background.base};\n  `}\n\n  .accordion-item[data-state=\"open\"] &[data-styled=\"true\"] {\n    border-bottom: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};\n  }\n\n  .accordion-item[data-state=\"closed\"] &[data-styled=\"true\"] {\n    transition: border-bottom-color 0s ease-in-out 0.3s;\n    border-bottom: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid transparent`};\n  }\n\n  .accordion-item:first-child &[data-styled=\"true\"] {\n    border-top-left-radius: ${({ theme }) => theme.radii.outer};\n    border-top-right-radius: ${({ theme }) => theme.radii.outer};\n  }\n\n  .accordion-item:last-child &[data-styled=\"true\"] {\n    border-bottom: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};\n  }\n\n  .accordion-item:last-child[data-state=\"closed\"] &[data-styled=\"true\"] {\n    transition: border-radius 0s linear 0.3s;\n    border-bottom-left-radius: ${({ theme }) => theme.radii.outer};\n    border-bottom-right-radius: ${({ theme }) => theme.radii.outer};\n  }\n\n  ${COMMON}\n  ${BORDER}\n\t${LAYOUT}\n\t${FLEXBOX}\n`;\n","import { StyledRadixAccordionContent, ContentContainer } from \"./styles\";\nimport { type TypeAccordionSystemProps } from \"./AccordionTypes\";\nimport { AccordionContext } from \"./Accordion\";\nimport { useContext } from \"react\";\n\ninterface TypeAccordionContentProps extends TypeAccordionSystemProps {\n  children?: React.ReactNode;\n}\n\nexport const AccordionContent = ({\n  children,\n  ...rest\n}: TypeAccordionContentProps) => {\n  const { styled } = useContext(AccordionContext);\n\n  return (\n    <StyledRadixAccordionContent data-styled={styled}>\n      <ContentContainer data-styled={styled} {...rest}>\n        {children}\n      </ContentContainer>\n    </StyledRadixAccordionContent>\n  );\n};\n","import { TriggerContainer } from \"./styles\";\nimport { type TypeAccordionTriggerProps } from \"./AccordionTypes\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport { Button } from \"@sproutsocial/seeds-react-button\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\nimport {\n  ActionMenu,\n  MenuContent,\n  MenuItem,\n  MenuGroup,\n  MenuToggleButton,\n} from \"@sproutsocial/seeds-react-menu\";\nimport React, { useContext } from \"react\";\nimport { AccordionContext } from \"./Accordion\";\nimport { CollapsibleContentHeader } from \"@sproutsocial/seeds-react-content-header\";\nimport * as RadixAccordion from \"@radix-ui/react-accordion\";\n\nconst MAX_RELATED_ACTIONS = 2;\n\n// Wrapper to adapt RadixAccordion.Trigger to the ContentHeader trigger interface\nconst AccordionTriggerWrapper = ({\n  children,\n}: {\n  children: React.ReactElement;\n}) => <RadixAccordion.Trigger asChild>{children}</RadixAccordion.Trigger>;\n\nexport const AccordionTrigger = ({\n  children,\n  leftSlot,\n  relatedActions,\n  overflowMenu,\n  rightSlot,\n  title,\n  headingLevel = \"h4\",\n  ...rest\n}: TypeAccordionTriggerProps) => {\n  const { triggerIcon, triggerPosition, styled } = useContext(AccordionContext);\n\n  // Validate and limit related actions\n  const validatedActions = relatedActions?.slice(0, MAX_RELATED_ACTIONS);\n\n  // Extract system props to distribute to appropriate container\n  const {\n    color,\n    padding,\n    paddingBottom,\n    paddingTop,\n    paddingX,\n    paddingY,\n    paddingLeft,\n    paddingRight,\n    p,\n    pb,\n    pt,\n    pr,\n    pl,\n    px,\n    py,\n    fontFamily,\n    fontSize,\n    fontStyle,\n    fontWeight,\n    lineHeight,\n    textAlign,\n    ...triggerProps\n  } = rest;\n\n  const shouldRenderActionsBlock = Boolean(overflowMenu || validatedActions);\n\n  // Render overflow menu from config\n  const renderedOverflowMenu = overflowMenu && (\n    <ActionMenu\n      menuToggleElement={\n        <MenuToggleButton\n          aria-label={overflowMenu[\"aria-label\"]}\n          appearance=\"unstyled\"\n          color={color}\n        >\n          <Icon name=\"ellipsis-horizontal-outline\" aria-hidden=\"true\" />\n        </MenuToggleButton>\n      }\n    >\n      <MenuContent>\n        <MenuGroup id=\"overflow-actions\">\n          {overflowMenu.items.map((item, index) => {\n            const { iconName, id, onClick, children, ...menuItemProps } = item;\n            return (\n              <MenuItem\n                key={id || `overflow-item-${index}`}\n                id={id || `overflow-item-${index}`}\n                onClick={onClick}\n                {...menuItemProps}\n              >\n                {iconName ? (\n                  <Box\n                    display=\"flex\"\n                    alignItems=\"center\"\n                    gap=\"300\"\n                    color={color}\n                  >\n                    <Icon name={iconName} />\n                    {children}\n                  </Box>\n                ) : (\n                  children\n                )}\n              </MenuItem>\n            );\n          })}\n        </MenuGroup>\n      </MenuContent>\n    </ActionMenu>\n  );\n\n  // Render related actions from config\n  const renderedRelatedActions = validatedActions &&\n    validatedActions.length > 0 && (\n      <Box display=\"flex\">\n        {validatedActions.map((action, index) => (\n          <Button\n            key={`${action.iconName}-${index}`}\n            onClick={action.onClick}\n            aria-label={action[\"aria-label\"]}\n            color={color}\n          >\n            <Icon name={action.iconName} aria-hidden=\"true\" />\n          </Button>\n        ))}\n      </Box>\n    );\n\n  // Compose actions into a single ReactNode for ContentHeader\n  const renderedActions = shouldRenderActionsBlock ? (\n    <Box mr={300} display=\"flex\">\n      {renderedOverflowMenu}\n      {renderedRelatedActions}\n    </Box>\n  ) : undefined;\n\n  return (\n    <TriggerContainer\n      data-styled={styled}\n      $styled={styled}\n      data-qa-trigger=\"HERE\"\n      color={color}\n      {...triggerProps}\n    >\n      <CollapsibleContentHeader\n        title={title}\n        headingLevel={headingLevel}\n        leftSlot={leftSlot}\n        rightSlot={rightSlot}\n        headerActions={renderedActions}\n        trigger={AccordionTriggerWrapper}\n        triggerPosition={triggerPosition as \"left\" | \"right\"}\n        triggerIcon={triggerIcon}\n        bordered={false}\n      />\n    </TriggerContainer>\n  );\n};\n"],"mappings":"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","names":["import_seeds_react_icon","styled","React","isControlled","RadixAccordion","RadixAccordion","import_seeds_react_system_props","styled","import_jsx_runtime","import_react","import_jsx_runtime","styled","import_seeds_react_icon","import_seeds_react_menu","import_react","import_seeds_react_content_header","RadixAccordion","import_jsx_runtime","styled","children"]}
+{"version":3,"sources":["../src/index.ts","../src/Accordion.tsx","../src/AccordionTypes.ts","../src/AccordionItem.tsx","../src/AccordionContent.tsx","../src/AccordionContentHybrid.tsx","../src/styles.ts","../src/AccordionContentTailwind.tsx","../src/AccordionTriggerHybrid.tsx","../src/AccordionTriggerInner.tsx","../src/AccordionTriggerTailwind.tsx","../src/AccordionTrigger.tsx"],"sourcesContent":["import { Accordion } from \"./Accordion\";\nimport { AccordionItem } from \"./AccordionItem\";\nimport { AccordionContent } from \"./AccordionContent\";\nimport { AccordionTrigger } from \"./AccordionTrigger\";\n\nexport { Accordion, AccordionItem, AccordionContent, AccordionTrigger };\nexport * from \"./AccordionTypes\";\n","import React, { createContext, type ReactElement } from \"react\";\nimport * as RadixAccordion from \"@radix-ui/react-accordion\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\nimport { type TypeAccordionProps } from \"./AccordionTypes\";\n\nexport const AccordionContext = createContext<{\n  triggerIcon: ReactElement | null;\n  triggerPosition: string;\n  styled: boolean;\n}>({\n  triggerIcon: null,\n  triggerPosition: \"\",\n  styled: false,\n});\n\nexport const Accordion = ({\n  children,\n  collapsible,\n  defaultValue = [\"item-0\"],\n  triggerPosition = \"right\",\n  triggerIcon = <Icon className=\"triggerIcon\" name=\"chevron-down-outline\" />,\n  type = \"multiple\",\n  styled = true,\n  value,\n  onValueChange,\n}: TypeAccordionProps) => {\n  const contextValue = {\n    triggerIcon: React.isValidElement(triggerIcon) ? triggerIcon : null,\n    triggerPosition,\n    styled,\n  };\n\n  if (type === \"single\") {\n    // Determine if controlled or uncontrolled\n    const isControlled = value !== undefined;\n\n    return (\n      <RadixAccordion.Root\n        type=\"single\"\n        value={\n          isControlled ? (Array.isArray(value) ? value[0] : value) : undefined\n        }\n        defaultValue={\n          !isControlled && defaultValue\n            ? Array.isArray(defaultValue)\n              ? defaultValue[0]\n              : defaultValue\n            : undefined\n        }\n        onValueChange={onValueChange as ((value: string) => void) | undefined}\n        collapsible={collapsible}\n      >\n        <AccordionContext.Provider value={contextValue}>\n          {children}\n        </AccordionContext.Provider>\n      </RadixAccordion.Root>\n    );\n  }\n\n  // Multiple mode\n  const isControlled = value !== undefined;\n\n  return (\n    <RadixAccordion.Root\n      type=\"multiple\"\n      value={\n        isControlled ? (Array.isArray(value) ? value : [value]) : undefined\n      }\n      defaultValue={\n        !isControlled && defaultValue\n          ? Array.isArray(defaultValue)\n            ? defaultValue\n            : [defaultValue]\n          : undefined\n      }\n      onValueChange={onValueChange as ((value: string[]) => void) | undefined}\n    >\n      <AccordionContext.Provider value={contextValue}>\n        {children}\n      </AccordionContext.Provider>\n    </RadixAccordion.Root>\n  );\n};\n","import * as React from \"react\";\nimport {\n  type TypeSystemCommonProps,\n  type TypeBorderSystemProps,\n  type TypeFlexboxSystemProps,\n  type TypeLayoutSystemProps,\n  type TypeStyledComponentsCommonProps,\n  type TypeSystemTypographyProps,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport { type TypeIconName } from \"@sproutsocial/seeds-react-icon\";\nimport { type TypeMenuItemProps } from \"@sproutsocial/seeds-react-menu\";\nimport { type TypeHeadingLevel } from \"@sproutsocial/seeds-react-content-header\";\n\nexport interface TypeAccordionSystemProps\n  extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\">,\n    TypeStyledComponentsCommonProps,\n    TypeSystemCommonProps,\n    TypeBorderSystemProps,\n    TypeFlexboxSystemProps,\n    TypeLayoutSystemProps,\n    TypeSystemTypographyProps {}\n\nexport interface TypeAccordionProps {\n  children?: React.ReactNode;\n  collapsible?: boolean;\n  defaultValue?: string | string[];\n  triggerIcon?: React.ReactNode;\n  triggerPosition?: \"left\" | \"right\";\n  type?: \"single\" | \"multiple\";\n  styled?: boolean;\n  /** Controlled value for open accordion items (single mode: string, multiple mode: string[]) */\n  value?: string | string[];\n  /** Callback fired when accordion items change (single mode: string, multiple mode: string[]) */\n  onValueChange?: (value: string | string[]) => void;\n}\n\nexport interface TypeRelatedAction {\n  iconName: TypeIconName;\n  onClick: () => void;\n  \"aria-label\": string;\n}\n\nexport interface TypeOverflowMenuItem extends TypeMenuItemProps {\n  iconName?: TypeIconName;\n}\n\nexport interface TypeOverflowMenuConfig {\n  /** Menu items to be rendered in the overflow menu */\n  items: TypeOverflowMenuItem[];\n  /** Aria label for the overflow menu trigger button. Defaults to \"More actions\" */\n  \"aria-label\"?: string;\n}\n\nexport interface TypeAccordionItemProps {\n  children: React.ReactNode;\n  relatedActions?: TypeRelatedAction[];\n  overflowMenu?: TypeOverflowMenuConfig;\n  value: string;\n}\n\n/**\n * Props for AccordionTrigger component\n *\n * @example\n * ```tsx\n * <AccordionTrigger\n *   title=\"My Accordion Title\"\n *   headingLevel=\"h2\"\n * />\n * ```\n */\nexport interface TypeAccordionTriggerProps extends TypeAccordionSystemProps {\n  title: string;\n  leftSlot?: React.ReactNode;\n  relatedActions?: TypeRelatedAction[];\n  overflowMenu?: TypeOverflowMenuConfig;\n  rightSlot?: React.ReactNode;\n  /** The semantic heading level for the accordion title. Defaults to \"h4\" */\n  headingLevel?: TypeHeadingLevel;\n}\n","import * as RadixAccordion from \"@radix-ui/react-accordion\";\nimport { type TypeAccordionItemProps } from \"./AccordionTypes\";\n\nexport const AccordionItem = ({ children, value }: TypeAccordionItemProps) => {\n  return (\n    <RadixAccordion.Item className=\"accordion-item\" value={value}>\n      {children}\n    </RadixAccordion.Item>\n  );\n};\n","import React from \"react\";\nimport { type TypeAccordionSystemProps } from \"./AccordionTypes\";\nimport { AccordionContentHybrid } from \"./AccordionContentHybrid\";\n\ninterface TypeAccordionContentProps extends TypeAccordionSystemProps {\n  children?: React.ReactNode;\n}\n\n/**\n * AccordionContent. Automatically routes between the Tailwind implementation\n * (preferred) and the styled-components implementation (for consumers using\n * system props or a styled() extension).\n */\nexport const AccordionContent = (props: TypeAccordionContentProps) => (\n  <AccordionContentHybrid {...props} />\n);\n","/**\n * Hybrid AccordionContent.\n * Automatically chooses between the Tailwind and styled-components rendering\n * based on whether styled-system props or a styled() extension are present.\n */\n\nimport React, { useContext } from \"react\";\nimport { needsStyledComponents } from \"@sproutsocial/seeds-react-system-props\";\nimport { StyledRadixAccordionContent, ContentContainer } from \"./styles\";\nimport { AccordionContext } from \"./Accordion\";\nimport { AccordionContentTailwind } from \"./AccordionContentTailwind\";\nimport { type TypeAccordionSystemProps } from \"./AccordionTypes\";\n\ninterface TypeAccordionContentProps extends TypeAccordionSystemProps {\n  children?: React.ReactNode;\n}\n\nexport const AccordionContentHybrid = ({\n  children,\n  ...rest\n}: TypeAccordionContentProps) => {\n  const { styled } = useContext(AccordionContext);\n\n  if (needsStyledComponents(rest)) {\n    // Styled-components branch — identical to the legacy AccordionContent body.\n    return (\n      <StyledRadixAccordionContent data-styled={styled}>\n        <ContentContainer data-styled={styled} {...rest}>\n          {children}\n        </ContentContainer>\n      </StyledRadixAccordionContent>\n    );\n  }\n\n  // Tailwind path (preferred — no styled-components runtime).\n  return (\n    <AccordionContentTailwind {...rest}>{children}</AccordionContentTailwind>\n  );\n};\n","import styled, { css } from \"styled-components\";\nimport * as RadixAccordion from \"@radix-ui/react-accordion\";\nimport {\n  BORDER,\n  COMMON,\n  FLEXBOX,\n  LAYOUT,\n  TYPOGRAPHY,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport { type TypeAccordionSystemProps } from \"./AccordionTypes\";\n\ninterface StyledAccordionProps extends TypeAccordionSystemProps {\n  $styled?: boolean;\n}\n\nexport const StyledAccordionItem = styled(RadixAccordion.Item)``;\n\nconst animations = css`\n  @keyframes slideDown {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--radix-accordion-content-height);\n    }\n  }\n\n  @keyframes slideUp {\n    from {\n      height: var(--radix-accordion-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n`;\n\nexport const StyledRadixAccordionContent = styled(\n  RadixAccordion.Content\n)<StyledAccordionProps>`\n  ${animations}\n\n  overflow: hidden;\n\n  &[data-state=\"open\"] {\n    animation: slideDown 300ms ease-in-out;\n  }\n\n  &[data-state=\"closed\"] {\n    animation: slideUp 300ms ease-in-out;\n  }\n\n  &[data-styled=\"true\"] {\n    border-left: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};\n    border-right: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};\n    background: ${({ theme }) => theme.colors.container.background.base};\n  }\n\n  .accordion-item:last-child[data-state=\"open\"] &[data-styled=\"true\"],\n  .accordion-item:last-child[data-state=\"closed\"] &[data-styled=\"true\"] {\n    border-bottom: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};\n    border-bottom-left-radius: ${({ theme }) => theme.radii.outer};\n    border-bottom-right-radius: ${({ theme }) => theme.radii.outer};\n  }\n`;\n\nexport const ContentContainer = styled.div<StyledAccordionProps>`\n  color: ${({ theme }) => theme.colors.text.body};\n  background: transparent;\n  font-family: ${({ theme }) => theme.fontFamily};\n\n  &[data-styled=\"true\"] {\n    padding: 0 ${({ theme }) => theme.space[400]}\n      ${({ theme }) => theme.space[400]};\n    ${({ theme }) => theme.typography[200]};\n  }\n\n  .accordion-item:last-child[data-state=\"open\"] &[data-styled=\"true\"],\n  .accordion-item:last-child[data-state=\"closed\"] &[data-styled=\"true\"] {\n    border-bottom-left-radius: ${({ theme }) => theme.radii.outer};\n    border-bottom-right-radius: ${({ theme }) => theme.radii.outer};\n  }\n\n  ${COMMON}\n  ${TYPOGRAPHY}\n  ${BORDER}\n\t${LAYOUT}\n\t${FLEXBOX}\n`;\n\nexport const TriggerContainer = styled.div<StyledAccordionProps>`\n  display: flex;\n  align-items: center;\n  color: ${({ theme }) => theme.colors.text.body};\n  ${({ theme }) => theme.typography[200]};\n\n  /* Override Text.Headline styles to match original accordion trigger typography */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: normal;\n    line-height: inherit;\n    color: inherit;\n  }\n\n  &[data-styled=\"true\"] {\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      font-weight: ${({ theme }) => theme.fontWeights.semibold};\n      color: ${({ theme }) => theme.colors.text.headline};\n    }\n  }\n\n  ${({ $styled, theme }) =>\n    $styled &&\n    `\n    border-top: ${theme.borderWidths[500]} solid ${theme.colors.container.border.base};\n    border-left: ${theme.borderWidths[500]} solid ${theme.colors.container.border.base};\n    border-right: ${theme.borderWidths[500]} solid ${theme.colors.container.border.base};\n    background: ${theme.colors.container.background.base};\n  `}\n\n  .accordion-item[data-state=\"open\"] &[data-styled=\"true\"] {\n    border-bottom: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid transparent`};\n  }\n\n  .accordion-item[data-state=\"closed\"] &[data-styled=\"true\"] {\n    transition: border-bottom-color 0s ease-in-out 0.3s;\n    border-bottom: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid transparent`};\n  }\n\n  .accordion-item:first-child &[data-styled=\"true\"] {\n    border-top-left-radius: ${({ theme }) => theme.radii.outer};\n    border-top-right-radius: ${({ theme }) => theme.radii.outer};\n  }\n\n  .accordion-item:last-child[data-state=\"closed\"] &[data-styled=\"true\"] {\n    transition: border-radius 0s linear 0.3s,\n      border-bottom-color 0s ease-in-out 0.3s;\n    border-bottom: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};\n    border-bottom-left-radius: ${({ theme }) => theme.radii.outer};\n    border-bottom-right-radius: ${({ theme }) => theme.radii.outer};\n  }\n\n  ${COMMON}\n  ${BORDER}\n\t${LAYOUT}\n\t${FLEXBOX}\n`;\n","/**\n * Tailwind/CSS-class implementation of AccordionContent.\n * Uses the Seeds accordion CSS classes from accordion.css.\n */\n\nimport React, { useContext } from \"react\";\nimport * as RadixAccordion from \"@radix-ui/react-accordion\";\nimport { AccordionContext } from \"./Accordion\";\nimport { type TypeAccordionSystemProps } from \"./AccordionTypes\";\n\n// Utility for merging class names properly\nfunction cn(\n  ...inputs: (string | undefined | null | false | Record<string, boolean>)[]\n): string {\n  const classes: string[] = [];\n\n  for (const input of inputs) {\n    if (!input) continue;\n\n    if (typeof input === \"string\") {\n      classes.push(input);\n    } else if (typeof input === \"object\") {\n      for (const [key, value] of Object.entries(input)) {\n        if (value) {\n          classes.push(key);\n        }\n      }\n    }\n  }\n\n  return classes.join(\" \");\n}\n\ninterface TypeAccordionContentTailwindProps extends TypeAccordionSystemProps {\n  children?: React.ReactNode;\n}\n\nexport const AccordionContentTailwind = ({\n  children,\n  className,\n  ...rest\n}: TypeAccordionContentTailwindProps) => {\n  const { styled } = useContext(AccordionContext);\n\n  // data-styled is forwarded to the Radix Content element via spread: React\n  // component prop types have no data-* index signature, so spreading (which is\n  // not subject to excess-property checks) keeps this type-safe. Radix forwards\n  // the attribute to the underlying DOM node so the CSS [data-styled] rules fire.\n  const contentDataAttrs = { \"data-styled\": styled };\n\n  return (\n    <RadixAccordion.Content\n      className={cn(\"seeds-accordion-content\", className)}\n      {...contentDataAttrs}\n    >\n      <div\n        className=\"seeds-accordion-content-inner\"\n        data-styled={styled}\n        {...(rest as React.HTMLAttributes<HTMLDivElement>)}\n      >\n        {children}\n      </div>\n    </RadixAccordion.Content>\n  );\n};\n","/**\n * Hybrid AccordionTrigger wrapper.\n * Automatically chooses between the Tailwind and styled-components rendering\n * based on whether styled-system props or a styled() extension are present.\n */\n\nimport { useContext } from \"react\";\nimport { needsStyledComponents } from \"@sproutsocial/seeds-react-system-props\";\nimport { TriggerContainer } from \"./styles\";\nimport { AccordionContext } from \"./Accordion\";\nimport { AccordionTriggerInner } from \"./AccordionTriggerInner\";\nimport { AccordionTriggerTailwind } from \"./AccordionTriggerTailwind\";\nimport { type TypeAccordionTriggerProps } from \"./AccordionTypes\";\n\nexport const AccordionTriggerHybrid = (props: TypeAccordionTriggerProps) => {\n  const {\n    children,\n    leftSlot,\n    relatedActions,\n    overflowMenu,\n    rightSlot,\n    title,\n    headingLevel = \"h4\",\n    ...rest\n  } = props;\n  const { triggerIcon, triggerPosition, styled } = useContext(AccordionContext);\n\n  if (needsStyledComponents(rest)) {\n    // Styled-components branch — mirrors the legacy AccordionTrigger exactly:\n    // the styled-system props are destructured out and only `color` plus the\n    // remaining triggerProps are forwarded to TriggerContainer.\n    const {\n      color,\n      padding,\n      paddingBottom,\n      paddingTop,\n      paddingX,\n      paddingY,\n      paddingLeft,\n      paddingRight,\n      p,\n      pb,\n      pt,\n      pr,\n      pl,\n      px,\n      py,\n      fontFamily,\n      fontSize,\n      fontStyle,\n      fontWeight,\n      lineHeight,\n      textAlign,\n      ...triggerProps\n    } = rest;\n\n    return (\n      <TriggerContainer\n        data-styled={styled}\n        $styled={styled}\n        data-qa-trigger=\"HERE\"\n        color={color}\n        {...triggerProps}\n      >\n        <AccordionTriggerInner\n          title={title}\n          headingLevel={headingLevel}\n          leftSlot={leftSlot}\n          rightSlot={rightSlot}\n          relatedActions={relatedActions}\n          overflowMenu={overflowMenu}\n          color={color}\n          triggerIcon={triggerIcon}\n          triggerPosition={triggerPosition}\n        />\n      </TriggerContainer>\n    );\n  }\n\n  // Tailwind path (preferred — no styled-components runtime).\n  return <AccordionTriggerTailwind {...props} />;\n};\n","import React from \"react\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport { Button } from \"@sproutsocial/seeds-react-button\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\nimport {\n  ActionMenu,\n  MenuContent,\n  MenuItem,\n  MenuGroup,\n  MenuToggleButton,\n} from \"@sproutsocial/seeds-react-menu\";\nimport {\n  CollapsibleContentHeader,\n  type TypeHeadingLevel,\n} from \"@sproutsocial/seeds-react-content-header\";\nimport * as RadixAccordion from \"@radix-ui/react-accordion\";\nimport {\n  type TypeRelatedAction,\n  type TypeOverflowMenuConfig,\n  type TypeAccordionSystemProps,\n} from \"./AccordionTypes\";\n\nconst MAX_RELATED_ACTIONS = 2;\n\n// Wrapper to adapt RadixAccordion.Trigger to the ContentHeader trigger interface\nconst AccordionTriggerWrapper = ({\n  children,\n}: {\n  children: React.ReactElement;\n}) => <RadixAccordion.Trigger asChild>{children}</RadixAccordion.Trigger>;\n\nexport interface TypeAccordionTriggerInnerProps {\n  title: string;\n  headingLevel: TypeHeadingLevel;\n  leftSlot?: React.ReactNode;\n  rightSlot?: React.ReactNode;\n  relatedActions?: TypeRelatedAction[];\n  overflowMenu?: TypeOverflowMenuConfig;\n  color?: TypeAccordionSystemProps[\"color\"];\n  triggerIcon: React.ReactElement | null;\n  triggerPosition: string;\n}\n\n/**\n * Wrapper-agnostic inner subtree of the accordion trigger (overflow menu,\n * related actions, and CollapsibleContentHeader). Shared by both the\n * styled-components and Tailwind trigger wrappers so they render an identical\n * subtree and guarantee visual parity.\n */\nexport const AccordionTriggerInner = ({\n  title,\n  headingLevel,\n  leftSlot,\n  rightSlot,\n  relatedActions,\n  overflowMenu,\n  color,\n  triggerIcon,\n  triggerPosition,\n}: TypeAccordionTriggerInnerProps) => {\n  // Validate and limit related actions\n  const validatedActions = relatedActions?.slice(0, MAX_RELATED_ACTIONS);\n\n  const shouldRenderActionsBlock = Boolean(overflowMenu || validatedActions);\n\n  // Render overflow menu from config\n  const renderedOverflowMenu = overflowMenu && (\n    <ActionMenu\n      menuToggleElement={\n        <MenuToggleButton\n          aria-label={overflowMenu[\"aria-label\"]}\n          appearance=\"unstyled\"\n          color={color}\n        >\n          <Icon name=\"ellipsis-horizontal-outline\" aria-hidden=\"true\" />\n        </MenuToggleButton>\n      }\n    >\n      <MenuContent>\n        <MenuGroup id=\"overflow-actions\">\n          {overflowMenu.items.map((item, index) => {\n            const { iconName, id, onClick, children, ...menuItemProps } = item;\n            return (\n              <MenuItem\n                key={id || `overflow-item-${index}`}\n                id={id || `overflow-item-${index}`}\n                onClick={onClick}\n                {...menuItemProps}\n              >\n                {iconName ? (\n                  <Box\n                    display=\"flex\"\n                    alignItems=\"center\"\n                    gap=\"300\"\n                    color={color}\n                  >\n                    <Icon name={iconName} />\n                    {children}\n                  </Box>\n                ) : (\n                  children\n                )}\n              </MenuItem>\n            );\n          })}\n        </MenuGroup>\n      </MenuContent>\n    </ActionMenu>\n  );\n\n  // Render related actions from config\n  const renderedRelatedActions = validatedActions &&\n    validatedActions.length > 0 && (\n      <Box display=\"flex\">\n        {validatedActions.map((action, index) => (\n          <Button\n            key={`${action.iconName}-${index}`}\n            onClick={action.onClick}\n            aria-label={action[\"aria-label\"]}\n            color={color}\n          >\n            <Icon name={action.iconName} aria-hidden=\"true\" />\n          </Button>\n        ))}\n      </Box>\n    );\n\n  // Compose actions into a single ReactNode for ContentHeader\n  const renderedActions = shouldRenderActionsBlock ? (\n    <Box mr={300} display=\"flex\">\n      {renderedOverflowMenu}\n      {renderedRelatedActions}\n    </Box>\n  ) : undefined;\n\n  return (\n    <CollapsibleContentHeader\n      title={title}\n      headingLevel={headingLevel}\n      leftSlot={leftSlot}\n      rightSlot={rightSlot}\n      headerActions={renderedActions}\n      trigger={AccordionTriggerWrapper}\n      triggerPosition={triggerPosition as \"left\" | \"right\"}\n      triggerIcon={triggerIcon}\n      bordered={false}\n    />\n  );\n};\n","/**\n * Tailwind/CSS-class implementation of the AccordionTrigger wrapper.\n * Uses the Seeds accordion CSS classes from accordion.css.\n */\n\nimport React, { useContext } from \"react\";\nimport { AccordionContext } from \"./Accordion\";\nimport { AccordionTriggerInner } from \"./AccordionTriggerInner\";\nimport { type TypeAccordionTriggerProps } from \"./AccordionTypes\";\n\n// Utility for merging class names properly\nfunction cn(\n  ...inputs: (string | undefined | null | false | Record<string, boolean>)[]\n): string {\n  const classes: string[] = [];\n\n  for (const input of inputs) {\n    if (!input) continue;\n\n    if (typeof input === \"string\") {\n      classes.push(input);\n    } else if (typeof input === \"object\") {\n      for (const [key, value] of Object.entries(input)) {\n        if (value) {\n          classes.push(key);\n        }\n      }\n    }\n  }\n\n  return classes.join(\" \");\n}\n\nexport const AccordionTriggerTailwind = ({\n  children,\n  leftSlot,\n  relatedActions,\n  overflowMenu,\n  rightSlot,\n  title,\n  headingLevel = \"h4\",\n  className,\n  // In the Tailwind path the hybrid gate guarantees no styled-system props are\n  // present. `color` is still pulled out so it is forwarded to the inner content\n  // (overflow menu / related actions) but not onto the wrapper div.\n  color,\n  ...triggerProps\n}: TypeAccordionTriggerProps) => {\n  const { triggerIcon, triggerPosition, styled } = useContext(AccordionContext);\n\n  return (\n    <div\n      className={cn(\"seeds-accordion-trigger\", className)}\n      data-styled={styled}\n      data-qa-trigger=\"HERE\"\n      {...(triggerProps as React.HTMLAttributes<HTMLDivElement>)}\n    >\n      <AccordionTriggerInner\n        title={title}\n        headingLevel={headingLevel}\n        leftSlot={leftSlot}\n        rightSlot={rightSlot}\n        relatedActions={relatedActions}\n        overflowMenu={overflowMenu}\n        color={color}\n        triggerIcon={triggerIcon}\n        triggerPosition={triggerPosition}\n      />\n    </div>\n  );\n};\n","import { type TypeAccordionTriggerProps } from \"./AccordionTypes\";\nimport { AccordionTriggerHybrid } from \"./AccordionTriggerHybrid\";\n\n/**\n * AccordionTrigger. Automatically routes between the Tailwind implementation\n * (preferred) and the styled-components implementation (for consumers using\n * system props or a styled() extension).\n */\nexport const AccordionTrigger = (props: TypeAccordionTriggerProps) => (\n  <AccordionTriggerHybrid {...props} />\n);\n"],"mappings":"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","names":["import_seeds_react_icon","styled","React","isControlled","RadixAccordion","import_jsx_runtime","import_react","import_react","import_seeds_react_system_props","RadixAccordion","import_seeds_react_system_props","styled","import_react","RadixAccordion","import_jsx_runtime","styled","import_jsx_runtime","styled","import_jsx_runtime","import_react","import_seeds_react_system_props","import_react","import_seeds_react_icon","import_seeds_react_menu","import_seeds_react_content_header","RadixAccordion","import_jsx_runtime","import_react","import_jsx_runtime","cn","styled","import_jsx_runtime","styled","import_jsx_runtime"]}

package/package.json

@@ -1,15 +1,26 @@
 {
   "name": "@sproutsocial/seeds-react-accordion",
-  "version": "0.4.32",
+  "version": "0.4.46",
   "description": "Seeds React Accordion",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./dist/accordion.css": "./dist/accordion.css"
+  },
   "scripts": {
-    "build": "tsup --dts",
-    "build:debug": "tsup --dts --metafile",
+    "build": "tsup --dts && cp src/accordion.css dist/accordion.css",
+    "build:debug": "tsup --dts --metafile && cp src/accordion.css dist/accordion.css",
     "dev": "tsup --watch --dts",
     "clean": "rm -rf .turbo dist",
     "clean:modules": "rm -rf node_modules",
@@ -19,13 +30,13 @@
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
-    "@sproutsocial/seeds-react-theme": "^3.6.2",
-    "@sproutsocial/seeds-react-system-props": "^3.0.1",
-    "@sproutsocial/seeds-react-box": "^1.1.16",
-    "@sproutsocial/seeds-react-content-header": "^0.2.11",
-    "@sproutsocial/seeds-react-button": "^2.0.5",
-    "@sproutsocial/seeds-react-icon": "^2.3.7",
-    "@sproutsocial/seeds-react-menu": "^1.13.0",
+    "@sproutsocial/seeds-react-theme": "^4.1.0",
+    "@sproutsocial/seeds-react-system-props": "^3.1.1",
+    "@sproutsocial/seeds-react-box": "^1.1.21",
+    "@sproutsocial/seeds-react-content-header": "^0.2.19",
+    "@sproutsocial/seeds-react-button": "^2.2.1",
+    "@sproutsocial/seeds-react-icon": "^2.4.0",
+    "@sproutsocial/seeds-react-menu": "^1.15.10",
     "styled-system": "^5.1.5"
   },
   "devDependencies": {

package/.eslintignore

@@ -1,6 +0,0 @@
-# Node modules
-node_modules/
-
-# Build output
-dist/
-coverage/

package/.eslintrc.js

@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ["eslint-config-seeds/racine"],
-};