@sproutsocial/seeds-react-accordion 0.1.0

package/dist/index.js

@@ -0,0 +1,300 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/Accordion.tsx
+var import_react = __toESM(require("react"));
+var RadixAccordion = __toESM(require("@radix-ui/react-accordion"));
+var import_seeds_react_icon2 = require("@sproutsocial/seeds-react-icon");
+
+// src/AccordionTypes.ts
+var React = require("react");
+var import_seeds_react_system_props = require("@sproutsocial/seeds-react-system-props");
+var import_seeds_react_icon = require("@sproutsocial/seeds-react-icon");
+var import_seeds_react_menu = require("@sproutsocial/seeds-react-menu");
+
+// src/Accordion.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var AccordionContext = (0, import_react.createContext)({
+  triggerIcon: null,
+  triggerPosition: "",
+  styled: false
+});
+var Accordion = ({
+  children,
+  collapsible,
+  defaultValue = ["item-0"],
+  triggerPosition = "right",
+  triggerIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_seeds_react_icon2.Icon, { className: "triggerIcon", name: "chevron-down-outline" }),
+  type = "multiple",
+  styled: styled2 = true
+}) => {
+  if (type === "single") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      RadixAccordion.Root,
+      {
+        type: "single",
+        defaultValue: Array.isArray(defaultValue) ? defaultValue[0] : defaultValue,
+        collapsible,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          AccordionContext.Provider,
+          {
+            value: {
+              triggerIcon: import_react.default.isValidElement(triggerIcon) ? triggerIcon : null,
+              triggerPosition,
+              styled: styled2
+            },
+            children
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    RadixAccordion.Root,
+    {
+      type: "multiple",
+      defaultValue: Array.isArray(defaultValue) ? defaultValue : [defaultValue],
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        AccordionContext.Provider,
+        {
+          value: {
+            triggerIcon: import_react.default.isValidElement(triggerIcon) ? triggerIcon : null,
+            triggerPosition,
+            styled: styled2
+          },
+          children
+        }
+      )
+    }
+  );
+};
+
+// src/AccordionItem.tsx
+var RadixAccordion3 = require("@radix-ui/react-accordion");
+
+// src/styles.ts
+var import_styled_components = __toESM(require("styled-components"));
+var RadixAccordion2 = __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 animations = import_styled_components.css`
+  @keyframes slideDown {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+
+  @keyframes slideUp {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+`;
+var StyledRadixAccordionTrigger = (0, import_styled_components.default)(
+  RadixAccordion2.Trigger
+)`
+  padding: 0;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+  outline: none;
+  border: none;
+  background: transparent;
+  ${({ theme }) => theme.typography[200]};
+
+  .triggerIcon {
+    color: ${({ theme }) => theme.colors.icon.base};
+    transition: transform 300ms ease-in-out;
+  }
+
+  &[data-state="open"] {
+    .triggerIcon {
+      transform: rotate(-180deg);
+    }
+  }
+
+  &[data-styled] {
+    padding: ${({ theme }) => theme.space[400]};
+  }
+
+  ${import_seeds_react_system_props2.COMMON}
+`;
+var StyledRadixAccordionContent = (0, import_styled_components.default)(
+  RadixAccordion2.Content
+)`
+  ${animations}
+
+  overflow: hidden;
+
+  &[data-state="open"] {
+    animation: slideDown 300ms ease-in-out;
+  }
+
+  &[data-state="closed"] {
+    animation: slideUp 300ms ease-in-out;
+  }
+
+  &[data-styled="true"] {
+    border-left: ${({ theme }) => `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};
+    border-right: ${({ theme }) => `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};
+    background: ${({ theme }) => theme.colors.container.background.base};
+  }
+
+  .accordion-item:last-child[data-state="open"] &[data-styled="true"],
+  .accordion-item:last-child[data-state="closed"] &[data-styled="true"] {
+    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};
+  }
+`;
+var StyledAccordionArea = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`;
+var FlexCenter = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+`;
+var ContentContainer = import_styled_components.default.div`
+  color: ${({ theme }) => theme.colors.text.body};
+  background: transparent;
+  font-family: ${({ theme }) => theme.fontFamily};
+  ${({ theme }) => theme.typography[200]};
+
+  &[data-styled="true"] {
+    padding: ${({ theme }) => theme.space[400]};
+  }
+
+  .accordion-item:last-child[data-state="open"] &[data-styled="true"],
+  .accordion-item:last-child[data-state="closed"] &[data-styled="true"] {
+    border-bottom-left-radius: ${({ theme }) => theme.radii.outer};
+    border-bottom-right-radius: ${({ theme }) => theme.radii.outer};
+  }
+
+  ${import_seeds_react_system_props2.COMMON}
+  ${import_seeds_react_system_props2.BORDER}
+	${import_seeds_react_system_props2.LAYOUT}
+	${import_seeds_react_system_props2.FLEXBOX}
+`;
+var TriggerContainer = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+
+  &[data-styled="true"] {
+    border-top: ${({ theme }) => `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};
+    border-left: ${({ theme }) => `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};
+    border-right: ${({ theme }) => `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};
+    background: ${({ theme }) => theme.colors.container.background.base};
+  }
+
+  .accordion-item[data-state="open"] &[data-styled="true"] {
+    border-bottom: ${({ theme }) => `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};
+  }
+
+  .accordion-item[data-state="closed"] &[data-styled="true"] {
+    transition: border-bottom-color 0s ease-in-out 0.3s;
+    border-bottom: ${({ theme }) => `${theme.borderWidths[500]} solid transparent`};
+  }
+
+  .accordion-item:first-child &[data-styled="true"] {
+    border-top-left-radius: ${({ theme }) => theme.radii.outer};
+    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;
+    border-bottom-left-radius: ${({ theme }) => theme.radii.outer};
+    border-bottom-right-radius: ${({ theme }) => theme.radii.outer};
+  }
+
+  ${import_seeds_react_system_props2.COMMON}
+  ${import_seeds_react_system_props2.BORDER}
+	${import_seeds_react_system_props2.LAYOUT}
+	${import_seeds_react_system_props2.FLEXBOX}
+`;
+var TitleStyles = import_styled_components.default.h4`
+  margin: 0;
+  font-size: ${({ theme }) => theme.fontSizes[200]};
+  font-weight: normal;
+
+  &[data-styled="true"] {
+    font-weight: ${({ theme }) => theme.fontWeights.semibold};
+    color: ${({ theme }) => theme.colors.text.headline};
+  }
+
+  ${import_seeds_react_system_props2.COMMON}
+  ${import_seeds_react_system_props2.TYPOGRAPHY}
+`;
+
+// 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
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var AccordionContent = ({
+  children,
+  ...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 }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/Accordion.tsx","../src/AccordionTypes.ts","../src/AccordionItem.tsx","../src/styles.ts","../src/AccordionContent.tsx"],"sourcesContent":["import { Accordion } from \"./Accordion\";\nimport { AccordionItem } from \"./AccordionItem\";\nimport { AccordionContent } from \"./AccordionContent\";\n\nexport { Accordion, AccordionItem, AccordionContent };\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}: TypeAccordionProps) => {\n  if (type === \"single\") {\n    return (\n      <RadixAccordion.Root\n        type=\"single\"\n        defaultValue={\n          Array.isArray(defaultValue) ? defaultValue[0] : defaultValue\n        }\n        collapsible={collapsible}\n      >\n        <AccordionContext.Provider\n          value={{\n            triggerIcon: React.isValidElement(triggerIcon) ? triggerIcon : null,\n            triggerPosition,\n            styled,\n          }}\n        >\n          {children}\n        </AccordionContext.Provider>\n      </RadixAccordion.Root>\n    );\n  }\n\n  return (\n    <RadixAccordion.Root\n      type=\"multiple\"\n      defaultValue={Array.isArray(defaultValue) ? defaultValue : [defaultValue]}\n    >\n      <AccordionContext.Provider\n        value={{\n          triggerIcon: React.isValidElement(triggerIcon) ? triggerIcon : null,\n          triggerPosition,\n          styled,\n        }}\n      >\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 TypeTypographySystemProps,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport { type TypeIconName } from \"@sproutsocial/seeds-react-icon\";\nimport { type TypeMenuItemProps } from \"@sproutsocial/seeds-react-menu\";\n\nexport interface TypeAccordionSystemProps\n  extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\">,\n    TypeStyledComponentsCommonProps,\n    TypeSystemCommonProps,\n    TypeBorderSystemProps,\n    TypeFlexboxSystemProps,\n    TypeLayoutSystemProps,\n    TypeTypographySystemProps {}\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}\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","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 StyledRadixAccordionTrigger = styled(\n  RadixAccordion.Trigger\n)<StyledAccordionProps>`\n  padding: 0;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  outline: none;\n  border: none;\n  background: transparent;\n  ${({ theme }) => theme.typography[200]};\n\n  .triggerIcon {\n    color: ${({ theme }) => theme.colors.icon.base};\n    transition: transform 300ms ease-in-out;\n  }\n\n  &[data-state=\"open\"] {\n    .triggerIcon {\n      transform: rotate(-180deg);\n    }\n  }\n\n  &[data-styled] {\n    padding: ${({ theme }) => theme.space[400]};\n  }\n\n  ${COMMON}\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 StyledAccordionArea = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n`;\nexport const FlexCenter = styled.div`\n  display: flex;\n  align-items: center;\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  ${({ theme }) => theme.typography[200]};\n\n  &[data-styled=\"true\"] {\n    padding: ${({ theme }) => theme.space[400]};\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  ${BORDER}\n\t${LAYOUT}\n\t${FLEXBOX}\n`;\n\nexport const TriggerContainer = styled.div<StyledAccordionProps>`\n  display: flex;\n  align-items: center;\n\n  &[data-styled=\"true\"] {\n    border-top: ${({ theme }) =>\n      `${theme.borderWidths[500]} solid ${theme.colors.container.border.base}`};\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[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\nexport const TitleStyles = styled.h4<StyledAccordionProps>`\n  margin: 0;\n  font-size: ${({ theme }) => theme.fontSizes[200]};\n  font-weight: normal;\n\n  &[data-styled=\"true\"] {\n    font-weight: ${({ theme }) => theme.fontWeights.semibold};\n    color: ${({ theme }) => theme.colors.text.headline};\n  }\n\n  ${COMMON}\n  ${TYPOGRAPHY}\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"],"mappings":"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","names":["import_seeds_react_icon","styled","React","RadixAccordion","RadixAccordion","import_seeds_react_system_props","styled","import_jsx_runtime","import_react","import_jsx_runtime","styled"]}

package/jest.config.js

@@ -0,0 +1,9 @@
+const baseConfig = require("@sproutsocial/seeds-testing");
+
+/** * @type {import('jest').Config} */
+const config = {
+  ...baseConfig,
+  displayName: "seeds-react-accordion",
+};
+
+module.exports = config;

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@sproutsocial/seeds-react-accordion",
+  "version": "0.1.0",
+  "description": "Seeds React Accordion",
+  "author": "Sprout Social, Inc.",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsup --dts",
+    "build:debug": "tsup --dts --metafile",
+    "dev": "tsup --watch --dts",
+    "clean": "rm -rf .turbo dist",
+    "clean:modules": "rm -rf node_modules",
+    "typecheck": "tsc --noEmit",
+    "test": "jest",
+    "test:watch": "jest --watch --coverage=false"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "1.2.12",
+    "@sproutsocial/seeds-react-theme": "^3.1.0",
+    "@sproutsocial/seeds-react-system-props": "^3.0.1",
+    "@sproutsocial/seeds-react-box": "1.1.5",
+    "@sproutsocial/seeds-react-button": "1.3.2",
+    "@sproutsocial/seeds-react-icon": "1.1.6",
+    "@sproutsocial/seeds-react-menu": "1.6.13"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/styled-components": "^5.1.26",
+    "@sproutsocial/eslint-config-seeds": "*",
+    "react": "^18.0.0",
+    "styled-components": "^5.2.3",
+    "tsup": "^8.3.4",
+    "typescript": "^5.6.2",
+    "@sproutsocial/seeds-tsconfig": "*",
+    "@sproutsocial/seeds-testing": "*",
+    "@sproutsocial/seeds-react-testing-library": "*"
+  },
+  "peerDependencies": {
+    "styled-components": "^5.2.3"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}