@planningcenter/tapestry 4.8.0 → 4.8.1-qa-1336.1

package/dist/components/pane/PaneContext.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+const PaneContext = React__default.createContext(null);
+
+export { PaneContext };
+//# sourceMappingURL=PaneContext.js.map

package/dist/components/pane/PaneContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneContext.js","sources":["../../../src/components/pane/PaneContext.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface PaneContextValue {\n  /**\n   * Called by `PaneHeader` to tell the `Pane` whether a title is rendered, so\n   * the root can decide between a labelled `region` landmark and a plain\n   * container.\n   */\n  registerTitle: (hasTitle: boolean) => void\n  titleId: string\n}\n\nexport const PaneContext = React.createContext<PaneContextValue | null>(null)\n"],"names":["React"],"mappings":";;AAYO,MAAM,WAAW,GAAGA,cAAK,CAAC,aAAa,CAA0B,IAAI;;;;"}

package/dist/components/pane/PaneDivider.d.ts

@@ -0,0 +1,14 @@
+import "./index.css";
+import React, { type HTMLAttributes } from "react";
+export type PaneDividerElementProps = HTMLAttributes<HTMLHRElement>;
+/**
+ * A 1px rule between sub-sections inside a `PaneBody`.
+ *
+ * @component
+ * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}
+ */
+export declare function PaneDivider({ className, ...restProps }: PaneDividerElementProps): React.JSX.Element;
+export declare namespace PaneDivider {
+    var displayName: string;
+}
+//# sourceMappingURL=PaneDivider.d.ts.map

package/dist/components/pane/PaneDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneDivider.d.ts","sourceRoot":"","sources":["../../../src/components/pane/PaneDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAGpB,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAElD,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AAEnE;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,SAAS,EACb,EAAE,uBAAuB,qBAIzB;yBAPe,WAAW"}

package/dist/components/pane/PaneDivider.js

@@ -0,0 +1,17 @@
+import classNames from 'classnames';
+import React__default from 'react';
+
+/**
+ * A 1px rule between sub-sections inside a `PaneBody`.
+ *
+ * @component
+ * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}
+ */
+function PaneDivider({ className, ...restProps }) {
+    const combinedClassName = classNames("tds-pane-divider", className);
+    return React__default.createElement("hr", { ...restProps, className: combinedClassName });
+}
+PaneDivider.displayName = "PaneDivider";
+
+export { PaneDivider };
+//# sourceMappingURL=PaneDivider.js.map

package/dist/components/pane/PaneDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneDivider.js","sources":["../../../src/components/pane/PaneDivider.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport classNames from \"classnames\"\nimport React, { type HTMLAttributes } from \"react\"\n\nexport type PaneDividerElementProps = HTMLAttributes<HTMLHRElement>\n\n/**\n * A 1px rule between sub-sections inside a `PaneBody`.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}\n */\nexport function PaneDivider({\n  className,\n  ...restProps\n}: PaneDividerElementProps) {\n  const combinedClassName = classNames(\"tds-pane-divider\", className)\n\n  return <hr {...restProps} className={combinedClassName} />\n}\n\nPaneDivider.displayName = \"PaneDivider\"\n"],"names":["React"],"mappings":";;;AAOA;;;;;AAKG;AACG,SAAU,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,SAAS,EACY,EAAA;IACxB,MAAM,iBAAiB,GAAG,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC;AAEnE,IAAA,OAAOA,wCAAQ,SAAS,EAAE,SAAS,EAAE,iBAAiB,GAAI;AAC5D;AAEA,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/pane/PaneFooter.d.ts

@@ -0,0 +1,27 @@
+import "./index.css";
+import { type FlexProps } from "../flex";
+import type { DistributiveOmit } from "../../utilities/typeUtils";
+import React from "react";
+export interface PaneFooterProps {
+    /**
+     * Action buttons only — per Figma guidance, a footer should be avoided
+     * outside the documented exceptions (top-down flows like forms/wizards, or
+     * when a primary action can't live in the header). Laid out in a row; pass
+     * any `Flex` prop to adjust the layout.
+     */
+    children: React.ReactNode;
+}
+export type PaneFooterElementProps = DistributiveOmit<FlexProps, "as"> & PaneFooterProps;
+/**
+ * The footer region of a `Pane`, intended for action buttons. Lays its
+ * children out in a `Flex` row and accepts every `Flex` prop, so the caller
+ * controls spacing and alignment without reaching for a wrapper element.
+ *
+ * @component
+ * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}
+ */
+export declare function PaneFooter({ children, className, ...restProps }: PaneFooterElementProps): React.JSX.Element;
+export declare namespace PaneFooter {
+    var displayName: string;
+}
+//# sourceMappingURL=PaneFooter.d.ts.map

package/dist/components/pane/PaneFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneFooter.d.ts","sourceRoot":"","sources":["../../../src/components/pane/PaneFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,GACpE,eAAe,CAAA;AAEjB;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,sBAAsB,qBAiBxB;yBArBe,UAAU"}

package/dist/components/pane/PaneFooter.js

@@ -0,0 +1,20 @@
+import { Flex } from '../flex/Flex.js';
+import classNames from 'classnames';
+import React__default from 'react';
+
+/**
+ * The footer region of a `Pane`, intended for action buttons. Lays its
+ * children out in a `Flex` row and accepts every `Flex` prop, so the caller
+ * controls spacing and alignment without reaching for a wrapper element.
+ *
+ * @component
+ * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}
+ */
+function PaneFooter({ children, className, ...restProps }) {
+    const combinedClassName = classNames("tds-pane-footer", className);
+    return (React__default.createElement(Flex, { align: "center", direction: "row", gap: 2, justify: "end", ...restProps, as: "footer", className: combinedClassName, role: "group" }, children));
+}
+PaneFooter.displayName = "PaneFooter";
+
+export { PaneFooter };
+//# sourceMappingURL=PaneFooter.js.map

package/dist/components/pane/PaneFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneFooter.js","sources":["../../../src/components/pane/PaneFooter.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { Flex, type FlexProps } from \"@components/flex\"\nimport type { DistributiveOmit } from \"@utilities/typeUtils\"\nimport classNames from \"classnames\"\nimport React from \"react\"\n\nexport interface PaneFooterProps {\n  /**\n   * Action buttons only — per Figma guidance, a footer should be avoided\n   * outside the documented exceptions (top-down flows like forms/wizards, or\n   * when a primary action can't live in the header). Laid out in a row; pass\n   * any `Flex` prop to adjust the layout.\n   */\n  children: React.ReactNode\n}\n\nexport type PaneFooterElementProps = DistributiveOmit<FlexProps, \"as\"> &\n  PaneFooterProps\n\n/**\n * The footer region of a `Pane`, intended for action buttons. Lays its\n * children out in a `Flex` row and accepts every `Flex` prop, so the caller\n * controls spacing and alignment without reaching for a wrapper element.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}\n */\nexport function PaneFooter({\n  children,\n  className,\n  ...restProps\n}: PaneFooterElementProps) {\n  const combinedClassName = classNames(\"tds-pane-footer\", className)\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"row\"\n      gap={2}\n      justify=\"end\"\n      {...restProps}\n      as=\"footer\"\n      className={combinedClassName}\n      role=\"group\"\n    >\n      {children}\n    </Flex>\n  )\n}\n\nPaneFooter.displayName = \"PaneFooter\"\n"],"names":["React"],"mappings":";;;;AAoBA;;;;;;;AAOG;AACG,SAAU,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACW,EAAA;IACvB,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC;AAElE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,KAAK,EACf,GAAG,EAAE,CAAC,EACN,OAAO,EAAC,KAAK,EAAA,GACT,SAAS,EACb,EAAE,EAAC,QAAQ,EACX,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAC,OAAO,IAEX,QAAQ,CACJ;AAEX;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/pane/PaneHeader.d.ts

@@ -0,0 +1,36 @@
+import "./index.css";
+import React, { type HTMLAttributes } from "react";
+export type PaneHeaderLevel = 2 | 3;
+export interface PaneHeaderProps {
+    /**
+     * Trailing header content, rendered after the title — typically a
+     * `PaneHeaderActions` wrapping the buttons that affect the whole pane.
+     */
+    children?: React.ReactNode;
+    /**
+     * Controls which heading element renders (`h2` or `h3`) so the title fits
+     * the document outline wherever the Pane is nested. Visual style stays
+     * constant at every level. Defaults to `2`; override to `3` when nesting a
+     * Pane one level deeper in the heading outline.
+     */
+    level?: PaneHeaderLevel;
+    /**
+     * The pane's title. Optional only in the documented exception — e.g. a
+     * wizard step whose title already lives in a Stepper component.
+     */
+    title?: React.ReactNode;
+}
+export type PaneHeaderElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof PaneHeaderProps> & PaneHeaderProps;
+/**
+ * The header region of a `Pane` — renders the title followed by any children,
+ * which should be a `PaneHeaderActions` when the pane has actions. Must be
+ * rendered inside a `Pane`.
+ *
+ * @component
+ * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}
+ */
+export declare function PaneHeader({ children, className, level, title, ...restProps }: PaneHeaderElementProps): React.JSX.Element;
+export declare namespace PaneHeader {
+    var displayName: string;
+}
+//# sourceMappingURL=PaneHeader.d.ts.map

package/dist/components/pane/PaneHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneHeader.d.ts","sourceRoot":"","sources":["../../../src/components/pane/PaneHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAyB,MAAM,OAAO,CAAA;AAIzE,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,CAAC,CAAA;AAEnC,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,MAAM,eAAe,CACtB,GACC,eAAe,CAAA;AAEjB;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,KAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,sBAAsB,qBAsCxB;yBA5Ce,UAAU"}

package/dist/components/pane/PaneHeader.js

@@ -0,0 +1,35 @@
+import { Flex } from '../flex/Flex.js';
+import classNames from 'classnames';
+import React__default, { useContext, useEffect } from 'react';
+import { PaneContext } from './PaneContext.js';
+
+/**
+ * The header region of a `Pane` — renders the title followed by any children,
+ * which should be a `PaneHeaderActions` when the pane has actions. Must be
+ * rendered inside a `Pane`.
+ *
+ * @component
+ * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}
+ */
+function PaneHeader({ children, className, level = 2, title, ...restProps }) {
+    const { registerTitle, titleId } = useContext(PaneContext) ?? {};
+    const combinedClassName = classNames("tds-pane-header", className);
+    const Heading = `h${level}`;
+    const hasTitle = title !== undefined &&
+        title !== null &&
+        title !== "" &&
+        typeof title !== "boolean";
+    // Let the Pane know whether it has a title to label itself with, rather than
+    // having the Pane inspect its own children.
+    useEffect(() => {
+        registerTitle?.(hasTitle);
+        return () => registerTitle?.(false);
+    }, [hasTitle, registerTitle]);
+    return (React__default.createElement(Flex, { as: "header", align: "center", gap: 2, justify: "space-between", direction: "row", wrap: "wrap", ...restProps, className: combinedClassName, role: "group" },
+        hasTitle && (React__default.createElement(Heading, { className: "tds-pane-title", id: titleId }, title)),
+        children));
+}
+PaneHeader.displayName = "PaneHeader";
+
+export { PaneHeader };
+//# sourceMappingURL=PaneHeader.js.map

package/dist/components/pane/PaneHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneHeader.js","sources":["../../../src/components/pane/PaneHeader.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { Flex } from \"@components/flex\"\nimport classNames from \"classnames\"\nimport React, { type HTMLAttributes, useContext, useEffect } from \"react\"\n\nimport { PaneContext } from \"./PaneContext\"\n\nexport type PaneHeaderLevel = 2 | 3\n\nexport interface PaneHeaderProps {\n  /**\n   * Trailing header content, rendered after the title — typically a\n   * `PaneHeaderActions` wrapping the buttons that affect the whole pane.\n   */\n  children?: React.ReactNode\n  /**\n   * Controls which heading element renders (`h2` or `h3`) so the title fits\n   * the document outline wherever the Pane is nested. Visual style stays\n   * constant at every level. Defaults to `2`; override to `3` when nesting a\n   * Pane one level deeper in the heading outline.\n   */\n  level?: PaneHeaderLevel\n  /**\n   * The pane's title. Optional only in the documented exception — e.g. a\n   * wizard step whose title already lives in a Stepper component.\n   */\n  title?: React.ReactNode\n}\n\nexport type PaneHeaderElementProps = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  keyof PaneHeaderProps\n> &\n  PaneHeaderProps\n\n/**\n * The header region of a `Pane` — renders the title followed by any children,\n * which should be a `PaneHeaderActions` when the pane has actions. Must be\n * rendered inside a `Pane`.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}\n */\nexport function PaneHeader({\n  children,\n  className,\n  level = 2,\n  title,\n  ...restProps\n}: PaneHeaderElementProps) {\n  const { registerTitle, titleId } = useContext(PaneContext) ?? {}\n  const combinedClassName = classNames(\"tds-pane-header\", className)\n  const Heading = `h${level}` as \"h2\" | \"h3\"\n  const hasTitle =\n    title !== undefined &&\n    title !== null &&\n    title !== \"\" &&\n    typeof title !== \"boolean\"\n\n  // Let the Pane know whether it has a title to label itself with, rather than\n  // having the Pane inspect its own children.\n  useEffect(() => {\n    registerTitle?.(hasTitle)\n\n    return () => registerTitle?.(false)\n  }, [hasTitle, registerTitle])\n\n  return (\n    <Flex\n      as=\"header\"\n      align=\"center\"\n      gap={2}\n      justify=\"space-between\"\n      direction=\"row\"\n      wrap=\"wrap\"\n      {...restProps}\n      className={combinedClassName}\n      role=\"group\"\n    >\n      {hasTitle && (\n        <Heading className=\"tds-pane-title\" id={titleId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </Flex>\n  )\n}\n\nPaneHeader.displayName = \"PaneHeader\"\n"],"names":["React"],"mappings":";;;;;AAoCA;;;;;;;AAOG;SACa,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,CAAC,EACT,KAAK,EACL,GAAG,SAAS,EACW,EAAA;AACvB,IAAA,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,IAAI,EAAE;IAChE,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC;AAClE,IAAA,MAAM,OAAO,GAAG,CAAA,CAAA,EAAI,KAAK,EAAiB;AAC1C,IAAA,MAAM,QAAQ,GACZ,KAAK,KAAK,SAAS;AACnB,QAAA,KAAK,KAAK,IAAI;AACd,QAAA,KAAK,KAAK,EAAE;QACZ,OAAO,KAAK,KAAK,SAAS;;;IAI5B,SAAS,CAAC,MAAK;AACb,QAAA,aAAa,GAAG,QAAQ,CAAC;QAEzB,OAAO,MAAM,aAAa,GAAG,KAAK,CAAC;AACrC,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAE7B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,CAAC,EACN,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,KAAK,EACf,IAAI,EAAC,MAAM,EAAA,GACP,SAAS,EACb,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAC,OAAO,EAAA;AAEX,QAAA,QAAQ,KACPA,cAAA,CAAA,aAAA,CAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,EAAC,EAAE,EAAE,OAAO,EAAA,EAC5C,KAAK,CACE,CACX;QACA,QAAQ,CACJ;AAEX;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/pane/PaneHeaderActions.d.ts

@@ -0,0 +1,24 @@
+import "./index.css";
+import { type FlexProps } from "../flex";
+import React from "react";
+export interface PaneHeaderActionsProps {
+    /**
+     * The actions themselves — buttons that affect the whole pane (e.g. Save /
+     * Cancel). Laid out in a row; pass any `Flex` prop to adjust the layout.
+     */
+    children: React.ReactNode;
+}
+export type PaneHeaderActionsElementProps = FlexProps & PaneHeaderActionsProps;
+/**
+ * The trailing action cluster of a `PaneHeader`. Wraps its children in a
+ * `Flex` row and accepts every `Flex` prop, so the caller controls spacing and
+ * alignment without reaching for a wrapper element.
+ *
+ * @component
+ * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}
+ */
+export declare function PaneHeaderActions({ children, className, ...restProps }: PaneHeaderActionsElementProps): React.JSX.Element;
+export declare namespace PaneHeaderActions {
+    var displayName: string;
+}
+//# sourceMappingURL=PaneHeaderActions.d.ts.map

package/dist/components/pane/PaneHeaderActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneHeaderActions.d.ts","sourceRoot":"","sources":["../../../src/components/pane/PaneHeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,MAAM,MAAM,6BAA6B,GAAG,SAAS,GAAG,sBAAsB,CAAA;AAE9E;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,6BAA6B,qBAc/B;yBAlBe,iBAAiB"}

package/dist/components/pane/PaneHeaderActions.js

@@ -0,0 +1,20 @@
+import { Flex } from '../flex/Flex.js';
+import classNames from 'classnames';
+import React__default from 'react';
+
+/**
+ * The trailing action cluster of a `PaneHeader`. Wraps its children in a
+ * `Flex` row and accepts every `Flex` prop, so the caller controls spacing and
+ * alignment without reaching for a wrapper element.
+ *
+ * @component
+ * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}
+ */
+function PaneHeaderActions({ children, className, ...restProps }) {
+    const combinedClassName = classNames("tds-pane-header-actions", className);
+    return (React__default.createElement(Flex, { align: "center", direction: "row", gap: 1, ...restProps, className: combinedClassName }, children));
+}
+PaneHeaderActions.displayName = "PaneHeaderActions";
+
+export { PaneHeaderActions };
+//# sourceMappingURL=PaneHeaderActions.js.map

package/dist/components/pane/PaneHeaderActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneHeaderActions.js","sources":["../../../src/components/pane/PaneHeaderActions.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { Flex, type FlexProps } from \"@components/flex\"\nimport classNames from \"classnames\"\nimport React from \"react\"\n\nexport interface PaneHeaderActionsProps {\n  /**\n   * The actions themselves — buttons that affect the whole pane (e.g. Save /\n   * Cancel). Laid out in a row; pass any `Flex` prop to adjust the layout.\n   */\n  children: React.ReactNode\n}\n\nexport type PaneHeaderActionsElementProps = FlexProps & PaneHeaderActionsProps\n\n/**\n * The trailing action cluster of a `PaneHeader`. Wraps its children in a\n * `Flex` row and accepts every `Flex` prop, so the caller controls spacing and\n * alignment without reaching for a wrapper element.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-pane--docs | Storybook Documentation}\n */\nexport function PaneHeaderActions({\n  children,\n  className,\n  ...restProps\n}: PaneHeaderActionsElementProps) {\n  const combinedClassName = classNames(\"tds-pane-header-actions\", className)\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"row\"\n      gap={1}\n      {...restProps}\n      className={combinedClassName}\n    >\n      {children}\n    </Flex>\n  )\n}\n\nPaneHeaderActions.displayName = \"PaneHeaderActions\"\n"],"names":["React"],"mappings":";;;;AAgBA;;;;;;;AAOG;AACG,SAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACkB,EAAA;IAC9B,MAAM,iBAAiB,GAAG,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC;IAE1E,QACEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,KAAK,EACf,GAAG,EAAE,CAAC,EAAA,GACF,SAAS,EACb,SAAS,EAAE,iBAAiB,EAAA,EAE3B,QAAQ,CACJ;AAEX;AAEA,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/dist/components/pane/index.d.ts

@@ -0,0 +1,14 @@
+import "./index.css";
+export type { PaneElementProps, PaneProps } from "./Pane";
+export { Pane } from "./Pane";
+export type { PaneBodyElementProps, PaneBodyProps } from "./PaneBody";
+export { PaneBody } from "./PaneBody";
+export type { PaneDividerElementProps } from "./PaneDivider";
+export { PaneDivider } from "./PaneDivider";
+export type { PaneFooterElementProps, PaneFooterProps } from "./PaneFooter";
+export { PaneFooter } from "./PaneFooter";
+export type { PaneHeaderElementProps, PaneHeaderLevel, PaneHeaderProps, } from "./PaneHeader";
+export { PaneHeader } from "./PaneHeader";
+export type { PaneHeaderActionsElementProps, PaneHeaderActionsProps, } from "./PaneHeaderActions";
+export { PaneHeaderActions } from "./PaneHeaderActions";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/pane/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pane/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EACV,sBAAsB,EACtB,eAAe,EACf,eAAe,GAChB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EACV,6BAA6B,EAC7B,sBAAsB,GACvB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}