npm - @atom-learning/components - Versions diffs - 10.0.0 → 10.0.1 - Mend

@atom-learning/components 10.0.0 → 10.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/dist/components/accordion/Accordion.js CHANGED Viewed

@@ -2,9 +2,9 @@ import { cn } from "../../styled.js";
 import { AccordionContent } from "./AccordionContent.js";
 import { AccordionItem } from "./AccordionItem.js";
 import { AccordionTrigger } from "./AccordionTrigger.js";
+import { Root } from "@radix-ui/react-accordion";
 import "react";
 import { jsx } from "react/jsx-runtime";
-import { Root } from "@radix-ui/react-accordion";
 //#region src/components/accordion/Accordion.tsx
 var AccordionBase = ({ ref, type = "single", className, children, ...rest }) => /* @__PURE__ */ jsx(Root, {
 	ref,

package/dist/components/accordion/AccordionContent.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { styled } from "../../styled.js";
 import { CSSWrapper } from "../../utilities/css-wrapper/CSSWrapper.js";
+import { Content } from "@radix-ui/react-accordion";
 import "react";
 import { jsx } from "react/jsx-runtime";
-import { Content } from "@radix-ui/react-accordion";
 //#region src/components/accordion/AccordionContent.tsx
 var StyledContent = styled(Content, { base: [
 	"border-none",

package/dist/components/accordion/AccordionItem.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { styled } from "../../styled.js";
-import "react";
 import { Item } from "@radix-ui/react-accordion";
+import "react";
 //#region src/components/accordion/AccordionItem.tsx
 var AccordionItem = styled(Item, { base: ["w-full", "not-last:mb-1"] }, { enablePolymorphism: false });
 //#endregion

package/dist/components/accordion/AccordionTrigger.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { styled } from "../../styled.js";
-import { Icon } from "../icon/Icon.js";
 import { ColorScheme } from "../../experiments/color-scheme/ColorScheme.js";
+import { Icon } from "../icon/Icon.js";
+import { Trigger } from "@radix-ui/react-accordion";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "@atom-learning/icons";
-import { Trigger } from "@radix-ui/react-accordion";
 //#region src/components/accordion/AccordionTrigger.tsx
 var RotatingIcon = styled(Icon, { base: [
 	"transition-transform",

package/dist/components/action-icon/ActionIcon.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { styled } from "../../styled.js";
-import { getExternalAnchorProps } from "../../utilities/uri/index.js";
 import { Icon } from "../icon/Icon.js";
 import { OptionalTooltipWrapper } from "../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";
+import { getExternalAnchorProps } from "../../utilities/uri/index.js";
 import { ActionIconSizeMap } from "./ActionIcon.constants.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/alert-dialog/Alert.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const Alert: {
+    Provider: ({ children }: React.PropsWithChildren<unknown>) => import("react").JSX.Element;
+};

package/dist/components/alert-dialog/Alert.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { AlertProvider } from "./AlertDialog.context.js";
+//#region src/components/alert-dialog/Alert.ts
+var Alert = { Provider: AlertProvider };
+//#endregion
+export { Alert };
+//# sourceMappingURL=Alert.js.map

package/dist/components/alert-dialog/Alert.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Alert.js","names":[],"sources":["../../../src/components/alert-dialog/Alert.ts"],"sourcesContent":["import { AlertProvider } from './AlertDialog.context'\n\n// The alert system's provider lives under the `Alert` name; the alert UI\n// itself is imperative (`useAlert`), so there is no root component to render.\n// This compound must live in its own module, not the components barrel — a\n// value declared in the barrel forces the root barrel's `export *` to pull the\n// whole barrel (all components) into the eager entry chunk instead of resolving\n// each export to its individual module.\nexport const Alert = { Provider: AlertProvider }\n"],"mappings":";;AAQA,IAAa,QAAQ,EAAE,UAAU,cAAc"}

package/dist/components/alert-dialog/alert-context/AlertDialog.js CHANGED Viewed

@@ -1,7 +1,7 @@
+import { AlertDialog } from "../AlertDialog.js";
 import { Button } from "../../button/Button.js";
 import { Heading } from "../../heading/Heading.js";
 import { Text } from "../../text/Text.js";
-import { AlertDialog } from "../AlertDialog.js";
 import { AlertDialogIcon } from "./AlertDialogIcon.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/calendar/Calendar.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { cn, styled } from "../../styled.js";
-import { Button } from "../button/Button.js";
-import { Text } from "../text/Text.js";
 import { Icon } from "../icon/Icon.js";
 import { ActionIcon } from "../action-icon/ActionIcon.js";
+import { Button } from "../button/Button.js";
+import { Text } from "../text/Text.js";
 import { DEFAULT_LABELS, monthNamesShort, weekdayNamesShort } from "./constants.js";
 import { Day } from "./Day.js";
 import * as React$1 from "react";

package/dist/components/checkbox-group/CheckboxGroup.d.ts CHANGED Viewed

@@ -307,8 +307,8 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         name?: string | undefined;
         type?: "submit" | "reset" | "button" | undefined;
         value?: string | readonly string[] | number | undefined;
-        as?: never;
         asChild?: boolean;
+        as?: never;
         required?: boolean;
         onCheckedChange?: ((checked: import("@radix-ui/react-checkbox").CheckedState) => void) | undefined;
         state?: "error" | undefined;

package/dist/components/data-table/DataTableBulkActionsFloating.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { styled } from "../../styled.js";
-import { Text } from "../text/Text.js";
 import { Icon } from "../icon/Icon.js";
 import { ActionIcon } from "../action-icon/ActionIcon.js";
+import { Text } from "../text/Text.js";
 import { Badge } from "../badge/Badge.js";
 import { useDataTable } from "./DataTable.context.js";
 import { BulkActionsSelectedRowActions } from "./DataTableBulkActionsSelectedRowActions.js";

package/dist/components/data-table/DataTableHeaderCell.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { cn, styled } from "../../styled.js";
-import { Text } from "../text/Text.js";
 import { Icon } from "../icon/Icon.js";
+import { Text } from "../text/Text.js";
 import { useDataTable } from "./DataTable.context.js";
 import { Table } from "../table/Table.js";
 import "react";

package/dist/components/file-input/FileInput.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { cn } from "../../styled.js";
-import { Button } from "../button/Button.js";
 import { Icon } from "../icon/Icon.js";
+import { Button } from "../button/Button.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Upload } from "@atom-learning/icons";

package/dist/components/index.d.ts CHANGED Viewed

@@ -3,9 +3,7 @@ export { Accordion } from './accordion/Accordion';
 export { ActionIcon } from './action-icon/ActionIcon';
 export { AlertDialog } from './alert-dialog/AlertDialog';
 export { useAlert } from './alert-dialog/AlertDialog.context';
-export declare const Alert: {
-    Provider: ({ children }: React.PropsWithChildren<unknown>) => import("react").JSX.Element;
-};
+export { Alert } from './alert-dialog/Alert';
 export { Avatar } from './avatar/Avatar';
 export { Badge, type BadgeProps } from './badge/Badge';
 export { BannerRegular } from './banner/banner-regular/BannerRegular';

package/dist/components/inline-message/InlineMessage.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { styled } from "../../styled.js";
-import { Text } from "../text/Text.js";
 import { Icon } from "../icon/Icon.js";
+import { Text } from "../text/Text.js";
 import { INLINE_MESSAGE_ICONS } from "./InlineMessage.config.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/markdown-content/MarkdownContent.js CHANGED Viewed

@@ -13,9 +13,9 @@ import { MarkdownText } from "./components/MarkdownText.js";
 import { MarkdownThematicBreak } from "./components/MarkdownThematicBreak.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-import directive from "mdast-util-directive";
-import fromMarkdown from "mdast-util-from-markdown";
-import syntax from "micromark-extension-directive";
+import { directiveFromMarkdown } from "mdast-util-directive";
+import { fromMarkdown } from "mdast-util-from-markdown";
+import { directive } from "micromark-extension-directive";
 //#region src/components/markdown-content/MarkdownContent.tsx
 var StyledMarkdownContent = styled("div", { base: [
 	"flex",
@@ -51,8 +51,8 @@ var generateNodeKey = (node, index) => {
 };
 var MarkdownContent = ({ content, customComponents = {}, className }) => {
 	const AST = fromMarkdown(content, {
-		extensions: [syntax()],
-		mdastExtensions: [directive.fromMarkdown]
+		extensions: [directive()],
+		mdastExtensions: [directiveFromMarkdown()]
 	});
 	const componentsMap = {
 		...defaultComponentsMap,

package/dist/components/markdown-content/MarkdownContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownContent.js","names":[],"sources":["../../../src/components/markdown-content/MarkdownContent.tsx"],"sourcesContent":["import ~~directive~~ from 'mdast-util-directive'\nimport fromMarkdown from 'mdast-util-from-markdown'\nimport ~~syntax~~ from 'micromark-extension-directive'\nimport * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { MarkdownCode } from './components/MarkdownCode'\nimport { MarkdownEmphasis } from './components/MarkdownEmphasis'\nimport { MarkdownHeading } from './components/MarkdownHeading'\nimport { MarkdownImage } from './components/MarkdownImage'\nimport { MarkdownInlineCode } from './components/MarkdownInlineCode'\nimport { MarkdownLink } from './components/MarkdownLink'\nimport { MarkdownList } from './components/MarkdownList'\nimport { MarkdownListItem } from './components/MarkdownListItem'\nimport { MarkdownParagraph } from './components/MarkdownParagraph'\nimport { MarkdownStrong } from './components/MarkdownStrong'\nimport { MarkdownText } from './components/MarkdownText'\nimport { MarkdownThematicBreak } from './components/MarkdownThematicBreak'\n\ntype HandleNode = (node, index?: number) => React.JSX.Element \| null\n\nconst StyledMarkdownContent = styled('div', {\n base: [\n 'flex',\n 'flex-col',\n 'gap-8',\n '[&>h1]:max-w-[65ch]',\n '[&>h2]:max-w-[65ch]',\n '[&>h3]:max-w-[65ch]',\n '[&>h4]:max-w-[65ch]',\n '[&>p]:max-w-[75ch]',\n '[&>ul]:max-w-[75ch]'\n ]\n})\n\ntype MarkdownContentProps = React.ComponentProps<\n typeof StyledMarkdownContent\n> & {\n content: string\n customComponents?: {\n [key: string]: (props: {\n node: any\n handleNode: HandleNode\n }) => React.JSX.Element\n }\n}\n\nconst defaultComponentsMap = {\n code: MarkdownCode,\n emphasis: MarkdownEmphasis,\n heading: MarkdownHeading,\n inlineCode: MarkdownInlineCode,\n image: MarkdownImage,\n link: MarkdownLink,\n list: MarkdownList,\n listItem: MarkdownListItem,\n paragraph: MarkdownParagraph,\n strong: MarkdownStrong,\n text: MarkdownText,\n thematicBreak: MarkdownThematicBreak\n}\n\nconst generateNodeKey = (node, index: number) => {\n if (node.position?.start) {\n const { line, column, offset } = node.position.start\n return `${node.type}${line}${column}${offset}`\n }\n\n // Deterministic fallback: keys must be stable across renders and identical\n // between server and client, so no timestamps or random values.\n return `${node.type}${index}`\n}\n\nexport const MarkdownContent = ({\n content,\n customComponents = {},\n className\n}: MarkdownContentProps) => {\n const AST = fromMarkdown(content, {\n extensions: [~~syntax~~()],\n mdastExtensions: [~~directive.fromMarkdown~~]\n })\n\n const componentsMap = {\n ...defaultComponentsMap,\n ...customComponents\n }\n\n const handleNode: HandleNode = (node, index = 0) => {\n const MarkdownComponent = componentsMap[node.type]\n\n return MarkdownComponent ? (\n <MarkdownComponent\n key={generateNodeKey(node, index)}\n node={node}\n handleNode={handleNode}\n />\n ) : null\n }\n\n return (\n <StyledMarkdownContent className={className}>\n {AST.children.map(handleNode)}\n </StyledMarkdownContent>\n )\n}\n\nMarkdownContent.displayName = 'MarkdownContent'\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,IAAM,wBAAwB,OAAO,OAAO,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAcD,IAAM,uBAAuB;CAC3B,MAAM;CACN,UAAU;CACV,SAAS;CACT,YAAY;CACZ,OAAO;CACP,MAAM;CACN,MAAM;CACN,UAAU;CACV,WAAW;CACX,QAAQ;CACR,MAAM;CACN,eAAe;AACjB;AAEA,IAAM,mBAAmB,MAAM,UAAkB;CAC/C,IAAI,KAAK,UAAU,OAAO;EACxB,MAAM,EAAE,MAAM,QAAQ,WAAW,KAAK,SAAS;EAC/C,OAAO,GAAG,KAAK,OAAO,OAAO,SAAS;CACxC;CAIA,OAAO,GAAG,KAAK,OAAO;AACxB;AAEA,IAAa,mBAAmB,EAC9B,SACA,mBAAmB,CAAC,GACpB,gBAC0B;CAC1B,MAAM,MAAM,aAAa,SAAS;EAChC,YAAY,CAAC,~~OAAO~~,CAAC;~~EACrB~~,iBAAiB,CAAC,~~UAAU~~,~~YAAY~~;~~CAC1C~~,CAAC;CAED,MAAM,gBAAgB;EACpB,GAAG;EACH,GAAG;CACL;CAEA,MAAM,cAA0B,MAAM,QAAQ,MAAM;EAClD,MAAM,oBAAoB,cAAc,KAAK;EAE7C,OAAO,oBACL,oBAAC,mBAAD;GAEQ;GACM;EACb,GAHM,gBAAgB,MAAM,KAAK,CAGjC,IACC;CACN;CAEA,OACE,oBAAC,uBAAD;EAAkC;YAC/B,IAAI,SAAS,IAAI,UAAU;CACP,CAAA;AAE3B;AAEA,gBAAgB,cAAc"}
1	+ {"version":3,"file":"MarkdownContent.js","names":[],"sources":["../../../src/components/markdown-content/MarkdownContent.tsx"],"sourcesContent":["import { directiveFromMarkdown } from 'mdast-util-directive'\nimport { fromMarkdown } from 'mdast-util-from-markdown'\nimport { directive } from 'micromark-extension-directive'\nimport * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { MarkdownCode } from './components/MarkdownCode'\nimport { MarkdownEmphasis } from './components/MarkdownEmphasis'\nimport { MarkdownHeading } from './components/MarkdownHeading'\nimport { MarkdownImage } from './components/MarkdownImage'\nimport { MarkdownInlineCode } from './components/MarkdownInlineCode'\nimport { MarkdownLink } from './components/MarkdownLink'\nimport { MarkdownList } from './components/MarkdownList'\nimport { MarkdownListItem } from './components/MarkdownListItem'\nimport { MarkdownParagraph } from './components/MarkdownParagraph'\nimport { MarkdownStrong } from './components/MarkdownStrong'\nimport { MarkdownText } from './components/MarkdownText'\nimport { MarkdownThematicBreak } from './components/MarkdownThematicBreak'\n\ntype HandleNode = (node, index?: number) => React.JSX.Element \| null\n\nconst StyledMarkdownContent = styled('div', {\n base: [\n 'flex',\n 'flex-col',\n 'gap-8',\n '[&>h1]:max-w-[65ch]',\n '[&>h2]:max-w-[65ch]',\n '[&>h3]:max-w-[65ch]',\n '[&>h4]:max-w-[65ch]',\n '[&>p]:max-w-[75ch]',\n '[&>ul]:max-w-[75ch]'\n ]\n})\n\ntype MarkdownContentProps = React.ComponentProps<\n typeof StyledMarkdownContent\n> & {\n content: string\n customComponents?: {\n [key: string]: (props: {\n node: any\n handleNode: HandleNode\n }) => React.JSX.Element\n }\n}\n\nconst defaultComponentsMap = {\n code: MarkdownCode,\n emphasis: MarkdownEmphasis,\n heading: MarkdownHeading,\n inlineCode: MarkdownInlineCode,\n image: MarkdownImage,\n link: MarkdownLink,\n list: MarkdownList,\n listItem: MarkdownListItem,\n paragraph: MarkdownParagraph,\n strong: MarkdownStrong,\n text: MarkdownText,\n thematicBreak: MarkdownThematicBreak\n}\n\nconst generateNodeKey = (node, index: number) => {\n if (node.position?.start) {\n const { line, column, offset } = node.position.start\n return `${node.type}${line}${column}${offset}`\n }\n\n // Deterministic fallback: keys must be stable across renders and identical\n // between server and client, so no timestamps or random values.\n return `${node.type}${index}`\n}\n\nexport const MarkdownContent = ({\n content,\n customComponents = {},\n className\n}: MarkdownContentProps) => {\n const AST = fromMarkdown(content, {\n extensions: [directive()],\n mdastExtensions: [directiveFromMarkdown()]\n })\n\n const componentsMap = {\n ...defaultComponentsMap,\n ...customComponents\n }\n\n const handleNode: HandleNode = (node, index = 0) => {\n const MarkdownComponent = componentsMap[node.type]\n\n return MarkdownComponent ? (\n <MarkdownComponent\n key={generateNodeKey(node, index)}\n node={node}\n handleNode={handleNode}\n />\n ) : null\n }\n\n return (\n <StyledMarkdownContent className={className}>\n {AST.children.map(handleNode)}\n </StyledMarkdownContent>\n )\n}\n\nMarkdownContent.displayName = 'MarkdownContent'\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,IAAM,wBAAwB,OAAO,OAAO,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAcD,IAAM,uBAAuB;CAC3B,MAAM;CACN,UAAU;CACV,SAAS;CACT,YAAY;CACZ,OAAO;CACP,MAAM;CACN,MAAM;CACN,UAAU;CACV,WAAW;CACX,QAAQ;CACR,MAAM;CACN,eAAe;AACjB;AAEA,IAAM,mBAAmB,MAAM,UAAkB;CAC/C,IAAI,KAAK,UAAU,OAAO;EACxB,MAAM,EAAE,MAAM,QAAQ,WAAW,KAAK,SAAS;EAC/C,OAAO,GAAG,KAAK,OAAO,OAAO,SAAS;CACxC;CAIA,OAAO,GAAG,KAAK,OAAO;AACxB;AAEA,IAAa,mBAAmB,EAC9B,SACA,mBAAmB,CAAC,GACpB,gBAC0B;CAC1B,MAAM,MAAM,aAAa,SAAS;EAChC,YAAY,CAAC,UAAU,CAAC;EACxB,iBAAiB,CAAC,sBAAsB,CAAC;CAC3C,CAAC;CAED,MAAM,gBAAgB;EACpB,GAAG;EACH,GAAG;CACL;CAEA,MAAM,cAA0B,MAAM,QAAQ,MAAM;EAClD,MAAM,oBAAoB,cAAc,KAAK;EAE7C,OAAO,oBACL,oBAAC,mBAAD;GAEQ;GACM;EACb,GAHM,gBAAgB,MAAM,KAAK,CAGjC,IACC;CACN;CAEA,OACE,oBAAC,uBAAD;EAAkC;YAC/B,IAAI,SAAS,IAAI,UAAU;CACP,CAAA;AAE3B;AAEA,gBAAgB,cAAc"}

package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import type { Content, Emphasis } from 'mdast';
+import type { RootContent, Emphasis } from 'mdast';
 import * as React from 'react';
 type MarkdownEmphasisProps = {
     node: Emphasis;
-    handleNode: (node: Content) => React.ReactElement<unknown>;
+    handleNode: (node: RootContent) => React.ReactElement<unknown>;
 };
 export declare const StyledMarkdownEmphasis: import("../../..").PolymorphicComponent<"em", unknown>;
 export declare const MarkdownEmphasis: ({ node, handleNode }: MarkdownEmphasisProps) => React.JSX.Element;

package/dist/components/markdown-content/components/MarkdownEmphasis.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownEmphasis.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownEmphasis.tsx"],"sourcesContent":["import type { ~~Content~~, Emphasis } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '../../../styled'\n\ntype MarkdownEmphasisProps = {\n node: Emphasis\n handleNode: (node: ~~Content~~) => React.ReactElement<unknown>\n}\n\nexport const StyledMarkdownEmphasis = styled('em', {\n base: ['italic']\n})\n\nexport const MarkdownEmphasis = ({\n node,\n handleNode\n}: MarkdownEmphasisProps) => (\n <StyledMarkdownEmphasis>\n {node.children?.map(handleNode)}\n </StyledMarkdownEmphasis>\n)\n"],"mappings":";;;;AAUA,IAAa,yBAAyB,OAAO,MAAM,EACjD,MAAM,CAAC,QAAQ,EACjB,CAAC;AAED,IAAa,oBAAoB,EAC/B,MACA,iBAEA,oBAAC,wBAAD,EAAA,UACG,KAAK,UAAU,IAAI,UAAU,EACR,CAAA"}
1	+ {"version":3,"file":"MarkdownEmphasis.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownEmphasis.tsx"],"sourcesContent":["import type { RootContent, Emphasis } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '../../../styled'\n\ntype MarkdownEmphasisProps = {\n node: Emphasis\n handleNode: (node: RootContent) => React.ReactElement<unknown>\n}\n\nexport const StyledMarkdownEmphasis = styled('em', {\n base: ['italic']\n})\n\nexport const MarkdownEmphasis = ({\n node,\n handleNode\n}: MarkdownEmphasisProps) => (\n <StyledMarkdownEmphasis>\n {node.children?.map(handleNode)}\n </StyledMarkdownEmphasis>\n)\n"],"mappings":";;;;AAUA,IAAa,yBAAyB,OAAO,MAAM,EACjD,MAAM,CAAC,QAAQ,EACjB,CAAC;AAED,IAAa,oBAAoB,EAC/B,MACA,iBAEA,oBAAC,wBAAD,EAAA,UACG,KAAK,UAAU,IAAI,UAAU,EACR,CAAA"}

package/dist/components/markdown-content/components/MarkdownHeading.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import type { Content, Heading as HeadingType } from 'mdast';
+import type { RootContent, Heading as HeadingType } from 'mdast';
 import * as React from 'react';
 type MarkdownHeadingProps = {
     node: HeadingType;
-    handleNode: (node: Content) => React.ReactElement<unknown>;
+    handleNode: (node: RootContent) => React.ReactElement<unknown>;
 };
 export declare const MarkdownHeading: ({ node, handleNode, ...rest }: MarkdownHeadingProps) => React.JSX.Element;
 export {};

package/dist/components/markdown-content/components/MarkdownHeading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownHeading.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownHeading.tsx"],"sourcesContent":["import type { ~~Content~~, Heading as HeadingType } from 'mdast'\nimport * as React from 'react'\n\nimport { Heading, type HeadingProps } from '../../heading/Heading'\n\ntype MarkdownHeadingProps = {\n node: HeadingType\n handleNode: (node: ~~Content~~) => React.ReactElement<unknown>\n}\n\nconst getHeadingProps = (depth: number): HeadingProps => {\n switch (depth) {\n case 1:\n return { size: 'xl', as: 'h1' }\n case 2:\n return { size: 'lg', as: 'h2' }\n case 3:\n return { size: 'md', as: 'h3' }\n case 4:\n return { size: 'sm', as: 'h4' }\n case 5:\n return { size: 'xs', as: 'h5' }\n default:\n return { size: 'xs', as: 'h6' }\n }\n}\n\nexport const MarkdownHeading = ({\n node,\n handleNode,\n ...rest\n}: MarkdownHeadingProps) => {\n const { as, size } = getHeadingProps(node.depth)\n\n return (\n <Heading as={as} size={size} {...rest}>\n {node.children?.map(handleNode)}\n </Heading>\n )\n}\n"],"mappings":";;;;AAUA,IAAM,mBAAmB,UAAgC;CACvD,QAAQ,OAAR;EACE,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,SACE,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;CAClC;AACF;AAEA,IAAa,mBAAmB,EAC9B,MACA,YACA,GAAG,WACuB;CAC1B,MAAM,EAAE,IAAI,SAAS,gBAAgB,KAAK,KAAK;CAE/C,OACE,oBAAC,SAAD;EAAa;EAAU;EAAM,GAAI;YAC9B,KAAK,UAAU,IAAI,UAAU;CACvB,CAAA;AAEb"}
1	+ {"version":3,"file":"MarkdownHeading.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownHeading.tsx"],"sourcesContent":["import type { RootContent, Heading as HeadingType } from 'mdast'\nimport * as React from 'react'\n\nimport { Heading, type HeadingProps } from '../../heading/Heading'\n\ntype MarkdownHeadingProps = {\n node: HeadingType\n handleNode: (node: RootContent) => React.ReactElement<unknown>\n}\n\nconst getHeadingProps = (depth: number): HeadingProps => {\n switch (depth) {\n case 1:\n return { size: 'xl', as: 'h1' }\n case 2:\n return { size: 'lg', as: 'h2' }\n case 3:\n return { size: 'md', as: 'h3' }\n case 4:\n return { size: 'sm', as: 'h4' }\n case 5:\n return { size: 'xs', as: 'h5' }\n default:\n return { size: 'xs', as: 'h6' }\n }\n}\n\nexport const MarkdownHeading = ({\n node,\n handleNode,\n ...rest\n}: MarkdownHeadingProps) => {\n const { as, size } = getHeadingProps(node.depth)\n\n return (\n <Heading as={as} size={size} {...rest}>\n {node.children?.map(handleNode)}\n </Heading>\n )\n}\n"],"mappings":";;;;AAUA,IAAM,mBAAmB,UAAgC;CACvD,QAAQ,OAAR;EACE,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,KAAK,GACH,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;EAChC,SACE,OAAO;GAAE,MAAM;GAAM,IAAI;EAAK;CAClC;AACF;AAEA,IAAa,mBAAmB,EAC9B,MACA,YACA,GAAG,WACuB;CAC1B,MAAM,EAAE,IAAI,SAAS,gBAAgB,KAAK,KAAK;CAE/C,OACE,oBAAC,SAAD;EAAa;EAAU;EAAM,GAAI;YAC9B,KAAK,UAAU,IAAI,UAAU;CACvB,CAAA;AAEb"}

package/dist/components/markdown-content/components/MarkdownLink.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import type { Content, Link as LinkType } from 'mdast';
+import type { RootContent, Link as LinkType } from 'mdast';
 import * as React from 'react';
 type MarkdownLinkProps = {
     node: LinkType;
-    handleNode: (node: Content) => React.ReactElement<unknown>;
+    handleNode: (node: RootContent) => React.ReactElement<unknown>;
 };
 export declare const MarkdownLink: ({ node, handleNode }: MarkdownLinkProps) => React.JSX.Element;
 export {};

package/dist/components/markdown-content/components/MarkdownLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownLink.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownLink.tsx"],"sourcesContent":["import type { ~~Content~~, Link as LinkType } from 'mdast'\nimport * as React from 'react'\n\nimport { Link } from '../../link/Link'\n\ntype MarkdownLinkProps = {\n node: LinkType\n handleNode: (node: ~~Content~~) => React.ReactElement<unknown>\n}\n\nexport const MarkdownLink = ({ node, handleNode }: MarkdownLinkProps) => (\n <Link title={node.title ?? undefined} href={node.url}>\n {node.children?.map(handleNode)}\n </Link>\n)\n"],"mappings":";;;;AAUA,IAAa,gBAAgB,EAAE,MAAM,iBACnC,oBAAC,MAAD;CAAM,OAAO,KAAK,SAAS,KAAA;CAAW,MAAM,KAAK;WAC9C,KAAK,UAAU,IAAI,UAAU;AAC1B,CAAA"}
1	+ {"version":3,"file":"MarkdownLink.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownLink.tsx"],"sourcesContent":["import type { RootContent, Link as LinkType } from 'mdast'\nimport * as React from 'react'\n\nimport { Link } from '../../link/Link'\n\ntype MarkdownLinkProps = {\n node: LinkType\n handleNode: (node: RootContent) => React.ReactElement<unknown>\n}\n\nexport const MarkdownLink = ({ node, handleNode }: MarkdownLinkProps) => (\n <Link title={node.title ?? undefined} href={node.url}>\n {node.children?.map(handleNode)}\n </Link>\n)\n"],"mappings":";;;;AAUA,IAAa,gBAAgB,EAAE,MAAM,iBACnC,oBAAC,MAAD;CAAM,OAAO,KAAK,SAAS,KAAA;CAAW,MAAM,KAAK;WAC9C,KAAK,UAAU,IAAI,UAAU;AAC1B,CAAA"}

package/dist/components/markdown-content/components/MarkdownList.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import type { Content, List as ListType } from 'mdast';
+import type { RootContent, List as ListType } from 'mdast';
 import * as React from 'react';
 type MarkdownListProps = {
     node: ListType;
-    handleNode: (node: Content) => React.ReactElement<unknown>;
+    handleNode: (node: RootContent) => React.ReactElement<unknown>;
     className?: string;
 };
 export declare const MarkdownList: ({ node, handleNode, className }: MarkdownListProps) => React.JSX.Element;

package/dist/components/markdown-content/components/MarkdownList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownList.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownList.tsx"],"sourcesContent":["import type { ~~Content~~, List as ListType } from 'mdast'\nimport * as React from 'react'\n\nimport { cn } from '../../../styled'\nimport { List } from '../../list/List'\n\ntype MarkdownListProps = {\n node: ListType\n handleNode: (node: ~~Content~~) => React.ReactElement<unknown>\n className?: string\n}\n\nexport const MarkdownList = ({\n node,\n handleNode,\n className\n}: MarkdownListProps) => (\n <List\n ordered={node.ordered \|\| undefined}\n className={cn(\n '[&_p]:inline',\n '[&_p]:before:hidden',\n '[&_p]:after:hidden',\n className\n )}\n >\n {node.children?.map(handleNode)}\n </List>\n)\n"],"mappings":";;;;;AAYA,IAAa,gBAAgB,EAC3B,MACA,YACA,gBAEA,oBAAC,MAAD;CACE,SAAS,KAAK,WAAW,KAAA;CACzB,WAAW,GACT,gBACA,uBACA,sBACA,SACF;WAEC,KAAK,UAAU,IAAI,UAAU;AAC1B,CAAA"}
1	+ {"version":3,"file":"MarkdownList.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownList.tsx"],"sourcesContent":["import type { RootContent, List as ListType } from 'mdast'\nimport * as React from 'react'\n\nimport { cn } from '../../../styled'\nimport { List } from '../../list/List'\n\ntype MarkdownListProps = {\n node: ListType\n handleNode: (node: RootContent) => React.ReactElement<unknown>\n className?: string\n}\n\nexport const MarkdownList = ({\n node,\n handleNode,\n className\n}: MarkdownListProps) => (\n <List\n ordered={node.ordered \|\| undefined}\n className={cn(\n '[&_p]:inline',\n '[&_p]:before:hidden',\n '[&_p]:after:hidden',\n className\n )}\n >\n {node.children?.map(handleNode)}\n </List>\n)\n"],"mappings":";;;;;AAYA,IAAa,gBAAgB,EAC3B,MACA,YACA,gBAEA,oBAAC,MAAD;CACE,SAAS,KAAK,WAAW,KAAA;CACzB,WAAW,GACT,gBACA,uBACA,sBACA,SACF;WAEC,KAAK,UAAU,IAAI,UAAU;AAC1B,CAAA"}

package/dist/components/markdown-content/components/MarkdownListItem.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import type { Content, ListItem } from 'mdast';
+import type { RootContent, ListItem } from 'mdast';
 import * as React from 'react';
 type MarkdownListItemProps = {
     node: ListItem;
-    handleNode: (node: Content) => React.ReactElement<unknown>;
+    handleNode: (node: RootContent) => React.ReactElement<unknown>;
 };
 export declare const MarkdownListItem: ({ node, handleNode }: MarkdownListItemProps) => React.JSX.Element;
 export {};

package/dist/components/markdown-content/components/MarkdownListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownListItem.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownListItem.tsx"],"sourcesContent":["import type { ~~Content~~, ListItem } from 'mdast'\nimport * as React from 'react'\n\nimport { List } from '../../list/List'\n\ntype MarkdownListItemProps = {\n node: ListItem\n handleNode: (node: ~~Content~~) => React.ReactElement<unknown>\n}\n\nexport const MarkdownListItem = ({\n node,\n handleNode\n}: MarkdownListItemProps) => (\n <List.Item>{node.children?.map(handleNode)}</List.Item>\n)\n"],"mappings":";;;;AAUA,IAAa,oBAAoB,EAC/B,MACA,iBAEA,oBAAC,KAAK,MAAN,EAAA,UAAY,KAAK,UAAU,IAAI,UAAU,EAAa,CAAA"}
1	+ {"version":3,"file":"MarkdownListItem.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownListItem.tsx"],"sourcesContent":["import type { RootContent, ListItem } from 'mdast'\nimport * as React from 'react'\n\nimport { List } from '../../list/List'\n\ntype MarkdownListItemProps = {\n node: ListItem\n handleNode: (node: RootContent) => React.ReactElement<unknown>\n}\n\nexport const MarkdownListItem = ({\n node,\n handleNode\n}: MarkdownListItemProps) => (\n <List.Item>{node.children?.map(handleNode)}</List.Item>\n)\n"],"mappings":";;;;AAUA,IAAa,oBAAoB,EAC/B,MACA,iBAEA,oBAAC,KAAK,MAAN,EAAA,UAAY,KAAK,UAAU,IAAI,UAAU,EAAa,CAAA"}

package/dist/components/markdown-content/components/MarkdownParagraph.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import type { Content, Paragraph } from 'mdast';
+import type { RootContent, Paragraph } from 'mdast';
 import * as React from 'react';
 type MarkdownParagraphProps = {
     node: Paragraph;
-    handleNode: (node: Content) => React.ReactElement<unknown>;
+    handleNode: (node: RootContent) => React.ReactElement<unknown>;
 };
 export declare const MarkdownParagraph: ({ node, handleNode, ...rest }: MarkdownParagraphProps) => React.JSX.Element;
 export {};

package/dist/components/markdown-content/components/MarkdownParagraph.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownParagraph.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownParagraph.tsx"],"sourcesContent":["import type { ~~Content~~, Paragraph } from 'mdast'\nimport * as React from 'react'\n\nimport { Text } from '../../text/Text'\n\ntype MarkdownParagraphProps = {\n node: Paragraph\n handleNode: (node: ~~Content~~) => React.ReactElement<unknown>\n}\n\nexport const MarkdownParagraph = ({\n node,\n handleNode,\n ...rest\n}: MarkdownParagraphProps) => (\n <Text {...rest}>{node.children?.map(handleNode)}</Text>\n)\n"],"mappings":";;;;AAUA,IAAa,qBAAqB,EAChC,MACA,YACA,GAAG,WAEH,oBAAC,MAAD;CAAM,GAAI;WAAO,KAAK,UAAU,IAAI,UAAU;AAAQ,CAAA"}
1	+ {"version":3,"file":"MarkdownParagraph.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownParagraph.tsx"],"sourcesContent":["import type { RootContent, Paragraph } from 'mdast'\nimport * as React from 'react'\n\nimport { Text } from '../../text/Text'\n\ntype MarkdownParagraphProps = {\n node: Paragraph\n handleNode: (node: RootContent) => React.ReactElement<unknown>\n}\n\nexport const MarkdownParagraph = ({\n node,\n handleNode,\n ...rest\n}: MarkdownParagraphProps) => (\n <Text {...rest}>{node.children?.map(handleNode)}</Text>\n)\n"],"mappings":";;;;AAUA,IAAa,qBAAqB,EAChC,MACA,YACA,GAAG,WAEH,oBAAC,MAAD;CAAM,GAAI;WAAO,KAAK,UAAU,IAAI,UAAU;AAAQ,CAAA"}

package/dist/components/markdown-content/components/MarkdownStrong.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import type { Content, Strong } from 'mdast';
+import type { RootContent, Strong } from 'mdast';
 import * as React from 'react';
 type MarkdownStrongProps = {
     node: Strong;
-    handleNode: (node: Content) => React.ReactElement<unknown>;
+    handleNode: (node: RootContent) => React.ReactElement<unknown>;
 };
 export declare const MarkdownStrong: ({ node, handleNode }: MarkdownStrongProps) => React.JSX.Element;
 export {};

package/dist/components/markdown-content/components/MarkdownStrong.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownStrong.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownStrong.tsx"],"sourcesContent":["import type { ~~Content~~, Strong } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '../../../styled'\n\ntype MarkdownStrongProps = {\n node: Strong\n handleNode: (node: ~~Content~~) => React.ReactElement<unknown>\n}\n\nconst StyledMarkdownStrong = styled('strong', {\n base: ['font-semibold']\n})\n\nexport const MarkdownStrong = ({ node, handleNode }: MarkdownStrongProps) => (\n <StyledMarkdownStrong>{node.children?.map(handleNode)}</StyledMarkdownStrong>\n)\n"],"mappings":";;;;AAUA,IAAM,uBAAuB,OAAO,UAAU,EAC5C,MAAM,CAAC,eAAe,EACxB,CAAC;AAED,IAAa,kBAAkB,EAAE,MAAM,iBACrC,oBAAC,sBAAD,EAAA,UAAuB,KAAK,UAAU,IAAI,UAAU,EAAwB,CAAA"}
1	+ {"version":3,"file":"MarkdownStrong.js","names":[],"sources":["../../../../src/components/markdown-content/components/MarkdownStrong.tsx"],"sourcesContent":["import type { RootContent, Strong } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '../../../styled'\n\ntype MarkdownStrongProps = {\n node: Strong\n handleNode: (node: RootContent) => React.ReactElement<unknown>\n}\n\nconst StyledMarkdownStrong = styled('strong', {\n base: ['font-semibold']\n})\n\nexport const MarkdownStrong = ({ node, handleNode }: MarkdownStrongProps) => (\n <StyledMarkdownStrong>{node.children?.map(handleNode)}</StyledMarkdownStrong>\n)\n"],"mappings":";;;;AAUA,IAAM,uBAAuB,OAAO,UAAU,EAC5C,MAAM,CAAC,eAAe,EACxB,CAAC;AAED,IAAa,kBAAkB,EAAE,MAAM,iBACrC,oBAAC,sBAAD,EAAA,UAAuB,KAAK,UAAU,IAAI,UAAU,EAAwB,CAAA"}

package/dist/components/tabs/TabsTriggerList.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { styled } from "../../styled.js";
-import { Icon } from "../icon/Icon.js";
 import { ColorScheme } from "../../experiments/color-scheme/ColorScheme.js";
+import { Icon } from "../icon/Icon.js";
 import { ActionIcon } from "../action-icon/ActionIcon.js";
 import { useCallbackRefState } from "../../utilities/hooks/useCallbackRef.js";
 import { useScrollPosition } from "../../utilities/hooks/useScrollPosition.js";