@activecollab/components 2.0.409 → 2.0.411

package/dist/esm/components/PortableText/types.d.ts

@@ -0,0 +1,141 @@
+import { ComponentType, ReactNode } from "react";
+/**
+ * Portable Text envelope — the general content contract for structured,
+ * renderer-independent content (in-app messages, help, changelogs).
+ *
+ * The design system owns this envelope and the universal default set below.
+ * It never hardcodes a product element: concrete elements (callout,
+ * button-reference, doc-link, …) are defined in the application catalog and
+ * injected into the Portable Text engine through {@link PortableTextComponents}.
+ * See README.md next to this file for the full contract.
+ */
+/**
+ * A mark with data. Parameterless marks travel as plain strings ("strong");
+ * marks that need data travel as objects discriminated by `type`.
+ */
+export interface PortableTextMarkObject {
+    type: string;
+    [data: string]: unknown;
+}
+/** The one default mark that carries data. */
+export interface PortableTextLinkMark extends PortableTextMarkObject {
+    type: "link";
+    href: string;
+}
+export type PortableTextMark = string | PortableTextMarkObject;
+/** The leaf of every text run: a piece of text plus the marks wrapping it. */
+export interface PortableTextSpan {
+    text: string;
+    marks?: PortableTextMark[];
+}
+/** Marks every client understands without injection. */
+export declare const PORTABLE_TEXT_DEFAULT_MARKS: readonly ["strong", "em", "code", "link"];
+export type PortableTextDefaultMark = (typeof PORTABLE_TEXT_DEFAULT_MARKS)[number];
+export interface PortableTextParagraphBlock {
+    type: "paragraph";
+    children: PortableTextSpan[];
+}
+/** 1 maps to Title1, 2 to Title2, 3 to Header2 typography. */
+export type PortableTextHeadingLevel = 1 | 2 | 3;
+export interface PortableTextHeadingBlock {
+    type: "heading";
+    level: PortableTextHeadingLevel;
+    children: PortableTextSpan[];
+}
+export type PortableTextListStyle = "bullet" | "number";
+export interface PortableTextListItemBlock {
+    type: "list-item";
+    children: PortableTextSpan[];
+}
+export interface PortableTextListBlock {
+    type: "list";
+    style?: PortableTextListStyle;
+    children: PortableTextListItemBlock[];
+}
+/** Screenshots render framed (border, no shadow); illustrations render flat. */
+export type PortableTextMediaVariant = "screenshot" | "illustration";
+export interface PortableTextMediaBlock {
+    type: "media";
+    src: string;
+    alt?: string;
+    variant?: PortableTextMediaVariant;
+    caption?: string;
+}
+export interface PortableTextTitledTextBlock {
+    type: "titled-text";
+    /**
+     * Same semantic scale as `heading` — 1, 2 or 3 (the default) — so the wire
+     * format never encodes a typography name. How a level looks is the
+     * renderer's business.
+     */
+    level?: PortableTextHeadingLevel;
+    title: string;
+    content?: PortableTextNode[];
+}
+export type PortableTextBlock = PortableTextParagraphBlock | PortableTextHeadingBlock | PortableTextListBlock | PortableTextMediaBlock | PortableTextTitledTextBlock;
+/**
+ * Derived from the union's discriminators, so adding a block to the union
+ * without a renderer entry is a compile error, never silent drift.
+ */
+export type PortableTextDefaultBlockType = (PortableTextBlock | PortableTextListItemBlock)["type"];
+/** Blocks every client understands without injection. */
+export declare const PORTABLE_TEXT_DEFAULT_BLOCKS: readonly PortableTextDefaultBlockType[];
+/**
+ * An embedded component the envelope does not interpret: `_type` names an
+ * application-catalog element, everything else is that element's data. An
+ * object whose `_type` has no injected renderer renders nothing and is logged.
+ */
+export interface PortableTextObjectNode {
+    type: "object";
+    _type: string;
+    [data: string]: unknown;
+}
+export type PortableTextNode = PortableTextBlock | PortableTextObjectNode;
+/** The root of a message body: what an API returns under `content`. */
+export type PortableTextContent = PortableTextNode[];
+export interface PortableTextMarkRendererProps<TMark extends PortableTextMarkObject = PortableTextMarkObject> {
+    /** Present for object marks; absent when the mark is a plain string. */
+    mark?: TMark;
+    children: ReactNode;
+}
+export type PortableTextMarkRenderer<TMark extends PortableTextMarkObject = PortableTextMarkObject> = ComponentType<PortableTextMarkRendererProps<TMark>>;
+export interface PortableTextObjectRendererProps<TNode extends PortableTextObjectNode = PortableTextObjectNode> {
+    node: TNode;
+    /** The object's nested `content`, already rendered by the engine. */
+    children?: ReactNode;
+}
+export type PortableTextObjectRenderer<TNode extends PortableTextObjectNode = PortableTextObjectNode> = ComponentType<PortableTextObjectRendererProps<TNode>>;
+export interface PortableTextBlockRendererProps<TBlock extends PortableTextBlock = PortableTextBlock> {
+    block: TBlock;
+    /** The block's rendered children/content, when it has any. */
+    children?: ReactNode;
+}
+export type PortableTextBlockRenderer<TBlock extends PortableTextBlock = PortableTextBlock> = ComponentType<PortableTextBlockRendererProps<TBlock>>;
+export type PortableTextUnknownKind = "block" | "mark" | "object";
+/**
+ * Called once per unknown type instead of rendering it, so content written
+ * for newer clients degrades silently on older ones.
+ */
+export type PortableTextUnknownTypeHandler = (kind: PortableTextUnknownKind, type: string) => void;
+/**
+ * What an application injects into the Portable Text engine: renderers for
+ * its catalog marks and objects, optional overrides for the default blocks,
+ * and the unknown-type hook.
+ */
+export interface PortableTextComponents {
+    marks?: Record<string, PortableTextMarkRenderer>;
+    objects?: Record<string, PortableTextObjectRenderer>;
+    blocks?: Partial<Record<PortableTextDefaultBlockType, PortableTextBlockRenderer>>;
+    onUnknownType?: PortableTextUnknownTypeHandler;
+}
+export declare const isPortableTextSpan: (value: unknown) => value is PortableTextSpan;
+export declare const isPortableTextObjectNode: (value: unknown) => value is PortableTextObjectNode;
+/**
+ * A block is any non-object node with a string `type`. Unknown block types
+ * stay valid on purpose — they render nothing on clients that predate them.
+ * Known types are held to their shape, so a serializer bug (a paragraph
+ * without `children`, a list of non-nodes) fails here instead of at render.
+ */
+export declare const isPortableTextBlock: (value: unknown) => value is PortableTextBlock;
+export declare const isPortableTextContent: (value: unknown) => value is PortableTextContent;
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/components/PortableText/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/PortableText/types.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/PortableText/types.js

@@ -0,0 +1,106 @@
+/**
+ * Portable Text envelope — the general content contract for structured,
+ * renderer-independent content (in-app messages, help, changelogs).
+ *
+ * The design system owns this envelope and the universal default set below.
+ * It never hardcodes a product element: concrete elements (callout,
+ * button-reference, doc-link, …) are defined in the application catalog and
+ * injected into the Portable Text engine through {@link PortableTextComponents}.
+ * See README.md next to this file for the full contract.
+ */
+
+/* ---- Spans and marks ------------------------------------------------- */
+
+/**
+ * A mark with data. Parameterless marks travel as plain strings ("strong");
+ * marks that need data travel as objects discriminated by `type`.
+ */
+
+/** The one default mark that carries data. */
+
+/** The leaf of every text run: a piece of text plus the marks wrapping it. */
+
+/** Marks every client understands without injection. */
+export const PORTABLE_TEXT_DEFAULT_MARKS = ["strong", "em", "code", "link"];
+
+/* ---- Blocks ----------------------------------------------------------- */
+
+/** 1 maps to Title1, 2 to Title2, 3 to Header2 typography. */
+
+/** Screenshots render framed (border, no shadow); illustrations render flat. */
+
+/**
+ * Derived from the union's discriminators, so adding a block to the union
+ * without a renderer entry is a compile error, never silent drift.
+ */
+
+// A Record so the compiler checks the list against the union in both
+// directions: a missing and a stray key each fail to build.
+const DEFAULT_BLOCK_TYPES = {
+  paragraph: true,
+  heading: true,
+  list: true,
+  "list-item": true,
+  media: true,
+  "titled-text": true
+};
+
+/** Blocks every client understands without injection. */
+export const PORTABLE_TEXT_DEFAULT_BLOCKS = Object.keys(DEFAULT_BLOCK_TYPES);
+
+/* ---- Objects ----------------------------------------------------------- */
+
+/**
+ * An embedded component the envelope does not interpret: `_type` names an
+ * application-catalog element, everything else is that element's data. An
+ * object whose `_type` has no injected renderer renders nothing and is logged.
+ */
+
+/** The root of a message body: what an API returns under `content`. */
+
+/* ---- Injection contract ------------------------------------------------ */
+
+/**
+ * Called once per unknown type instead of rendering it, so content written
+ * for newer clients degrades silently on older ones.
+ */
+
+/**
+ * What an application injects into the Portable Text engine: renderers for
+ * its catalog marks and objects, optional overrides for the default blocks,
+ * and the unknown-type hook.
+ */
+
+/* ---- Runtime guards ----------------------------------------------------- */
+
+const isRecord = value => typeof value === "object" && value !== null;
+export const isPortableTextSpan = value => isRecord(value) && typeof value.text === "string";
+export const isPortableTextObjectNode = value => isRecord(value) && value.type === "object" && typeof value._type === "string";
+
+/**
+ * A block is any non-object node with a string `type`. Unknown block types
+ * stay valid on purpose — they render nothing on clients that predate them.
+ * Known types are held to their shape, so a serializer bug (a paragraph
+ * without `children`, a list of non-nodes) fails here instead of at render.
+ */
+export const isPortableTextBlock = value => {
+  if (!isRecord(value) || typeof value.type !== "string" || value.type === "object") {
+    return false;
+  }
+  switch (value.type) {
+    case "paragraph":
+    case "heading":
+    case "list-item":
+      return Array.isArray(value.children) && value.children.every(isPortableTextSpan);
+    case "list":
+      return Array.isArray(value.children) && value.children.every(isPortableTextBlock);
+    case "media":
+      return typeof value.src === "string";
+    case "titled-text":
+      return typeof value.title === "string" && (value.content === undefined || isPortableTextContent(value.content));
+    default:
+      return true;
+  }
+};
+export const isPortableTextContent = value => Array.isArray(value) && value.every(node => isPortableTextBlock(node) || isPortableTextObjectNode(node));
+//# sourceMappingURL=types.js.map

package/dist/esm/components/PortableText/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PORTABLE_TEXT_DEFAULT_MARKS","DEFAULT_BLOCK_TYPES","paragraph","heading","list","media","PORTABLE_TEXT_DEFAULT_BLOCKS","Object","keys","isRecord","value","isPortableTextSpan","text","isPortableTextObjectNode","type","_type","isPortableTextBlock","Array","isArray","children","every","src","title","content","undefined","isPortableTextContent","node"],"sources":["../../../../src/components/PortableText/types.ts"],"sourcesContent":["import { ComponentType, ReactNode } from \"react\";\n\n/**\n * Portable Text envelope — the general content contract for structured,\n * renderer-independent content (in-app messages, help, changelogs).\n *\n * The design system owns this envelope and the universal default set below.\n * It never hardcodes a product element: concrete elements (callout,\n * button-reference, doc-link, …) are defined in the application catalog and\n * injected into the Portable Text engine through {@link PortableTextComponents}.\n * See README.md next to this file for the full contract.\n */\n\n/* ---- Spans and marks ------------------------------------------------- */\n\n/**\n * A mark with data. Parameterless marks travel as plain strings (\"strong\");\n * marks that need data travel as objects discriminated by `type`.\n */\nexport interface PortableTextMarkObject {\n  type: string;\n  [data: string]: unknown;\n}\n\n/** The one default mark that carries data. */\nexport interface PortableTextLinkMark extends PortableTextMarkObject {\n  type: \"link\";\n  href: string;\n}\n\nexport type PortableTextMark = string | PortableTextMarkObject;\n\n/** The leaf of every text run: a piece of text plus the marks wrapping it. */\nexport interface PortableTextSpan {\n  text: string;\n  marks?: PortableTextMark[];\n}\n\n/** Marks every client understands without injection. */\nexport const PORTABLE_TEXT_DEFAULT_MARKS = [\n  \"strong\",\n  \"em\",\n  \"code\",\n  \"link\",\n] as const;\n\nexport type PortableTextDefaultMark =\n  (typeof PORTABLE_TEXT_DEFAULT_MARKS)[number];\n\n/* ---- Blocks ----------------------------------------------------------- */\n\nexport interface PortableTextParagraphBlock {\n  type: \"paragraph\";\n  children: PortableTextSpan[];\n}\n\n/** 1 maps to Title1, 2 to Title2, 3 to Header2 typography. */\nexport type PortableTextHeadingLevel = 1 | 2 | 3;\n\nexport interface PortableTextHeadingBlock {\n  type: \"heading\";\n  level: PortableTextHeadingLevel;\n  children: PortableTextSpan[];\n}\n\nexport type PortableTextListStyle = \"bullet\" | \"number\";\n\nexport interface PortableTextListItemBlock {\n  type: \"list-item\";\n  children: PortableTextSpan[];\n}\n\nexport interface PortableTextListBlock {\n  type: \"list\";\n  style?: PortableTextListStyle;\n  children: PortableTextListItemBlock[];\n}\n\n/** Screenshots render framed (border, no shadow); illustrations render flat. */\nexport type PortableTextMediaVariant = \"screenshot\" | \"illustration\";\n\nexport interface PortableTextMediaBlock {\n  type: \"media\";\n  src: string;\n  alt?: string;\n  variant?: PortableTextMediaVariant;\n  caption?: string;\n}\n\nexport interface PortableTextTitledTextBlock {\n  type: \"titled-text\";\n  /**\n   * Same semantic scale as `heading` — 1, 2 or 3 (the default) — so the wire\n   * format never encodes a typography name. How a level looks is the\n   * renderer's business.\n   */\n  level?: PortableTextHeadingLevel;\n  title: string;\n  content?: PortableTextNode[];\n}\n\nexport type PortableTextBlock =\n  | PortableTextParagraphBlock\n  | PortableTextHeadingBlock\n  | PortableTextListBlock\n  | PortableTextMediaBlock\n  | PortableTextTitledTextBlock;\n\n/**\n * Derived from the union's discriminators, so adding a block to the union\n * without a renderer entry is a compile error, never silent drift.\n */\nexport type PortableTextDefaultBlockType = (\n  | PortableTextBlock\n  | PortableTextListItemBlock\n)[\"type\"];\n\n// A Record so the compiler checks the list against the union in both\n// directions: a missing and a stray key each fail to build.\nconst DEFAULT_BLOCK_TYPES: Record<PortableTextDefaultBlockType, true> = {\n  paragraph: true,\n  heading: true,\n  list: true,\n  \"list-item\": true,\n  media: true,\n  \"titled-text\": true,\n};\n\n/** Blocks every client understands without injection. */\nexport const PORTABLE_TEXT_DEFAULT_BLOCKS = Object.keys(\n  DEFAULT_BLOCK_TYPES\n) as readonly PortableTextDefaultBlockType[];\n\n/* ---- Objects ----------------------------------------------------------- */\n\n/**\n * An embedded component the envelope does not interpret: `_type` names an\n * application-catalog element, everything else is that element's data. An\n * object whose `_type` has no injected renderer renders nothing and is logged.\n */\nexport interface PortableTextObjectNode {\n  type: \"object\";\n  _type: string;\n  [data: string]: unknown;\n}\n\nexport type PortableTextNode = PortableTextBlock | PortableTextObjectNode;\n\n/** The root of a message body: what an API returns under `content`. */\nexport type PortableTextContent = PortableTextNode[];\n\n/* ---- Injection contract ------------------------------------------------ */\n\nexport interface PortableTextMarkRendererProps<\n  TMark extends PortableTextMarkObject = PortableTextMarkObject\n> {\n  /** Present for object marks; absent when the mark is a plain string. */\n  mark?: TMark;\n  children: ReactNode;\n}\n\nexport type PortableTextMarkRenderer<\n  TMark extends PortableTextMarkObject = PortableTextMarkObject\n> = ComponentType<PortableTextMarkRendererProps<TMark>>;\n\nexport interface PortableTextObjectRendererProps<\n  TNode extends PortableTextObjectNode = PortableTextObjectNode\n> {\n  node: TNode;\n  /** The object's nested `content`, already rendered by the engine. */\n  children?: ReactNode;\n}\n\nexport type PortableTextObjectRenderer<\n  TNode extends PortableTextObjectNode = PortableTextObjectNode\n> = ComponentType<PortableTextObjectRendererProps<TNode>>;\n\nexport interface PortableTextBlockRendererProps<\n  TBlock extends PortableTextBlock = PortableTextBlock\n> {\n  block: TBlock;\n  /** The block's rendered children/content, when it has any. */\n  children?: ReactNode;\n}\n\nexport type PortableTextBlockRenderer<\n  TBlock extends PortableTextBlock = PortableTextBlock\n> = ComponentType<PortableTextBlockRendererProps<TBlock>>;\n\nexport type PortableTextUnknownKind = \"block\" | \"mark\" | \"object\";\n\n/**\n * Called once per unknown type instead of rendering it, so content written\n * for newer clients degrades silently on older ones.\n */\nexport type PortableTextUnknownTypeHandler = (\n  kind: PortableTextUnknownKind,\n  type: string\n) => void;\n\n/**\n * What an application injects into the Portable Text engine: renderers for\n * its catalog marks and objects, optional overrides for the default blocks,\n * and the unknown-type hook.\n */\nexport interface PortableTextComponents {\n  marks?: Record<string, PortableTextMarkRenderer>;\n  objects?: Record<string, PortableTextObjectRenderer>;\n  blocks?: Partial<\n    Record<PortableTextDefaultBlockType, PortableTextBlockRenderer>\n  >;\n  onUnknownType?: PortableTextUnknownTypeHandler;\n}\n\n/* ---- Runtime guards ----------------------------------------------------- */\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === \"object\" && value !== null;\n\nexport const isPortableTextSpan = (value: unknown): value is PortableTextSpan =>\n  isRecord(value) && typeof value.text === \"string\";\n\nexport const isPortableTextObjectNode = (\n  value: unknown\n): value is PortableTextObjectNode =>\n  isRecord(value) && value.type === \"object\" && typeof value._type === \"string\";\n\n/**\n * A block is any non-object node with a string `type`. Unknown block types\n * stay valid on purpose — they render nothing on clients that predate them.\n * Known types are held to their shape, so a serializer bug (a paragraph\n * without `children`, a list of non-nodes) fails here instead of at render.\n */\nexport const isPortableTextBlock = (\n  value: unknown\n): value is PortableTextBlock => {\n  if (\n    !isRecord(value) ||\n    typeof value.type !== \"string\" ||\n    value.type === \"object\"\n  ) {\n    return false;\n  }\n\n  switch (value.type) {\n    case \"paragraph\":\n    case \"heading\":\n    case \"list-item\":\n      return (\n        Array.isArray(value.children) &&\n        value.children.every(isPortableTextSpan)\n      );\n    case \"list\":\n      return (\n        Array.isArray(value.children) &&\n        value.children.every(isPortableTextBlock)\n      );\n    case \"media\":\n      return typeof value.src === \"string\";\n    case \"titled-text\":\n      return (\n        typeof value.title === \"string\" &&\n        (value.content === undefined || isPortableTextContent(value.content))\n      );\n    default:\n      return true;\n  }\n};\n\nexport const isPortableTextContent = (\n  value: unknown\n): value is PortableTextContent =>\n  Array.isArray(value) &&\n  value.every(\n    (node) => isPortableTextBlock(node) || isPortableTextObjectNode(node)\n  );\n"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAMA;;AAQA;;AAMA;AACA,OAAO,MAAMA,2BAA2B,GAAG,CACzC,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,CACE;;AAKV;;AAOA;;AAsBA;;AA8BA;AACA;AACA;AACA;;AAMA;AACA;AACA,MAAMC,mBAA+D,GAAG;EACtEC,SAAS,EAAE,IAAI;EACfC,OAAO,EAAE,IAAI;EACbC,IAAI,EAAE,IAAI;EACV,WAAW,EAAE,IAAI;EACjBC,KAAK,EAAE,IAAI;EACX,aAAa,EAAE;AACjB,CAAC;;AAED;AACA,OAAO,MAAMC,4BAA4B,GAAGC,MAAM,CAACC,IAAI,CACrDP,mBACF,CAA4C;;AAE5C;;AAEA;AACA;AACA;AACA;AACA;;AASA;;AAGA;;AAwCA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;;AAUA;;AAEA,MAAMQ,QAAQ,GAAIC,KAAc,IAC9B,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI;AAE7C,OAAO,MAAMC,kBAAkB,GAAID,KAAc,IAC/CD,QAAQ,CAACC,KAAK,CAAC,IAAI,OAAOA,KAAK,CAACE,IAAI,KAAK,QAAQ;AAEnD,OAAO,MAAMC,wBAAwB,GACnCH,KAAc,IAEdD,QAAQ,CAACC,KAAK,CAAC,IAAIA,KAAK,CAACI,IAAI,KAAK,QAAQ,IAAI,OAAOJ,KAAK,CAACK,KAAK,KAAK,QAAQ;;AAE/E;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAC9BN,KAAc,IACiB;EAC/B,IACE,CAACD,QAAQ,CAACC,KAAK,CAAC,IAChB,OAAOA,KAAK,CAACI,IAAI,KAAK,QAAQ,IAC9BJ,KAAK,CAACI,IAAI,KAAK,QAAQ,EACvB;IACA,OAAO,KAAK;EACd;EAEA,QAAQJ,KAAK,CAACI,IAAI;IAChB,KAAK,WAAW;IAChB,KAAK,SAAS;IACd,KAAK,WAAW;MACd,OACEG,KAAK,CAACC,OAAO,CAACR,KAAK,CAACS,QAAQ,CAAC,IAC7BT,KAAK,CAACS,QAAQ,CAACC,KAAK,CAACT,kBAAkB,CAAC;IAE5C,KAAK,MAAM;MACT,OACEM,KAAK,CAACC,OAAO,CAACR,KAAK,CAACS,QAAQ,CAAC,IAC7BT,KAAK,CAACS,QAAQ,CAACC,KAAK,CAACJ,mBAAmB,CAAC;IAE7C,KAAK,OAAO;MACV,OAAO,OAAON,KAAK,CAACW,GAAG,KAAK,QAAQ;IACtC,KAAK,aAAa;MAChB,OACE,OAAOX,KAAK,CAACY,KAAK,KAAK,QAAQ,KAC9BZ,KAAK,CAACa,OAAO,KAAKC,SAAS,IAAIC,qBAAqB,CAACf,KAAK,CAACa,OAAO,CAAC,CAAC;IAEzE;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAED,OAAO,MAAME,qBAAqB,GAChCf,KAAc,IAEdO,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,IACpBA,KAAK,CAACU,KAAK,CACRM,IAAI,IAAKV,mBAAmB,CAACU,IAAI,CAAC,IAAIb,wBAAwB,CAACa,IAAI,CACtE,CAAC","ignoreList":[]}

package/dist/esm/components/PortableText/types.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.test.d.ts.map

package/dist/esm/components/PortableText/types.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.test.d.ts","sourceRoot":"","sources":["../../../../src/components/PortableText/types.test.ts"],"names":[],"mappings":""}

package/dist/esm/components/PortableText/types.test.js

@@ -0,0 +1,192 @@
+import { createElement, Fragment } from "react";
+import { isPortableTextBlock, isPortableTextContent, isPortableTextObjectNode, isPortableTextSpan, PORTABLE_TEXT_DEFAULT_BLOCKS, PORTABLE_TEXT_DEFAULT_MARKS } from "./types";
+describe("PortableText envelope", () => {
+  const sampleMessageContent = [{
+    type: "heading",
+    level: 2,
+    children: [{
+      text: "IP Firewall"
+    }]
+  }, {
+    type: "paragraph",
+    children: [{
+      text: "Open the "
+    }, {
+      text: "Security page",
+      marks: ["interface-name"]
+    }, {
+      text: " and press "
+    }, {
+      text: "Enter",
+      marks: ["keyboard-key"]
+    }, {
+      text: ". Read more in "
+    }, {
+      text: "the help article",
+      marks: [{
+        type: "doc-link",
+        article: "ip-firewall"
+      }]
+    }, {
+      text: "."
+    }]
+  }, {
+    type: "list",
+    style: "bullet",
+    children: [{
+      type: "list-item",
+      children: [{
+        text: "Allowlist the IPs you trust"
+      }]
+    }, {
+      type: "list-item",
+      children: [{
+        text: "immediately",
+        marks: ["strong"]
+      }]
+    }]
+  }, {
+    type: "media",
+    src: "/screenshots/firewall.png",
+    variant: "screenshot",
+    caption: "The firewall settings"
+  }, {
+    type: "titled-text",
+    title: "Allowlist the IPs you trust",
+    level: 3,
+    content: [{
+      type: "paragraph",
+      children: [{
+        text: "Add one range per line."
+      }]
+    }]
+  }, {
+    type: "object",
+    _type: "callout",
+    tone: "note",
+    content: [{
+      type: "paragraph",
+      children: [{
+        text: "Takes effect immediately."
+      }]
+    }]
+  }, {
+    type: "object",
+    _type: "button-reference",
+    label: "Save Changes",
+    variant: "primary"
+  }];
+  it("validates a sample message that mixes default blocks and catalog objects", () => {
+    expect(isPortableTextContent(sampleMessageContent)).toBe(true);
+  });
+  it("keeps unknown block and object types valid so older clients degrade instead of break", () => {
+    expect(isPortableTextContent([{
+      type: "some-future-block",
+      payload: 1
+    }, {
+      type: "object",
+      _type: "some-future-element",
+      data: true
+    }])).toBe(true);
+  });
+  it("rejects nodes without a type discriminator and objects without _type", () => {
+    expect(isPortableTextContent([{
+      children: []
+    }])).toBe(false);
+    expect(isPortableTextContent([{
+      type: "object"
+    }])).toBe(false);
+    expect(isPortableTextContent(["paragraph"])).toBe(false);
+    expect(isPortableTextContent({
+      content: []
+    })).toBe(false);
+  });
+  it("rejects known blocks whose shape a serializer bug has broken", () => {
+    expect(isPortableTextContent([{
+      type: "paragraph"
+    }])).toBe(false);
+    expect(isPortableTextContent([{
+      type: "heading",
+      level: 2,
+      children: "oops"
+    }])).toBe(false);
+    expect(isPortableTextContent([{
+      type: "paragraph",
+      children: [{
+        marks: ["strong"]
+      }]
+    }])).toBe(false);
+    expect(isPortableTextContent([{
+      type: "list"
+    }])).toBe(false);
+    expect(isPortableTextContent([{
+      type: "list",
+      children: ["not a node"]
+    }])).toBe(false);
+    expect(isPortableTextContent([{
+      type: "media"
+    }])).toBe(false);
+    expect(isPortableTextContent([{
+      type: "titled-text",
+      content: []
+    }])).toBe(false);
+    expect(isPortableTextContent([{
+      type: "titled-text",
+      title: "Ranges",
+      content: "oops"
+    }])).toBe(false);
+  });
+  it("accepts a titled-text with only a title, with or without content", () => {
+    expect(isPortableTextContent([{
+      type: "titled-text",
+      title: "Ranges"
+    }])).toBe(true);
+    expect(isPortableTextContent([{
+      type: "titled-text",
+      title: "Ranges",
+      content: []
+    }])).toBe(true);
+  });
+  it("tells blocks, objects and spans apart", () => {
+    const heading = sampleMessageContent[0],
+      paragraph = sampleMessageContent[1];
+    const callout = sampleMessageContent[5];
+    expect(isPortableTextBlock(heading)).toBe(true);
+    expect(isPortableTextBlock(callout)).toBe(false);
+    expect(isPortableTextObjectNode(callout)).toBe(true);
+    expect(isPortableTextObjectNode(heading)).toBe(false);
+    expect(isPortableTextSpan({
+      text: "plain"
+    })).toBe(true);
+    expect(isPortableTextSpan(paragraph)).toBe(false);
+  });
+  it("ships a universal default set free of product elements", () => {
+    expect(PORTABLE_TEXT_DEFAULT_BLOCKS).toEqual(["paragraph", "heading", "list", "list-item", "media", "titled-text"]);
+    expect(PORTABLE_TEXT_DEFAULT_MARKS).toEqual(["strong", "em", "code", "link"]);
+  });
+  it("accepts an application components map through the injection contract", () => {
+    var _components$marks;
+    const seen = [];
+    const components = {
+      marks: {
+        "interface-name": _ref => {
+          let children = _ref.children;
+          return /*#__PURE__*/createElement(Fragment, null, children);
+        }
+      },
+      objects: {
+        callout: _ref2 => {
+          let children = _ref2.children;
+          return /*#__PURE__*/createElement(Fragment, null, children);
+        }
+      },
+      onUnknownType: (kind, type) => {
+        seen.push(kind + ":" + type);
+      }
+    };
+    components.onUnknownType == null || components.onUnknownType("object", "some-future-element");
+    expect(Object.keys((_components$marks = components.marks) != null ? _components$marks : {})).toEqual(["interface-name"]);
+    expect(seen).toEqual(["object:some-future-element"]);
+  });
+});
+//# sourceMappingURL=types.test.js.map

package/dist/esm/components/PortableText/types.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.test.js","names":["createElement","Fragment","isPortableTextBlock","isPortableTextContent","isPortableTextObjectNode","isPortableTextSpan","PORTABLE_TEXT_DEFAULT_BLOCKS","PORTABLE_TEXT_DEFAULT_MARKS","describe","sampleMessageContent","type","level","children","text","marks","article","style","src","variant","caption","title","content","_type","tone","label","it","expect","toBe","payload","data","heading","paragraph","callout","toEqual","_components$marks","seen","components","_ref","objects","_ref2","onUnknownType","kind","push","Object","keys"],"sources":["../../../../src/components/PortableText/types.test.ts"],"sourcesContent":["import { createElement, Fragment } from \"react\";\n\nimport {\n  isPortableTextBlock,\n  isPortableTextContent,\n  isPortableTextObjectNode,\n  isPortableTextSpan,\n  PORTABLE_TEXT_DEFAULT_BLOCKS,\n  PORTABLE_TEXT_DEFAULT_MARKS,\n  PortableTextComponents,\n  PortableTextContent,\n} from \"./types\";\n\ndescribe(\"PortableText envelope\", () => {\n  const sampleMessageContent: PortableTextContent = [\n    { type: \"heading\", level: 2, children: [{ text: \"IP Firewall\" }] },\n    {\n      type: \"paragraph\",\n      children: [\n        { text: \"Open the \" },\n        { text: \"Security page\", marks: [\"interface-name\"] },\n        { text: \" and press \" },\n        { text: \"Enter\", marks: [\"keyboard-key\"] },\n        { text: \". Read more in \" },\n        {\n          text: \"the help article\",\n          marks: [{ type: \"doc-link\", article: \"ip-firewall\" }],\n        },\n        { text: \".\" },\n      ],\n    },\n    {\n      type: \"list\",\n      style: \"bullet\",\n      children: [\n        {\n          type: \"list-item\",\n          children: [{ text: \"Allowlist the IPs you trust\" }],\n        },\n        {\n          type: \"list-item\",\n          children: [{ text: \"immediately\", marks: [\"strong\"] }],\n        },\n      ],\n    },\n    {\n      type: \"media\",\n      src: \"/screenshots/firewall.png\",\n      variant: \"screenshot\",\n      caption: \"The firewall settings\",\n    },\n    {\n      type: \"titled-text\",\n      title: \"Allowlist the IPs you trust\",\n      level: 3,\n      content: [\n        { type: \"paragraph\", children: [{ text: \"Add one range per line.\" }] },\n      ],\n    },\n    {\n      type: \"object\",\n      _type: \"callout\",\n      tone: \"note\",\n      content: [\n        {\n          type: \"paragraph\",\n          children: [{ text: \"Takes effect immediately.\" }],\n        },\n      ],\n    },\n    {\n      type: \"object\",\n      _type: \"button-reference\",\n      label: \"Save Changes\",\n      variant: \"primary\",\n    },\n  ];\n\n  it(\"validates a sample message that mixes default blocks and catalog objects\", () => {\n    expect(isPortableTextContent(sampleMessageContent)).toBe(true);\n  });\n\n  it(\"keeps unknown block and object types valid so older clients degrade instead of break\", () => {\n    expect(\n      isPortableTextContent([\n        { type: \"some-future-block\", payload: 1 },\n        { type: \"object\", _type: \"some-future-element\", data: true },\n      ])\n    ).toBe(true);\n  });\n\n  it(\"rejects nodes without a type discriminator and objects without _type\", () => {\n    expect(isPortableTextContent([{ children: [] }])).toBe(false);\n    expect(isPortableTextContent([{ type: \"object\" }])).toBe(false);\n    expect(isPortableTextContent([\"paragraph\"])).toBe(false);\n    expect(isPortableTextContent({ content: [] })).toBe(false);\n  });\n\n  it(\"rejects known blocks whose shape a serializer bug has broken\", () => {\n    expect(isPortableTextContent([{ type: \"paragraph\" }])).toBe(false);\n    expect(\n      isPortableTextContent([{ type: \"heading\", level: 2, children: \"oops\" }])\n    ).toBe(false);\n    expect(\n      isPortableTextContent([\n        { type: \"paragraph\", children: [{ marks: [\"strong\"] }] },\n      ])\n    ).toBe(false);\n    expect(isPortableTextContent([{ type: \"list\" }])).toBe(false);\n    expect(\n      isPortableTextContent([{ type: \"list\", children: [\"not a node\"] }])\n    ).toBe(false);\n    expect(isPortableTextContent([{ type: \"media\" }])).toBe(false);\n    expect(isPortableTextContent([{ type: \"titled-text\", content: [] }])).toBe(\n      false\n    );\n    expect(\n      isPortableTextContent([\n        { type: \"titled-text\", title: \"Ranges\", content: \"oops\" },\n      ])\n    ).toBe(false);\n  });\n\n  it(\"accepts a titled-text with only a title, with or without content\", () => {\n    expect(\n      isPortableTextContent([{ type: \"titled-text\", title: \"Ranges\" }])\n    ).toBe(true);\n    expect(\n      isPortableTextContent([\n        { type: \"titled-text\", title: \"Ranges\", content: [] },\n      ])\n    ).toBe(true);\n  });\n\n  it(\"tells blocks, objects and spans apart\", () => {\n    const [heading, paragraph] = sampleMessageContent;\n    const callout = sampleMessageContent[5];\n\n    expect(isPortableTextBlock(heading)).toBe(true);\n    expect(isPortableTextBlock(callout)).toBe(false);\n    expect(isPortableTextObjectNode(callout)).toBe(true);\n    expect(isPortableTextObjectNode(heading)).toBe(false);\n    expect(isPortableTextSpan({ text: \"plain\" })).toBe(true);\n    expect(isPortableTextSpan(paragraph)).toBe(false);\n  });\n\n  it(\"ships a universal default set free of product elements\", () => {\n    expect(PORTABLE_TEXT_DEFAULT_BLOCKS).toEqual([\n      \"paragraph\",\n      \"heading\",\n      \"list\",\n      \"list-item\",\n      \"media\",\n      \"titled-text\",\n    ]);\n    expect(PORTABLE_TEXT_DEFAULT_MARKS).toEqual([\n      \"strong\",\n      \"em\",\n      \"code\",\n      \"link\",\n    ]);\n  });\n\n  it(\"accepts an application components map through the injection contract\", () => {\n    const seen: string[] = [];\n    const components: PortableTextComponents = {\n      marks: {\n        \"interface-name\": ({ children }) =>\n          createElement(Fragment, null, children),\n      },\n      objects: {\n        callout: ({ children }) => createElement(Fragment, null, children),\n      },\n      onUnknownType: (kind, type) => {\n        seen.push(`${kind}:${type}`);\n      },\n    };\n\n    components.onUnknownType?.(\"object\", \"some-future-element\");\n\n    expect(Object.keys(components.marks ?? {})).toEqual([\"interface-name\"]);\n    expect(seen).toEqual([\"object:some-future-element\"]);\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Row/Row.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Breakpoint } from "../BreakPoints";
+import { Align, Space } from "../LayoutTokens";
+export interface IRowProps extends React.ComponentPropsWithoutRef<"div"> {
+    space?: Space;
+    align?: Align;
+    collapseBelow?: Breakpoint;
+}
+export declare const Row: React.ForwardRefExoticComponent<IRowProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Row.d.ts.map

package/dist/esm/components/Row/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/Row/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,eAAO,MAAM,GAAG,kFAef,CAAC"}

package/dist/esm/components/Row/Row.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["space", "align", "collapseBelow", "children"];
+import React, { forwardRef } from "react";
+import { StyledRow } from "./Styles";
+export const Row = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let _ref$space = _ref.space,
+    space = _ref$space === void 0 ? "md" : _ref$space,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? "center" : _ref$align,
+    collapseBelow = _ref.collapseBelow,
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledRow, _extends({
+    ref: ref,
+    $space: space,
+    $align: align,
+    $collapse: collapseBelow
+  }, rest), children);
+});
+Row.displayName = "Row";
+//# sourceMappingURL=Row.js.map

package/dist/esm/components/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","names":["React","forwardRef","StyledRow","Row","_ref","ref","_ref$space","space","_ref$align","align","collapseBelow","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$space","$align","$collapse","displayName"],"sources":["../../../../src/components/Row/Row.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledRow } from \"./Styles\";\nimport { Breakpoint } from \"../BreakPoints\";\nimport { Align, Space } from \"../LayoutTokens\";\n\nexport interface IRowProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  space?: Space;\n  align?: Align;\n  collapseBelow?: Breakpoint;\n}\n\nexport const Row = forwardRef<HTMLDivElement, IRowProps>(\n  (\n    { space = \"md\", align = \"center\", collapseBelow, children, ...rest },\n    ref\n  ) => (\n    <StyledRow\n      ref={ref}\n      $space={space}\n      $align={align}\n      $collapse={collapseBelow}\n      {...rest}\n    >\n      {children}\n    </StyledRow>\n  )\n);\n\nRow.displayName = \"Row\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,SAAS,QAAQ,UAAU;AAUpC,OAAO,MAAMC,GAAG,gBAAGF,UAAU,CAC3B,CAAAG,IAAA,EAEEC,GAAG;EAAA,IAAAC,UAAA,GAAAF,IAAA,CADDG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA;IAAEE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAKC,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EAAA,oBAGlEd,KAAA,CAAAe,aAAA,CAACb,SAAS,EAAAc,QAAA;IACRX,GAAG,EAAEA,GAAI;IACTY,MAAM,EAAEV,KAAM;IACdW,MAAM,EAAET,KAAM;IACdU,SAAS,EAAET;EAAc,GACrBE,IAAI,GAEPD,QACQ,CAAC;AAAA,CAEhB,CAAC;AAEDR,GAAG,CAACiB,WAAW,GAAG,KAAK","ignoreList":[]}

package/dist/esm/components/Row/Styles.d.ts

@@ -0,0 +1,8 @@
+import { Breakpoint } from "../BreakPoints";
+import { Align, Space } from "../LayoutTokens";
+export declare const StyledRow: import("styled-components").StyledComponent<"div", any, {
+    $space: Space;
+    $align: Align;
+    $collapse?: Breakpoint;
+}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Row/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Row/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAc,KAAK,EAAS,MAAM,iBAAiB,CAAC;AAElE,eAAO,MAAM,SAAS;YACZ,KAAK;YACL,KAAK;gBACD,UAAU;SAgBvB,CAAC"}

package/dist/esm/components/Row/Styles.js

@@ -0,0 +1,18 @@
+import styled, { css } from "styled-components";
+import { screenBelow } from "../BreakPoints";
+import { FLEX_ALIGN, SPACE } from "../LayoutTokens";
+export const StyledRow = styled.div.withConfig({
+  displayName: "Styles__StyledRow",
+  componentId: "sc-1sfgw5v-0"
+})(["display:flex;flex-direction:row;flex-wrap:wrap;align-items:", ";gap:", ";", ""], _ref => {
+  let $align = _ref.$align;
+  return FLEX_ALIGN[$align];
+}, _ref2 => {
+  let $space = _ref2.$space;
+  return SPACE[$space];
+}, _ref3 => {
+  let $collapse = _ref3.$collapse;
+  return $collapse && css(["", "{flex-direction:column;align-items:stretch;}"], screenBelow[$collapse]);
+});
+StyledRow.displayName = "StyledRow";
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Row/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["styled","css","screenBelow","FLEX_ALIGN","SPACE","StyledRow","div","withConfig","displayName","componentId","_ref","$align","_ref2","$space","_ref3","$collapse"],"sources":["../../../../src/components/Row/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Breakpoint, screenBelow } from \"../BreakPoints\";\nimport { Align, FLEX_ALIGN, Space, SPACE } from \"../LayoutTokens\";\n\nexport const StyledRow = styled.div<{\n  $space: Space;\n  $align: Align;\n  $collapse?: Breakpoint;\n}>`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: ${({ $align }) => FLEX_ALIGN[$align]};\n  gap: ${({ $space }) => SPACE[$space]};\n\n  ${({ $collapse }) =>\n    $collapse &&\n    css`\n      ${screenBelow[$collapse]} {\n        flex-direction: column;\n        align-items: stretch;\n      }\n    `}\n`;\n\nStyledRow.displayName = \"StyledRow\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAAqBC,WAAW,QAAQ,gBAAgB;AACxD,SAAgBC,UAAU,EAASC,KAAK,QAAQ,iBAAiB;AAEjE,OAAO,MAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sFAQlBC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAOR,UAAU,CAACQ,MAAM,CAAC;AAAA,GAC1CC,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAOT,KAAK,CAACS,MAAM,CAAC;AAAA,GAElCC,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTd,GAAG,uDACCC,WAAW,CAACa,SAAS,CAAC,CAIzB;AAAA,EACJ;AAEDV,SAAS,CAACG,WAAW,GAAG,WAAW","ignoreList":[]}

package/dist/esm/components/Row/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Row";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Row/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

package/dist/esm/components/Row/index.js

@@ -0,0 +1,2 @@
+export * from "./Row";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Row/index.ts"],"sourcesContent":["export * from \"./Row\";\n"],"mappings":"AAAA,cAAc,OAAO","ignoreList":[]}

package/dist/esm/components/Stack/Stack.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Align, Space } from "../LayoutTokens";
+export interface IStackProps extends React.ComponentPropsWithoutRef<"div"> {
+    space?: Space;
+    align?: Align;
+}
+export declare const Stack: React.ForwardRefExoticComponent<IStackProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/esm/components/Stack/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,KAAK,oFAMjB,CAAC"}

package/dist/esm/components/Stack/Stack.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["space", "align", "children"];
+import React, { forwardRef } from "react";
+import { StyledStack } from "./Styles";
+export const Stack = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let _ref$space = _ref.space,
+    space = _ref$space === void 0 ? "md" : _ref$space,
+    align = _ref.align,
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledStack, _extends({
+    ref: ref,
+    $space: space,
+    $align: align
+  }, rest), children);
+});
+Stack.displayName = "Stack";
+//# sourceMappingURL=Stack.js.map