@sproutsocial/seeds-react-content-block 0.5.3 → 0.5.14

package/dist/index.js

@@ -36,19 +36,188 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/ContentBlock.tsx
-var import_react = require("react");
+var import_react4 = require("react");
 var import_seeds_react_box2 = require("@sproutsocial/seeds-react-box");
+
+// src/ContentBlockHybrid.tsx
+var import_react3 = require("react");
+var import_seeds_react_system_props = require("@sproutsocial/seeds-react-system-props");
+
+// src/ContentBlockTailwind.tsx
+var import_react = require("react");
 var import_seeds_react_loader = require("@sproutsocial/seeds-react-loader");
 var import_seeds_react_collapsible = require("@sproutsocial/seeds-react-collapsible");
 var import_seeds_react_content_header = require("@sproutsocial/seeds-react-content-header");
+var import_jsx_runtime = require("react/jsx-runtime");
+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 ContentFooterTailwind = ({
+  footerContent,
+  footerActions,
+  className
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: cn("seeds-content-block-footer", className), children: [
+  footerContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: footerContent }),
+  footerActions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: footerActions })
+] });
+var ContentArea = ({
+  isLoading,
+  children,
+  flushLayout,
+  hasFooter,
+  contentProps
+}) => {
+  const { className, ...domProps } = contentProps ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ...domProps,
+      className: cn(
+        "seeds-content-block-content",
+        {
+          flush: !!flushLayout,
+          "no-footer": !hasFooter
+        },
+        className
+      ),
+      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "seeds-content-block-loader", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_seeds_react_loader.Loader, { delay: false }) }) : children
+    }
+  );
+};
+var CollapsibleContentBlock = ({
+  title,
+  subtitle,
+  titleAs = "h2",
+  subtitleAs = "h3",
+  children,
+  isLoading,
+  headerActions,
+  flushLayout,
+  footerContent,
+  footerActions,
+  contentProps,
+  isOpen: controlledIsOpen,
+  defaultOpen = true,
+  onOpenChange
+}) => {
+  const [internalOpen, setInternalOpen] = (0, import_react.useState)(defaultOpen);
+  const open = controlledIsOpen !== void 0 ? controlledIsOpen : internalOpen;
+  const hasFooter = !!(footerContent || footerActions);
+  const handleOpenChange = (newOpen) => {
+    if (controlledIsOpen === void 0) {
+      setInternalOpen(newOpen);
+    }
+    onOpenChange?.(newOpen);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_seeds_react_collapsible.Collapsible, { isOpen: open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "seeds-content-block", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_seeds_react_content_header.CollapsibleContentHeader,
+      {
+        title,
+        subtitle,
+        headingLevel: titleAs,
+        subtitleAs,
+        headerActions,
+        trigger: import_seeds_react_collapsible.Collapsible.Trigger,
+        triggerPosition: "left"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_seeds_react_collapsible.Collapsible.Panel, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ContentArea,
+        {
+          isLoading,
+          flushLayout,
+          hasFooter,
+          contentProps,
+          children
+        }
+      ),
+      hasFooter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ContentFooterTailwind,
+        {
+          footerContent,
+          footerActions
+        }
+      )
+    ] })
+  ] }) });
+};
+var ContentBlockTailwind = ({
+  isCollapsible,
+  ...props
+}) => {
+  if (isCollapsible) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContentBlock, { ...props });
+  }
+  const {
+    title,
+    subtitle,
+    titleAs = "h2",
+    subtitleAs = "h3",
+    children,
+    isLoading,
+    headerActions,
+    flushLayout,
+    footerContent,
+    footerActions,
+    contentProps
+  } = props;
+  const hasFooter = !!(footerContent || footerActions);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "seeds-content-block", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_seeds_react_content_header.ContentHeader,
+      {
+        title,
+        subtitle,
+        headingLevel: titleAs,
+        subtitleAs,
+        headerActions
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ContentArea,
+      {
+        isLoading,
+        flushLayout,
+        hasFooter,
+        contentProps,
+        children
+      }
+    ),
+    hasFooter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ContentFooterTailwind,
+      {
+        footerContent,
+        footerActions
+      }
+    )
+  ] });
+};
+
+// src/ContentBlockStyled.tsx
+var import_react2 = require("react");
+var import_seeds_react_box = require("@sproutsocial/seeds-react-box");
+var import_seeds_react_loader2 = require("@sproutsocial/seeds-react-loader");
+var import_seeds_react_collapsible2 = require("@sproutsocial/seeds-react-collapsible");
+var import_seeds_react_content_header2 = require("@sproutsocial/seeds-react-content-header");
 var import_seeds_react_container = require("@sproutsocial/seeds-react-container");
 
 // src/styles.ts
 var import_styled_components = __toESM(require("styled-components"));
-var import_seeds_react_box = require("@sproutsocial/seeds-react-box");
-var ContentBlockContent = (0, import_styled_components.default)(import_seeds_react_box.Box)`
-  padding: ${({ theme }) => theme.space[400]};
-`;
 var FooterContainer = import_styled_components.default.div`
   box-sizing: border-box;
   display: flex;
@@ -62,32 +231,32 @@ var FooterContainer = import_styled_components.default.div`
   border-bottom-right-radius: ${({ theme }) => theme.radii.outer};
 `;
 
-// src/ContentBlock.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var ContentArea = ({
+// src/ContentBlockStyled.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ContentArea2 = ({
   isLoading,
   children,
   contentProps,
   flushLayout,
   hasFooter
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_seeds_react_box2.Box,
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  import_seeds_react_box.Box,
   {
     p: flushLayout ? 0 : 400,
     ...contentProps,
     borderBottomLeftRadius: hasFooter ? void 0 : "outer",
     borderBottomRightRadius: hasFooter ? void 0 : "outer",
-    children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_seeds_react_box2.Box, { my: 400, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_seeds_react_loader.Loader, { delay: false }) }) : children
+    children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_seeds_react_box.Box, { my: 400, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_seeds_react_loader2.Loader, { delay: false }) }) : children
   }
 );
 var ContentFooter = ({
   footerContent,
   footerActions
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FooterContainer, { children: [
-  footerContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: footerContent }),
-  footerActions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: footerActions })
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(FooterContainer, { children: [
+  footerContent && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: footerContent }),
+  footerActions && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: footerActions })
 ] });
-var CollapsibleContentBlock = ({
+var CollapsibleContentBlock2 = ({
   title,
   subtitle,
   titleAs = "h2",
@@ -103,7 +272,7 @@ var CollapsibleContentBlock = ({
   defaultOpen = true,
   onOpenChange
 }) => {
-  const [internalOpen, setInternalOpen] = (0, import_react.useState)(defaultOpen);
+  const [internalOpen, setInternalOpen] = (0, import_react2.useState)(defaultOpen);
   const open = controlledIsOpen !== void 0 ? controlledIsOpen : internalOpen;
   const hasFooter = !!(footerContent || footerActions);
   const handleOpenChange = (newOpen) => {
@@ -112,22 +281,22 @@ var CollapsibleContentBlock = ({
     }
     onOpenChange?.(newOpen);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_seeds_react_collapsible.Collapsible, { isOpen: open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_seeds_react_container.Container, { as: "section", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_seeds_react_content_header.CollapsibleContentHeader,
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_seeds_react_collapsible2.Collapsible, { isOpen: open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_seeds_react_container.Container, { as: "section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_seeds_react_content_header2.CollapsibleContentHeader,
       {
         title,
         subtitle,
         headingLevel: titleAs,
         subtitleAs,
         headerActions,
-        trigger: import_seeds_react_collapsible.Collapsible.Trigger,
+        trigger: import_seeds_react_collapsible2.Collapsible.Trigger,
         triggerPosition: "left"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_seeds_react_collapsible.Collapsible.Panel, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        ContentArea,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_seeds_react_collapsible2.Collapsible.Panel, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        ContentArea2,
         {
           isLoading,
           contentProps,
@@ -136,7 +305,7 @@ var CollapsibleContentBlock = ({
           children
         }
       ),
-      hasFooter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      hasFooter && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         ContentFooter,
         {
           footerContent,
@@ -146,9 +315,12 @@ var CollapsibleContentBlock = ({
     ] })
   ] }) });
 };
-var ContentBlock = ({ isCollapsible, ...props }) => {
+var ContentBlockStyled = ({
+  isCollapsible,
+  ...props
+}) => {
   if (isCollapsible) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleContentBlock, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CollapsibleContentBlock2, { ...props });
   }
   const {
     title,
@@ -164,9 +336,9 @@ var ContentBlock = ({ isCollapsible, ...props }) => {
     footerActions
   } = props;
   const hasFooter = !!(footerContent || footerActions);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_seeds_react_container.Container, { as: "section", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_seeds_react_content_header.ContentHeader,
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_seeds_react_container.Container, { as: "section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_seeds_react_content_header2.ContentHeader,
       {
         title,
         subtitle,
@@ -175,8 +347,8 @@ var ContentBlock = ({ isCollapsible, ...props }) => {
         headerActions
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      ContentArea,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ContentArea2,
       {
         isLoading,
         contentProps,
@@ -185,7 +357,7 @@ var ContentBlock = ({ isCollapsible, ...props }) => {
         children
       }
     ),
-    hasFooter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    hasFooter && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       ContentFooter,
       {
         footerContent,
@@ -194,6 +366,20 @@ var ContentBlock = ({ isCollapsible, ...props }) => {
     )
   ] });
 };
+
+// src/ContentBlockHybrid.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ContentBlockHybrid = (props) => {
+  if (props.contentProps && (0, import_seeds_react_system_props.hasStyledProps)(props.contentProps)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ContentBlockStyled, { ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ContentBlockTailwind, { ...props });
+};
+var ContentBlockHybrid_default = ContentBlockHybrid;
+
+// src/ContentBlock.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ContentBlock = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ContentBlockHybrid_default, { ...props });
 var ContentBlock_default = ContentBlock;
 
 // src/index.ts

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/ContentBlock.tsx","../src/styles.ts"],"sourcesContent":["import ContentBlock from \"./ContentBlock\";\n\nexport type { ContentBlockProps } from \"./ContentBlock\";\n\nexport default ContentBlock;\nexport { ContentBlock };\n","import React, { useState } from \"react\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport { Loader } from \"@sproutsocial/seeds-react-loader\";\nimport { Collapsible } from \"@sproutsocial/seeds-react-collapsible\";\nimport {\n  ContentHeader,\n  CollapsibleContentHeader,\n} from \"@sproutsocial/seeds-react-content-header\";\nimport { Container } from \"@sproutsocial/seeds-react-container\";\nimport { FooterContainer } from \"./styles\";\n\ninterface ContentBlockBaseProps {\n  title: string;\n  subtitle?: string;\n  titleAs?: \"h1\" | \"h2\" | \"h3\" | \"h4\";\n  subtitleAs?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"p\";\n  isLoading?: boolean;\n  children: React.ReactNode;\n  headerActions?: React.ReactNode;\n  contentProps?: React.ComponentProps<typeof Box>;\n  /** Sets content area padding to 0 */\n  flushLayout?: boolean;\n  /** Left slot of the footer area */\n  footerContent?: React.ReactNode;\n  /** Right slot of the footer area */\n  footerActions?: React.ReactNode;\n}\n\ntype StaticContentBlockProps = ContentBlockBaseProps & {\n  isCollapsible?: false;\n  isOpen?: never;\n  defaultOpen?: never;\n  onOpenChange?: never;\n};\n\ntype CollapsibleContentBlockProps = ContentBlockBaseProps & {\n  /** Enables collapse/expand behavior on the content area */\n  isCollapsible: true;\n  /** Controlled open state. When provided, the component is in controlled mode. */\n  isOpen?: boolean;\n  /** Initial open state for uncontrolled mode. Defaults to true. */\n  defaultOpen?: boolean;\n  /** Called when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport type ContentBlockProps =\n  | StaticContentBlockProps\n  | CollapsibleContentBlockProps;\n\nconst ContentArea = ({\n  isLoading,\n  children,\n  contentProps,\n  flushLayout,\n  hasFooter,\n}: Pick<\n  ContentBlockBaseProps,\n  \"isLoading\" | \"children\" | \"contentProps\" | \"flushLayout\"\n> & { hasFooter?: boolean }) => (\n  <Box\n    p={flushLayout ? 0 : 400}\n    {...contentProps}\n    borderBottomLeftRadius={hasFooter ? undefined : \"outer\"}\n    borderBottomRightRadius={hasFooter ? undefined : \"outer\"}\n  >\n    {isLoading ? (\n      <Box my={400}>\n        <Loader delay={false} />\n      </Box>\n    ) : (\n      children\n    )}\n  </Box>\n);\n\nconst ContentFooter = ({\n  footerContent,\n  footerActions,\n}: {\n  footerContent?: React.ReactNode;\n  footerActions?: React.ReactNode;\n}) => (\n  <FooterContainer>\n    {footerContent && <span>{footerContent}</span>}\n    {footerActions && <span>{footerActions}</span>}\n  </FooterContainer>\n);\n\nconst CollapsibleContentBlock = ({\n  title,\n  subtitle,\n  titleAs = \"h2\",\n  subtitleAs = \"h3\",\n  children,\n  isLoading,\n  headerActions,\n  contentProps,\n  flushLayout,\n  footerContent,\n  footerActions,\n  isOpen: controlledIsOpen,\n  defaultOpen = true,\n  onOpenChange,\n}: Omit<CollapsibleContentBlockProps, \"isCollapsible\">) => {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = controlledIsOpen !== undefined ? controlledIsOpen : internalOpen;\n  const hasFooter = !!(footerContent || footerActions);\n\n  const handleOpenChange = (newOpen: boolean) => {\n    if (controlledIsOpen === undefined) {\n      setInternalOpen(newOpen);\n    }\n    onOpenChange?.(newOpen);\n  };\n\n  return (\n    <Collapsible isOpen={open} onOpenChange={handleOpenChange}>\n      <Container as=\"section\">\n        <CollapsibleContentHeader\n          title={title}\n          subtitle={subtitle}\n          headingLevel={titleAs}\n          subtitleAs={subtitleAs}\n          headerActions={headerActions}\n          trigger={Collapsible.Trigger}\n          triggerPosition=\"left\"\n        />\n        <Collapsible.Panel>\n          <ContentArea\n            isLoading={isLoading}\n            contentProps={contentProps}\n            flushLayout={flushLayout}\n            hasFooter={hasFooter}\n          >\n            {children}\n          </ContentArea>\n          {hasFooter && (\n            <ContentFooter\n              footerContent={footerContent}\n              footerActions={footerActions}\n            />\n          )}\n        </Collapsible.Panel>\n      </Container>\n    </Collapsible>\n  );\n};\n\nconst ContentBlock = ({ isCollapsible, ...props }: ContentBlockProps) => {\n  if (isCollapsible) {\n    return <CollapsibleContentBlock {...props} />;\n  }\n\n  const {\n    title,\n    subtitle,\n    titleAs = \"h2\",\n    subtitleAs = \"h3\",\n    children,\n    isLoading,\n    headerActions,\n    contentProps,\n    flushLayout,\n    footerContent,\n    footerActions,\n  } = props;\n\n  const hasFooter = !!(footerContent || footerActions);\n\n  return (\n    <Container as=\"section\">\n      <ContentHeader\n        title={title}\n        subtitle={subtitle}\n        headingLevel={titleAs}\n        subtitleAs={subtitleAs}\n        headerActions={headerActions}\n      />\n      <ContentArea\n        isLoading={isLoading}\n        contentProps={contentProps}\n        flushLayout={flushLayout}\n        hasFooter={hasFooter}\n      >\n        {children}\n      </ContentArea>\n      {hasFooter && (\n        <ContentFooter\n          footerContent={footerContent}\n          footerActions={footerActions}\n        />\n      )}\n    </Container>\n  );\n};\n\nexport default ContentBlock;\n","import styled from \"styled-components\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\n\nexport const ContentBlockContent = styled(Box)`\n  padding: ${({ theme }) => theme.space[400]};\n`;\n\nexport const FooterContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: ${({ theme }) => theme.space[400]};\n  border-top: ${({ theme }) => theme.borderWidths[500]} solid\n    ${({ theme }) => 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"],"mappings":"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","names":["import_seeds_react_box","styled"]}
+{"version":3,"sources":["../src/index.ts","../src/ContentBlock.tsx","../src/ContentBlockHybrid.tsx","../src/ContentBlockTailwind.tsx","../src/ContentBlockStyled.tsx","../src/styles.ts"],"sourcesContent":["import ContentBlock from \"./ContentBlock\";\n\nexport type { ContentBlockProps } from \"./ContentBlock\";\n\nexport default ContentBlock;\nexport { ContentBlock };\n","import React from \"react\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport ContentBlockHybrid from \"./ContentBlockHybrid\";\n\nexport interface ContentBlockBaseProps {\n  title: string;\n  subtitle?: string;\n  titleAs?: \"h1\" | \"h2\" | \"h3\" | \"h4\";\n  subtitleAs?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"p\";\n  isLoading?: boolean;\n  children: React.ReactNode;\n  headerActions?: React.ReactNode;\n  contentProps?: React.ComponentProps<typeof Box>;\n  /** Sets content area padding to 0 */\n  flushLayout?: boolean;\n  /** Left slot of the footer area */\n  footerContent?: React.ReactNode;\n  /** Right slot of the footer area */\n  footerActions?: React.ReactNode;\n}\n\ntype StaticContentBlockProps = ContentBlockBaseProps & {\n  isCollapsible?: false;\n  isOpen?: never;\n  defaultOpen?: never;\n  onOpenChange?: never;\n};\n\nexport type CollapsibleContentBlockProps = ContentBlockBaseProps & {\n  /** Enables collapse/expand behavior on the content area */\n  isCollapsible: true;\n  /** Controlled open state. When provided, the component is in controlled mode. */\n  isOpen?: boolean;\n  /** Initial open state for uncontrolled mode. Defaults to true. */\n  defaultOpen?: boolean;\n  /** Called when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport type ContentBlockProps =\n  | StaticContentBlockProps\n  | CollapsibleContentBlockProps;\n\n/**\n * ContentBlock component. Automatically routes between the Tailwind\n * implementation (preferred) and the styled-components implementation (used when\n * `contentProps` carries styled-system props), mirroring the Button hybrid.\n */\nconst ContentBlock = (props: ContentBlockProps) => (\n  <ContentBlockHybrid {...props} />\n);\n\nexport default ContentBlock;\n","/**\n * Hybrid ContentBlock\n *\n * Routes the whole component between the Tailwind implementation (preferred)\n * and the styled-components implementation (legacy fallback), mirroring\n * ButtonHybrid's single `hasStyledProps` gate.\n *\n * `contentProps` is ContentBlock's only styled-system passthrough surface: it\n * is spread onto the content `<Box>` and may carry props (`bg`, `py`, …) that a\n * plain Tailwind element cannot honor. When it does, render the styled-components\n * tree so those props still apply; otherwise use the lighter Tailwind path.\n */\n\nimport React from \"react\";\nimport { hasStyledProps } from \"@sproutsocial/seeds-react-system-props\";\nimport {\n  ContentBlockTailwind,\n  ContentFooterTailwind,\n  type ContentFooterProps,\n} from \"./ContentBlockTailwind\";\nimport { ContentBlockStyled } from \"./ContentBlockStyled\";\nimport type { ContentBlockProps } from \"./ContentBlock\";\n\nconst ContentBlockHybrid = (props: ContentBlockProps) => {\n  if (props.contentProps && hasStyledProps(props.contentProps)) {\n    return <ContentBlockStyled {...props} />;\n  }\n\n  return <ContentBlockTailwind {...props} />;\n};\n\nexport default ContentBlockHybrid;\n\n/**\n * Hybrid ContentBlock footer.\n *\n * The footer exposes no styled-system props and no styled()-extendable surface\n * (FooterContainer is internal and never re-exported from index.ts), so the\n * Tailwind/CSS-class footer is always used — no routing predicate is needed here.\n * Kept as a separate export so the footer-override story/tests can render it\n * directly.\n */\nexport const ContentFooterHybrid = (props: ContentFooterProps) => (\n  <ContentFooterTailwind {...props} />\n);\n","/**\n * Tailwind CSS implementation of the ContentBlock component.\n * Renders the whole component (card, content area, loader, footer) with plain\n * elements and the Seeds content-block CSS classes from content-block.css.\n * Child components (ContentHeader, Collapsible, Loader) are composed unchanged.\n */\n\nimport React, { useState } from \"react\";\nimport { Loader } from \"@sproutsocial/seeds-react-loader\";\nimport { Collapsible } from \"@sproutsocial/seeds-react-collapsible\";\nimport {\n  ContentHeader,\n  CollapsibleContentHeader,\n} from \"@sproutsocial/seeds-react-content-header\";\nimport type {\n  ContentBlockBaseProps,\n  ContentBlockProps,\n  CollapsibleContentBlockProps,\n} from \"./ContentBlock\";\n\n// Utility for merging class names properly.\n// cn is NOT exported from @sproutsocial/seeds-react-utilities, so it is\n// reproduced locally here (mirrors ButtonTailwind.tsx).\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 type ContentFooterProps = {\n  footerContent?: React.ReactNode;\n  footerActions?: React.ReactNode;\n  className?: string;\n};\n\nexport const ContentFooterTailwind = ({\n  footerContent,\n  footerActions,\n  className,\n}: ContentFooterProps) => (\n  <div className={cn(\"seeds-content-block-footer\", className)}>\n    {footerContent && <span>{footerContent}</span>}\n    {footerActions && <span>{footerActions}</span>}\n  </div>\n);\n\nconst ContentArea = ({\n  isLoading,\n  children,\n  flushLayout,\n  hasFooter,\n  contentProps,\n}: Pick<\n  ContentBlockBaseProps,\n  \"isLoading\" | \"children\" | \"flushLayout\" | \"contentProps\"\n> & {\n  hasFooter?: boolean;\n}) => {\n  // By construction, any contentProps reaching the Tailwind path carries no\n  // styled-system props (those route to ContentBlockStyled via hasStyledProps),\n  // so the rest is pure DOM attributes safe to spread onto a div. Pull className\n  // out and merge it via cn so the seeds-content-block-content class is\n  // preserved, rendering className after the spread so the merged value wins\n  // (mirrors ButtonTailwind).\n  const { className, ...domProps } = contentProps ?? {};\n  return (\n    <div\n      {...(domProps as React.HTMLAttributes<HTMLDivElement>)}\n      className={cn(\n        \"seeds-content-block-content\",\n        {\n          flush: !!flushLayout,\n          \"no-footer\": !hasFooter,\n        },\n        className\n      )}\n    >\n      {isLoading ? (\n        <div className=\"seeds-content-block-loader\">\n          <Loader delay={false} />\n        </div>\n      ) : (\n        children\n      )}\n    </div>\n  );\n};\n\nconst CollapsibleContentBlock = ({\n  title,\n  subtitle,\n  titleAs = \"h2\",\n  subtitleAs = \"h3\",\n  children,\n  isLoading,\n  headerActions,\n  flushLayout,\n  footerContent,\n  footerActions,\n  contentProps,\n  isOpen: controlledIsOpen,\n  defaultOpen = true,\n  onOpenChange,\n}: Omit<CollapsibleContentBlockProps, \"isCollapsible\">) => {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = controlledIsOpen !== undefined ? controlledIsOpen : internalOpen;\n  const hasFooter = !!(footerContent || footerActions);\n\n  const handleOpenChange = (newOpen: boolean) => {\n    if (controlledIsOpen === undefined) {\n      setInternalOpen(newOpen);\n    }\n    onOpenChange?.(newOpen);\n  };\n\n  return (\n    <Collapsible isOpen={open} onOpenChange={handleOpenChange}>\n      <section className=\"seeds-content-block\">\n        <CollapsibleContentHeader\n          title={title}\n          subtitle={subtitle}\n          headingLevel={titleAs}\n          subtitleAs={subtitleAs}\n          headerActions={headerActions}\n          trigger={Collapsible.Trigger}\n          triggerPosition=\"left\"\n        />\n        <Collapsible.Panel>\n          <ContentArea\n            isLoading={isLoading}\n            flushLayout={flushLayout}\n            hasFooter={hasFooter}\n            contentProps={contentProps}\n          >\n            {children}\n          </ContentArea>\n          {hasFooter && (\n            <ContentFooterTailwind\n              footerContent={footerContent}\n              footerActions={footerActions}\n            />\n          )}\n        </Collapsible.Panel>\n      </section>\n    </Collapsible>\n  );\n};\n\n/**\n * Tailwind/CSS-class implementation of the full ContentBlock. Preferred path;\n * the Hybrid routes here unless `contentProps` carries styled-system props.\n */\nexport const ContentBlockTailwind = ({\n  isCollapsible,\n  ...props\n}: ContentBlockProps) => {\n  if (isCollapsible) {\n    return <CollapsibleContentBlock {...props} />;\n  }\n\n  const {\n    title,\n    subtitle,\n    titleAs = \"h2\",\n    subtitleAs = \"h3\",\n    children,\n    isLoading,\n    headerActions,\n    flushLayout,\n    footerContent,\n    footerActions,\n    contentProps,\n  } = props;\n\n  const hasFooter = !!(footerContent || footerActions);\n\n  return (\n    <section className=\"seeds-content-block\">\n      <ContentHeader\n        title={title}\n        subtitle={subtitle}\n        headingLevel={titleAs}\n        subtitleAs={subtitleAs}\n        headerActions={headerActions}\n      />\n      <ContentArea\n        isLoading={isLoading}\n        flushLayout={flushLayout}\n        hasFooter={hasFooter}\n        contentProps={contentProps}\n      >\n        {children}\n      </ContentArea>\n      {hasFooter && (\n        <ContentFooterTailwind\n          footerContent={footerContent}\n          footerActions={footerActions}\n        />\n      )}\n    </section>\n  );\n};\n","/**\n * Styled-components implementation of the full ContentBlock.\n *\n * This is the legacy fallback the Hybrid delegates to whenever `contentProps`\n * carries styled-system props (e.g. `bg`, `py`) that a plain Tailwind element\n * cannot honor. It reproduces the original Box/Container/FooterContainer tree\n * verbatim so styled-system passthrough and visual parity are preserved.\n */\n\nimport React, { useState } from \"react\";\nimport { Box } from \"@sproutsocial/seeds-react-box\";\nimport { Loader } from \"@sproutsocial/seeds-react-loader\";\nimport { Collapsible } from \"@sproutsocial/seeds-react-collapsible\";\nimport {\n  ContentHeader,\n  CollapsibleContentHeader,\n} from \"@sproutsocial/seeds-react-content-header\";\nimport { Container } from \"@sproutsocial/seeds-react-container\";\nimport { FooterContainer } from \"./styles\";\nimport type {\n  ContentBlockBaseProps,\n  ContentBlockProps,\n  CollapsibleContentBlockProps,\n} from \"./ContentBlock\";\n\nconst ContentArea = ({\n  isLoading,\n  children,\n  contentProps,\n  flushLayout,\n  hasFooter,\n}: Pick<\n  ContentBlockBaseProps,\n  \"isLoading\" | \"children\" | \"contentProps\" | \"flushLayout\"\n> & { hasFooter?: boolean }) => (\n  <Box\n    p={flushLayout ? 0 : 400}\n    {...contentProps}\n    borderBottomLeftRadius={hasFooter ? undefined : \"outer\"}\n    borderBottomRightRadius={hasFooter ? undefined : \"outer\"}\n  >\n    {isLoading ? (\n      <Box my={400}>\n        <Loader delay={false} />\n      </Box>\n    ) : (\n      children\n    )}\n  </Box>\n);\n\nconst ContentFooter = ({\n  footerContent,\n  footerActions,\n}: {\n  footerContent?: React.ReactNode;\n  footerActions?: React.ReactNode;\n}) => (\n  <FooterContainer>\n    {footerContent && <span>{footerContent}</span>}\n    {footerActions && <span>{footerActions}</span>}\n  </FooterContainer>\n);\n\nconst CollapsibleContentBlock = ({\n  title,\n  subtitle,\n  titleAs = \"h2\",\n  subtitleAs = \"h3\",\n  children,\n  isLoading,\n  headerActions,\n  contentProps,\n  flushLayout,\n  footerContent,\n  footerActions,\n  isOpen: controlledIsOpen,\n  defaultOpen = true,\n  onOpenChange,\n}: Omit<CollapsibleContentBlockProps, \"isCollapsible\">) => {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = controlledIsOpen !== undefined ? controlledIsOpen : internalOpen;\n  const hasFooter = !!(footerContent || footerActions);\n\n  const handleOpenChange = (newOpen: boolean) => {\n    if (controlledIsOpen === undefined) {\n      setInternalOpen(newOpen);\n    }\n    onOpenChange?.(newOpen);\n  };\n\n  return (\n    <Collapsible isOpen={open} onOpenChange={handleOpenChange}>\n      <Container as=\"section\">\n        <CollapsibleContentHeader\n          title={title}\n          subtitle={subtitle}\n          headingLevel={titleAs}\n          subtitleAs={subtitleAs}\n          headerActions={headerActions}\n          trigger={Collapsible.Trigger}\n          triggerPosition=\"left\"\n        />\n        <Collapsible.Panel>\n          <ContentArea\n            isLoading={isLoading}\n            contentProps={contentProps}\n            flushLayout={flushLayout}\n            hasFooter={hasFooter}\n          >\n            {children}\n          </ContentArea>\n          {hasFooter && (\n            <ContentFooter\n              footerContent={footerContent}\n              footerActions={footerActions}\n            />\n          )}\n        </Collapsible.Panel>\n      </Container>\n    </Collapsible>\n  );\n};\n\nexport const ContentBlockStyled = ({\n  isCollapsible,\n  ...props\n}: ContentBlockProps) => {\n  if (isCollapsible) {\n    return <CollapsibleContentBlock {...props} />;\n  }\n\n  const {\n    title,\n    subtitle,\n    titleAs = \"h2\",\n    subtitleAs = \"h3\",\n    children,\n    isLoading,\n    headerActions,\n    contentProps,\n    flushLayout,\n    footerContent,\n    footerActions,\n  } = props;\n\n  const hasFooter = !!(footerContent || footerActions);\n\n  return (\n    <Container as=\"section\">\n      <ContentHeader\n        title={title}\n        subtitle={subtitle}\n        headingLevel={titleAs}\n        subtitleAs={subtitleAs}\n        headerActions={headerActions}\n      />\n      <ContentArea\n        isLoading={isLoading}\n        contentProps={contentProps}\n        flushLayout={flushLayout}\n        hasFooter={hasFooter}\n      >\n        {children}\n      </ContentArea>\n      {hasFooter && (\n        <ContentFooter\n          footerContent={footerContent}\n          footerActions={footerActions}\n        />\n      )}\n    </Container>\n  );\n};\n","import styled from \"styled-components\";\n\nexport const FooterContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: ${({ theme }) => theme.space[400]};\n  border-top: ${({ theme }) => theme.borderWidths[500]} solid\n    ${({ theme }) => 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"],"mappings":"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","names":["import_react","import_seeds_react_box","import_react","import_react","import_seeds_react_loader","import_seeds_react_collapsible","import_seeds_react_content_header","styled","import_jsx_runtime","ContentArea","CollapsibleContentBlock","import_jsx_runtime","import_jsx_runtime"]}

package/package.json

@@ -1,15 +1,26 @@
 {
   "name": "@sproutsocial/seeds-react-content-block",
-  "version": "0.5.3",
+  "version": "0.5.14",
   "description": "Seeds React ContentBlock",
   "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/content-block.css": "./dist/content-block.css"
+  },
   "scripts": {
-    "build": "tsup --dts",
-    "build:debug": "tsup --dts --metafile",
+    "build": "tsup --dts && cp src/content-block.css dist/content-block.css",
+    "build:debug": "tsup --dts --metafile && cp src/content-block.css dist/content-block.css",
     "dev": "tsup --watch --dts",
     "clean": "rm -rf .turbo dist",
     "clean:modules": "rm -rf node_modules",
@@ -18,13 +29,14 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-box": "^1.1.16",
-    "@sproutsocial/seeds-react-button": "^2.0.5",
+    "@sproutsocial/seeds-react-box": "^1.1.21",
+    "@sproutsocial/seeds-react-button": "^2.2.1",
     "@sproutsocial/seeds-react-collapsible": "^2.0.0",
-    "@sproutsocial/seeds-react-container": "^0.3.10",
-    "@sproutsocial/seeds-react-content-header": "^0.2.11",
-    "@sproutsocial/seeds-react-loader": "^1.0.16",
-    "@sproutsocial/seeds-react-theme": "^3.6.2"
+    "@sproutsocial/seeds-react-container": "^0.3.15",
+    "@sproutsocial/seeds-react-content-header": "^0.2.19",
+    "@sproutsocial/seeds-react-loader": "^1.0.22",
+    "@sproutsocial/seeds-react-system-props": "^3.1.0",
+    "@sproutsocial/seeds-react-theme": "^4.1.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",

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"],
-};

package/.turbo/turbo-build.log

@@ -1,21 +0,0 @@
-yarn run v1.22.22
-$ tsup --dts
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.0
-CLI Using tsup config: /home/runner/_work/seeds/seeds/seeds-react/seeds-react-content-block/tsup.config.ts
-CLI Target: es2022
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-CJS dist/index.js     6.84 KB
-CJS dist/index.js.map 8.58 KB
-CJS ⚡️ Build success in 13ms
-ESM dist/esm/index.js     4.37 KB
-ESM dist/esm/index.js.map 8.56 KB
-ESM ⚡️ Build success in 13ms
-DTS Build start
-DTS ⚡️ Build success in 1885ms
-DTS dist/index.d.ts  1.51 KB
-DTS dist/index.d.mts 1.51 KB
-Done in 2.65s.