@raystack/apsara 0.52.0 → 0.53.1

package/dist/components/code-block/__tests__/code-block.test.d.ts

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

package/dist/components/code-block/__tests__/code-block.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.test.d.ts","sourceRoot":"","sources":["../../../../components/code-block/__tests__/code-block.test.tsx"],"names":[],"mappings":""}

package/dist/components/code-block/code-block-code.cjs

@@ -0,0 +1,50 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var index$1 = require('../../node_modules/.pnpm/prism-react-renderer@2.4.1_react@19.1.1/node_modules/prism-react-renderer/dist/index.cjs');
+var React = require('react');
+var useIsomorphicLayoutEffect = require('../../hooks/useIsomorphicLayoutEffect.cjs');
+var codeBlockRoot = require('./code-block-root.cjs');
+var codeBlock_module = require('./code-block.module.css.cjs');
+var code_module = require('./code.module.css.cjs');
+
+const emptyTheme = { plain: {}, styles: [] };
+const CodeBlockCode = React.forwardRef(({ children, language, className, value, ...props }, ref) => {
+    const { value: contextValue, setCode, setValue } = codeBlockRoot.useCodeBlockContext();
+    const computedValue = value ?? language;
+    const isContextValueDefined = !!contextValue;
+    const shouldRender = !isContextValueDefined || contextValue === computedValue;
+    const content = children.trim();
+    useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
+        // if value is not defined, set the value
+        if (!isContextValueDefined)
+            setValue(language);
+        // if should render, store the code
+        if (shouldRender)
+            setCode(content);
+    }, [
+        content,
+        setCode,
+        shouldRender,
+        setValue,
+        language,
+        isContextValueDefined
+    ]);
+    if (!shouldRender)
+        return null;
+    return (jsxRuntime.jsx("div", { ref: ref, className: index.cx(codeBlock_module.default.codeContent, className), ...props, children: jsxRuntime.jsx(CodeHighlight, { content: content, language: language }) }));
+});
+CodeBlockCode.displayName = 'CodeBlockCode';
+const CodeHighlight = React.memo(({ content, language }) => {
+    const { hideLineNumbers, maxLines, collapsed } = codeBlockRoot.useCodeBlockContext();
+    const canCollapse = maxLines && maxLines > 0;
+    return (jsxRuntime.jsx(index$1.Highlight, { theme: emptyTheme, code: content, language: language, children: ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps }) => {
+            const renderedTokens = canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;
+            return (jsxRuntime.jsx("pre", { className: index.cx(code_module.default.theme, codeBlock_module.default.pre, highlightClassName), style: style, children: renderedTokens.map((line, i) => (jsxRuntime.jsxs("div", { ...getLineProps({ line }), children: [!hideLineNumbers && (jsxRuntime.jsx("span", { className: codeBlock_module.default.lineNumber, children: i + 1 })), jsxRuntime.jsx("span", { className: codeBlock_module.default.lineContent, children: line.map((token, key) => (jsxRuntime.jsx("span", { ...getTokenProps({ token }) }, key))) })] }, i))) }));
+        } }));
+});
+
+exports.CodeBlockCode = CodeBlockCode;
+//# sourceMappingURL=code-block-code.cjs.map

package/dist/components/code-block/code-block-code.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-code.cjs","sources":["../../../components/code-block/code-block-code.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Highlight } from 'prism-react-renderer';\nimport { Language } from 'prism-react-renderer';\nimport { HTMLAttributes, forwardRef, memo } from 'react';\nimport { useIsomorphicLayoutEffect } from '~/hooks';\nimport { useCodeBlockContext } from './code-block-root';\nimport styles from './code-block.module.css';\nimport code from './code.module.css';\n\nexport interface CodeBlockCodeProps extends HTMLAttributes<HTMLDivElement> {\n  children: string;\n  language: Language;\n  value?: string;\n  className?: string;\n}\n\nconst emptyTheme = { plain: {}, styles: [] };\n\nexport const CodeBlockCode = forwardRef<HTMLDivElement, CodeBlockCodeProps>(\n  ({ children, language, className, value, ...props }, ref) => {\n    const { value: contextValue, setCode, setValue } = useCodeBlockContext();\n    const computedValue = value ?? language;\n    const isContextValueDefined = !!contextValue;\n    const shouldRender =\n      !isContextValueDefined || contextValue === computedValue;\n    const content = children.trim();\n\n    useIsomorphicLayoutEffect(() => {\n      // if value is not defined, set the value\n      if (!isContextValueDefined) setValue(language);\n      // if should render, store the code\n      if (shouldRender) setCode(content);\n    }, [\n      content,\n      setCode,\n      shouldRender,\n      setValue,\n      language,\n      isContextValueDefined\n    ]);\n\n    if (!shouldRender) return null;\n\n    return (\n      <div ref={ref} className={cx(styles.codeContent, className)} {...props}>\n        <CodeHighlight content={content} language={language} />\n      </div>\n    );\n  }\n);\n\nCodeBlockCode.displayName = 'CodeBlockCode';\n\nconst CodeHighlight = memo(\n  ({ content, language }: { content: string; language: Language }) => {\n    const { hideLineNumbers, maxLines, collapsed } = useCodeBlockContext();\n    const canCollapse = maxLines && maxLines > 0;\n    return (\n      <Highlight theme={emptyTheme} code={content} language={language}>\n        {({\n          className: highlightClassName,\n          style,\n          tokens,\n          getLineProps,\n          getTokenProps\n        }) => {\n          const renderedTokens =\n            canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;\n          return (\n            <pre\n              className={cx(code.theme, styles.pre, highlightClassName)}\n              style={style}\n            >\n              {renderedTokens.map((line, i) => (\n                <div key={i} {...getLineProps({ line })}>\n                  {!hideLineNumbers && (\n                    <span className={styles.lineNumber}>{i + 1}</span>\n                  )}\n                  <span className={styles.lineContent}>\n                    {line.map((token, key) => (\n                      <span key={key} {...getTokenProps({ token })} />\n                    ))}\n                  </span>\n                </div>\n              ))}\n            </pre>\n          );\n        }}\n      </Highlight>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAkBA;;AAII;AACA;AACA;;AAGA;;;AAIE;;;AAEA;;AACF;;;;;;;AAOC;AAED;AAAmB;AAEnB;AAKF;AAGF;AAEA;;AAGI;AACA;;;;AAiCF;;"}

package/dist/components/code-block/code-block-code.d.ts

@@ -0,0 +1,10 @@
+import { Language } from 'prism-react-renderer';
+import { HTMLAttributes } from 'react';
+export interface CodeBlockCodeProps extends HTMLAttributes<HTMLDivElement> {
+    children: string;
+    language: Language;
+    value?: string;
+    className?: string;
+}
+export declare const CodeBlockCode: import("react").ForwardRefExoticComponent<CodeBlockCodeProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=code-block-code.d.ts.map

package/dist/components/code-block/code-block-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-code.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-code.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAC;AAMzD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,aAAa,+GA+BzB,CAAC"}

package/dist/components/code-block/code-block-code.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { Highlight as Highlight2 } from '../../node_modules/.pnpm/prism-react-renderer@2.4.1_react@19.1.1/node_modules/prism-react-renderer/dist/index.js';
+import { forwardRef, memo } from 'react';
+import { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect.js';
+import { useCodeBlockContext } from './code-block-root.js';
+import styles from './code-block.module.css.js';
+import code from './code.module.css.js';
+
+const emptyTheme = { plain: {}, styles: [] };
+const CodeBlockCode = forwardRef(({ children, language, className, value, ...props }, ref) => {
+    const { value: contextValue, setCode, setValue } = useCodeBlockContext();
+    const computedValue = value ?? language;
+    const isContextValueDefined = !!contextValue;
+    const shouldRender = !isContextValueDefined || contextValue === computedValue;
+    const content = children.trim();
+    useIsomorphicLayoutEffect(() => {
+        // if value is not defined, set the value
+        if (!isContextValueDefined)
+            setValue(language);
+        // if should render, store the code
+        if (shouldRender)
+            setCode(content);
+    }, [
+        content,
+        setCode,
+        shouldRender,
+        setValue,
+        language,
+        isContextValueDefined
+    ]);
+    if (!shouldRender)
+        return null;
+    return (jsx("div", { ref: ref, className: cx(styles.codeContent, className), ...props, children: jsx(CodeHighlight, { content: content, language: language }) }));
+});
+CodeBlockCode.displayName = 'CodeBlockCode';
+const CodeHighlight = memo(({ content, language }) => {
+    const { hideLineNumbers, maxLines, collapsed } = useCodeBlockContext();
+    const canCollapse = maxLines && maxLines > 0;
+    return (jsx(Highlight2, { theme: emptyTheme, code: content, language: language, children: ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps }) => {
+            const renderedTokens = canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;
+            return (jsx("pre", { className: cx(code.theme, styles.pre, highlightClassName), style: style, children: renderedTokens.map((line, i) => (jsxs("div", { ...getLineProps({ line }), children: [!hideLineNumbers && (jsx("span", { className: styles.lineNumber, children: i + 1 })), jsx("span", { className: styles.lineContent, children: line.map((token, key) => (jsx("span", { ...getTokenProps({ token }) }, key))) })] }, i))) }));
+        } }));
+});
+
+export { CodeBlockCode };
+//# sourceMappingURL=code-block-code.js.map

package/dist/components/code-block/code-block-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-code.js","sources":["../../../components/code-block/code-block-code.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Highlight } from 'prism-react-renderer';\nimport { Language } from 'prism-react-renderer';\nimport { HTMLAttributes, forwardRef, memo } from 'react';\nimport { useIsomorphicLayoutEffect } from '~/hooks';\nimport { useCodeBlockContext } from './code-block-root';\nimport styles from './code-block.module.css';\nimport code from './code.module.css';\n\nexport interface CodeBlockCodeProps extends HTMLAttributes<HTMLDivElement> {\n  children: string;\n  language: Language;\n  value?: string;\n  className?: string;\n}\n\nconst emptyTheme = { plain: {}, styles: [] };\n\nexport const CodeBlockCode = forwardRef<HTMLDivElement, CodeBlockCodeProps>(\n  ({ children, language, className, value, ...props }, ref) => {\n    const { value: contextValue, setCode, setValue } = useCodeBlockContext();\n    const computedValue = value ?? language;\n    const isContextValueDefined = !!contextValue;\n    const shouldRender =\n      !isContextValueDefined || contextValue === computedValue;\n    const content = children.trim();\n\n    useIsomorphicLayoutEffect(() => {\n      // if value is not defined, set the value\n      if (!isContextValueDefined) setValue(language);\n      // if should render, store the code\n      if (shouldRender) setCode(content);\n    }, [\n      content,\n      setCode,\n      shouldRender,\n      setValue,\n      language,\n      isContextValueDefined\n    ]);\n\n    if (!shouldRender) return null;\n\n    return (\n      <div ref={ref} className={cx(styles.codeContent, className)} {...props}>\n        <CodeHighlight content={content} language={language} />\n      </div>\n    );\n  }\n);\n\nCodeBlockCode.displayName = 'CodeBlockCode';\n\nconst CodeHighlight = memo(\n  ({ content, language }: { content: string; language: Language }) => {\n    const { hideLineNumbers, maxLines, collapsed } = useCodeBlockContext();\n    const canCollapse = maxLines && maxLines > 0;\n    return (\n      <Highlight theme={emptyTheme} code={content} language={language}>\n        {({\n          className: highlightClassName,\n          style,\n          tokens,\n          getLineProps,\n          getTokenProps\n        }) => {\n          const renderedTokens =\n            canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;\n          return (\n            <pre\n              className={cx(code.theme, styles.pre, highlightClassName)}\n              style={style}\n            >\n              {renderedTokens.map((line, i) => (\n                <div key={i} {...getLineProps({ line })}>\n                  {!hideLineNumbers && (\n                    <span className={styles.lineNumber}>{i + 1}</span>\n                  )}\n                  <span className={styles.lineContent}>\n                    {line.map((token, key) => (\n                      <span key={key} {...getTokenProps({ token })} />\n                    ))}\n                  </span>\n                </div>\n              ))}\n            </pre>\n          );\n        }}\n      </Highlight>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;AAkBA;;AAII;AACA;AACA;;AAGA;;;AAIE;;;AAEA;;AACF;;;;;;;AAOC;AAED;AAAmB;AAEnB;AAKF;AAGF;AAEA;;AAGI;AACA;;;;AAiCF;;"}

package/dist/components/code-block/code-block-language-select.cjs

@@ -0,0 +1,26 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var select = require('../select/select.cjs');
+var codeBlockRoot = require('./code-block-root.cjs');
+var codeBlock_module = require('./code-block.module.css.cjs');
+
+const CodeBlockLanguageSelect = (props) => {
+    const { value, setValue } = codeBlockRoot.useCodeBlockContext();
+    const handleValueChange = (value) => {
+        setValue(value);
+    };
+    return jsxRuntime.jsx(select.Select, { onValueChange: handleValueChange, value: value, ...props });
+};
+CodeBlockLanguageSelect.displayName = 'CodeBlockLanguageSelect';
+const CodeBlockLanguageSelectTrigger = React.forwardRef(({ className, ...props }, ref) => {
+    return (jsxRuntime.jsx(select.Select.Trigger, { ref: ref, className: index.cx(codeBlock_module.default.languageSelectTrigger, className), size: 'small', variant: 'text', ...props, children: jsxRuntime.jsx(select.Select.Value, {}) }));
+});
+CodeBlockLanguageSelectTrigger.displayName = 'CodeBlockLanguageSelectTrigger';
+
+exports.CodeBlockLanguageSelect = CodeBlockLanguageSelect;
+exports.CodeBlockLanguageSelectTrigger = CodeBlockLanguageSelectTrigger;
+//# sourceMappingURL=code-block-language-select.cjs.map

package/dist/components/code-block/code-block-language-select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-language-select.cjs","sources":["../../../components/code-block/code-block-language-select.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Language } from 'prism-react-renderer';\nimport { ComponentProps, ElementRef, forwardRef } from 'react';\nimport { Select } from '../select';\nimport { SingleSelectProps } from '../select/select-root';\nimport { useCodeBlockContext } from './code-block-root';\nimport styles from './code-block.module.css';\n\nexport const CodeBlockLanguageSelect = (props: SingleSelectProps) => {\n  const { value, setValue } = useCodeBlockContext();\n\n  const handleValueChange = (value: string) => {\n    setValue(value as Language);\n  };\n  return <Select onValueChange={handleValueChange} value={value} {...props} />;\n};\n\nCodeBlockLanguageSelect.displayName = 'CodeBlockLanguageSelect';\n\nexport const CodeBlockLanguageSelectTrigger = forwardRef<\n  ElementRef<typeof Select.Trigger>,\n  ComponentProps<typeof Select.Trigger>\n>(({ className, ...props }, ref) => {\n  return (\n    <Select.Trigger\n      ref={ref}\n      className={cx(styles.languageSelectTrigger, className)}\n      size='small'\n      variant='text'\n      {...props}\n    >\n      <Select.Value />\n    </Select.Trigger>\n  );\n});\n\nCodeBlockLanguageSelectTrigger.displayName = 'CodeBlockLanguageSelectTrigger';\n"],"names":[],"mappings":";;;;;;;;;;AAUa;;AAGX;;AAEA;AACA;AACF;AAEA;AAEa;AAIX;AAWF;AAEA;;;"}

package/dist/components/code-block/code-block-language-select.d.ts

@@ -0,0 +1,7 @@
+import { SingleSelectProps } from '../select/select-root';
+export declare const CodeBlockLanguageSelect: {
+    (props: SingleSelectProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const CodeBlockLanguageSelectTrigger: import("react").ForwardRefExoticComponent<Omit<import("../select/select-trigger").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=code-block-language-select.d.ts.map

package/dist/components/code-block/code-block-language-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-language-select.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-language-select.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D,eAAO,MAAM,uBAAuB;YAAW,iBAAiB;;CAO/D,CAAC;AAIF,eAAO,MAAM,8BAA8B,qNAezC,CAAC"}

package/dist/components/code-block/code-block-language-select.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef } from 'react';
+import { Select } from '../select/select.js';
+import { useCodeBlockContext } from './code-block-root.js';
+import styles from './code-block.module.css.js';
+
+const CodeBlockLanguageSelect = (props) => {
+    const { value, setValue } = useCodeBlockContext();
+    const handleValueChange = (value) => {
+        setValue(value);
+    };
+    return jsx(Select, { onValueChange: handleValueChange, value: value, ...props });
+};
+CodeBlockLanguageSelect.displayName = 'CodeBlockLanguageSelect';
+const CodeBlockLanguageSelectTrigger = forwardRef(({ className, ...props }, ref) => {
+    return (jsx(Select.Trigger, { ref: ref, className: cx(styles.languageSelectTrigger, className), size: 'small', variant: 'text', ...props, children: jsx(Select.Value, {}) }));
+});
+CodeBlockLanguageSelectTrigger.displayName = 'CodeBlockLanguageSelectTrigger';
+
+export { CodeBlockLanguageSelect, CodeBlockLanguageSelectTrigger };
+//# sourceMappingURL=code-block-language-select.js.map

package/dist/components/code-block/code-block-language-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-language-select.js","sources":["../../../components/code-block/code-block-language-select.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Language } from 'prism-react-renderer';\nimport { ComponentProps, ElementRef, forwardRef } from 'react';\nimport { Select } from '../select';\nimport { SingleSelectProps } from '../select/select-root';\nimport { useCodeBlockContext } from './code-block-root';\nimport styles from './code-block.module.css';\n\nexport const CodeBlockLanguageSelect = (props: SingleSelectProps) => {\n  const { value, setValue } = useCodeBlockContext();\n\n  const handleValueChange = (value: string) => {\n    setValue(value as Language);\n  };\n  return <Select onValueChange={handleValueChange} value={value} {...props} />;\n};\n\nCodeBlockLanguageSelect.displayName = 'CodeBlockLanguageSelect';\n\nexport const CodeBlockLanguageSelectTrigger = forwardRef<\n  ElementRef<typeof Select.Trigger>,\n  ComponentProps<typeof Select.Trigger>\n>(({ className, ...props }, ref) => {\n  return (\n    <Select.Trigger\n      ref={ref}\n      className={cx(styles.languageSelectTrigger, className)}\n      size='small'\n      variant='text'\n      {...props}\n    >\n      <Select.Value />\n    </Select.Trigger>\n  );\n});\n\nCodeBlockLanguageSelectTrigger.displayName = 'CodeBlockLanguageSelectTrigger';\n"],"names":[],"mappings":";;;;;;;;AAUa;;AAGX;;AAEA;AACA;AACF;AAEA;AAEa;AAIX;AAWF;AAEA;;"}

package/dist/components/code-block/code-block-misc.cjs

@@ -0,0 +1,49 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var button = require('../button/button.cjs');
+var copyButton = require('../copy-button/copy-button.cjs');
+var flex = require('../flex/flex.cjs');
+var text = require('../text/text.cjs');
+var codeBlockRoot = require('./code-block-root.cjs');
+var codeBlock_module = require('./code-block.module.css.cjs');
+
+const CodeBlockContent = React.forwardRef(({ children, className, ...props }, ref) => {
+    return (jsxRuntime.jsx("div", { ref: ref, className: index.cx(codeBlock_module.default.content, className), ...props, children: children }));
+});
+CodeBlockContent.displayName = 'CodeBlockContent';
+const CodeBlockHeader = React.forwardRef(({ children, className, ...props }, ref) => {
+    return (jsxRuntime.jsx(flex.Flex, { ref: ref, align: 'center', gap: 4, className: index.cx(codeBlock_module.default.header, className), ...props, children: children }));
+});
+CodeBlockHeader.displayName = 'CodeBlockHeader';
+const CodeBlockLabel = React.forwardRef(({ children, className, ...props }, ref) => {
+    return (jsxRuntime.jsx(text.Text, { ref: ref, className: index.cx(codeBlock_module.default.label, className), ...props, children: children }));
+});
+CodeBlockLabel.displayName = 'CodeBlockLabel';
+const CodeBlockCollapseTrigger = React.forwardRef(({ className, children = 'Show Code', onClick, ...props }, ref) => {
+    const { maxLines, collapsed, toggleCollapsed, code } = codeBlockRoot.useCodeBlockContext();
+    const canCollapse = maxLines && maxLines > 0;
+    const lineCount = code?.split('\n').length ?? 0;
+    if (!canCollapse || !collapsed || lineCount < maxLines)
+        return null;
+    return (jsxRuntime.jsx(button.Button, { ref: ref, onClick: e => {
+            toggleCollapsed();
+            onClick?.(e);
+        }, variant: 'text', color: 'neutral', className: index.cx(codeBlock_module.default.collapseTrigger, className), ...props, children: children }));
+});
+CodeBlockCollapseTrigger.displayName = 'CodeBlockCollapseTrigger';
+const CodeBlockCopyButton = React.forwardRef(({ className, variant = 'default', ...props }, ref) => {
+    const { code = '' } = codeBlockRoot.useCodeBlockContext();
+    return (jsxRuntime.jsx(copyButton.CopyButton, { ref: ref, text: code, size: variant === 'floating' ? 2 : 3, className: index.cx(codeBlock_module.default.copyButton, variant === 'floating' && codeBlock_module.default.floatingCopyButton, className), ...props }));
+});
+CodeBlockCopyButton.displayName = 'CodeBlockCopyButton';
+
+exports.CodeBlockCollapseTrigger = CodeBlockCollapseTrigger;
+exports.CodeBlockContent = CodeBlockContent;
+exports.CodeBlockCopyButton = CodeBlockCopyButton;
+exports.CodeBlockHeader = CodeBlockHeader;
+exports.CodeBlockLabel = CodeBlockLabel;
+//# sourceMappingURL=code-block-misc.cjs.map

package/dist/components/code-block/code-block-misc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-misc.cjs","sources":["../../../components/code-block/code-block-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps, ElementRef, HTMLAttributes, forwardRef } from 'react';\nimport { Button } from '../button';\nimport { CopyButton } from '../copy-button';\nimport { Flex } from '../flex';\nimport { Text } from '../text';\nimport { useCodeBlockContext } from './code-block-root';\nimport styles from './code-block.module.css';\n\nexport const CodeBlockContent = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <div ref={ref} className={cx(styles.content, className)} {...props}>\n      {children}\n    </div>\n  );\n});\n\nCodeBlockContent.displayName = 'CodeBlockContent';\n\nexport const CodeBlockHeader = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentProps<typeof Flex>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <Flex\n      ref={ref}\n      align='center'\n      gap={4}\n      className={cx(styles.header, className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  );\n});\n\nCodeBlockHeader.displayName = 'CodeBlockHeader';\n\nexport const CodeBlockLabel = forwardRef<\n  ElementRef<typeof Text>,\n  ComponentProps<typeof Text>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <Text ref={ref} className={cx(styles.label, className)} {...props}>\n      {children}\n    </Text>\n  );\n});\n\nCodeBlockLabel.displayName = 'CodeBlockLabel';\n\nexport const CodeBlockCollapseTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentProps<typeof Button>\n>(({ className, children = 'Show Code', onClick, ...props }, ref) => {\n  const { maxLines, collapsed, toggleCollapsed, code } = useCodeBlockContext();\n  const canCollapse = maxLines && maxLines > 0;\n  const lineCount = code?.split('\\n').length ?? 0;\n\n  if (!canCollapse || !collapsed || lineCount < maxLines) return null;\n\n  return (\n    <Button\n      ref={ref}\n      onClick={e => {\n        toggleCollapsed();\n        onClick?.(e);\n      }}\n      variant='text'\n      color='neutral'\n      className={cx(styles.collapseTrigger, className)}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n});\n\nCodeBlockCollapseTrigger.displayName = 'CodeBlockCollapseTrigger';\n\nexport interface CodeBlockCopyButtonProps\n  extends Omit<ComponentProps<typeof CopyButton>, 'text'> {\n  variant?: 'floating' | 'default';\n}\n\nexport const CodeBlockCopyButton = forwardRef<\n  ElementRef<typeof CopyButton>,\n  CodeBlockCopyButtonProps\n>(({ className, variant = 'default', ...props }, ref) => {\n  const { code = '' } = useCodeBlockContext();\n\n  return (\n    <CopyButton\n      ref={ref}\n      text={code}\n      size={variant === 'floating' ? 2 : 3}\n      className={cx(\n        styles.copyButton,\n        variant === 'floating' && styles.floatingCopyButton,\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\nCodeBlockCopyButton.displayName = 'CodeBlockCopyButton';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAWa;;AASb;AAEA;AAEa;AAIX;AAWF;AAEA;AAEa;;AASb;AAEA;;AAME;AACA;AACA;;AAEwD;AAExD;AAIM;AACA;;AAUR;AAEA;;;;AA0BA;AAEA;;;;;;"}

package/dist/components/code-block/code-block-misc.d.ts

@@ -0,0 +1,112 @@
+import { ComponentProps, HTMLAttributes } from 'react';
+import { CopyButton } from '../copy-button';
+export declare const CodeBlockContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CodeBlockHeader: import("react").ForwardRefExoticComponent<Omit<import("class-variance-authority").VariantProps<(props?: ({
+    direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
+    align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+    justify?: "center" | "start" | "end" | "between" | null | undefined;
+    wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
+    gap?: 1 | "small" | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+    width?: "full" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    children?: import("react").ReactNode;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CodeBlockLabel: import("react").ForwardRefExoticComponent<(Omit<import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
+    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+    transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
+    align?: "center" | "start" | "end" | "justify" | null | undefined;
+    lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
+    underline?: boolean | null | undefined;
+    strikeThrough?: boolean | null | undefined;
+    italic?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
+} & {
+    as?: "span" | undefined;
+} & Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
+    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+    transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
+    align?: "center" | "start" | "end" | "justify" | null | undefined;
+    lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
+    underline?: boolean | null | undefined;
+    strikeThrough?: boolean | null | undefined;
+    italic?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
+} & {
+    as: "div";
+} & Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
+    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+    transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
+    align?: "center" | "start" | "end" | "justify" | null | undefined;
+    lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
+    underline?: boolean | null | undefined;
+    strikeThrough?: boolean | null | undefined;
+    italic?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
+} & {
+    as: "label";
+} & Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
+    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+    transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
+    align?: "center" | "start" | "end" | "justify" | null | undefined;
+    lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
+    underline?: boolean | null | undefined;
+    strikeThrough?: boolean | null | undefined;
+    italic?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
+} & {
+    as: "p";
+} & Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
+    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+    transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
+    align?: "center" | "start" | "end" | "justify" | null | undefined;
+    lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
+    underline?: boolean | null | undefined;
+    strikeThrough?: boolean | null | undefined;
+    italic?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
+    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
+} & {
+    as: "a";
+} & Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref">) & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>>;
+export declare const CodeBlockCollapseTrigger: import("react").ForwardRefExoticComponent<Omit<import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "text" | "solid" | "outline" | "ghost" | null | undefined;
+    size?: "small" | "normal" | null | undefined;
+    disabled?: boolean | null | undefined;
+    loading?: boolean | null | undefined;
+    color?: "accent" | "danger" | "success" | "neutral" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    children?: import("react").ReactNode;
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean | undefined;
+    loading?: boolean | undefined;
+    loaderText?: import("react").ReactNode;
+    leadingIcon?: import("react").ReactNode;
+    trailingIcon?: import("react").ReactNode;
+    maxWidth?: string | number | undefined;
+    width?: string | number | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export interface CodeBlockCopyButtonProps extends Omit<ComponentProps<typeof CopyButton>, 'text'> {
+    variant?: 'floating' | 'default';
+}
+export declare const CodeBlockCopyButton: import("react").ForwardRefExoticComponent<Omit<CodeBlockCopyButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=code-block-misc.d.ts.map

package/dist/components/code-block/code-block-misc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-misc.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-misc.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAc,cAAc,EAAc,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,eAAO,MAAM,gBAAgB,2HAS3B,CAAC;AAIH,eAAO,MAAM,eAAe;;;;;;;;;2IAe1B,CAAC;AAIH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wYASzB,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;gHAyBnC,CAAC;AAIH,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,MAAM,CAAC;IACvD,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,mBAAmB,qIAmB9B,CAAC"}

package/dist/components/code-block/code-block-misc.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef } from 'react';
+import { Button } from '../button/button.js';
+import { CopyButton } from '../copy-button/copy-button.js';
+import { Flex } from '../flex/flex.js';
+import { Text } from '../text/text.js';
+import { useCodeBlockContext } from './code-block-root.js';
+import styles from './code-block.module.css.js';
+
+const CodeBlockContent = forwardRef(({ children, className, ...props }, ref) => {
+    return (jsx("div", { ref: ref, className: cx(styles.content, className), ...props, children: children }));
+});
+CodeBlockContent.displayName = 'CodeBlockContent';
+const CodeBlockHeader = forwardRef(({ children, className, ...props }, ref) => {
+    return (jsx(Flex, { ref: ref, align: 'center', gap: 4, className: cx(styles.header, className), ...props, children: children }));
+});
+CodeBlockHeader.displayName = 'CodeBlockHeader';
+const CodeBlockLabel = forwardRef(({ children, className, ...props }, ref) => {
+    return (jsx(Text, { ref: ref, className: cx(styles.label, className), ...props, children: children }));
+});
+CodeBlockLabel.displayName = 'CodeBlockLabel';
+const CodeBlockCollapseTrigger = forwardRef(({ className, children = 'Show Code', onClick, ...props }, ref) => {
+    const { maxLines, collapsed, toggleCollapsed, code } = useCodeBlockContext();
+    const canCollapse = maxLines && maxLines > 0;
+    const lineCount = code?.split('\n').length ?? 0;
+    if (!canCollapse || !collapsed || lineCount < maxLines)
+        return null;
+    return (jsx(Button, { ref: ref, onClick: e => {
+            toggleCollapsed();
+            onClick?.(e);
+        }, variant: 'text', color: 'neutral', className: cx(styles.collapseTrigger, className), ...props, children: children }));
+});
+CodeBlockCollapseTrigger.displayName = 'CodeBlockCollapseTrigger';
+const CodeBlockCopyButton = forwardRef(({ className, variant = 'default', ...props }, ref) => {
+    const { code = '' } = useCodeBlockContext();
+    return (jsx(CopyButton, { ref: ref, text: code, size: variant === 'floating' ? 2 : 3, className: cx(styles.copyButton, variant === 'floating' && styles.floatingCopyButton, className), ...props }));
+});
+CodeBlockCopyButton.displayName = 'CodeBlockCopyButton';
+
+export { CodeBlockCollapseTrigger, CodeBlockContent, CodeBlockCopyButton, CodeBlockHeader, CodeBlockLabel };
+//# sourceMappingURL=code-block-misc.js.map

package/dist/components/code-block/code-block-misc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-misc.js","sources":["../../../components/code-block/code-block-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps, ElementRef, HTMLAttributes, forwardRef } from 'react';\nimport { Button } from '../button';\nimport { CopyButton } from '../copy-button';\nimport { Flex } from '../flex';\nimport { Text } from '../text';\nimport { useCodeBlockContext } from './code-block-root';\nimport styles from './code-block.module.css';\n\nexport const CodeBlockContent = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <div ref={ref} className={cx(styles.content, className)} {...props}>\n      {children}\n    </div>\n  );\n});\n\nCodeBlockContent.displayName = 'CodeBlockContent';\n\nexport const CodeBlockHeader = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentProps<typeof Flex>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <Flex\n      ref={ref}\n      align='center'\n      gap={4}\n      className={cx(styles.header, className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  );\n});\n\nCodeBlockHeader.displayName = 'CodeBlockHeader';\n\nexport const CodeBlockLabel = forwardRef<\n  ElementRef<typeof Text>,\n  ComponentProps<typeof Text>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <Text ref={ref} className={cx(styles.label, className)} {...props}>\n      {children}\n    </Text>\n  );\n});\n\nCodeBlockLabel.displayName = 'CodeBlockLabel';\n\nexport const CodeBlockCollapseTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentProps<typeof Button>\n>(({ className, children = 'Show Code', onClick, ...props }, ref) => {\n  const { maxLines, collapsed, toggleCollapsed, code } = useCodeBlockContext();\n  const canCollapse = maxLines && maxLines > 0;\n  const lineCount = code?.split('\\n').length ?? 0;\n\n  if (!canCollapse || !collapsed || lineCount < maxLines) return null;\n\n  return (\n    <Button\n      ref={ref}\n      onClick={e => {\n        toggleCollapsed();\n        onClick?.(e);\n      }}\n      variant='text'\n      color='neutral'\n      className={cx(styles.collapseTrigger, className)}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n});\n\nCodeBlockCollapseTrigger.displayName = 'CodeBlockCollapseTrigger';\n\nexport interface CodeBlockCopyButtonProps\n  extends Omit<ComponentProps<typeof CopyButton>, 'text'> {\n  variant?: 'floating' | 'default';\n}\n\nexport const CodeBlockCopyButton = forwardRef<\n  ElementRef<typeof CopyButton>,\n  CodeBlockCopyButtonProps\n>(({ className, variant = 'default', ...props }, ref) => {\n  const { code = '' } = useCodeBlockContext();\n\n  return (\n    <CopyButton\n      ref={ref}\n      text={code}\n      size={variant === 'floating' ? 2 : 3}\n      className={cx(\n        styles.copyButton,\n        variant === 'floating' && styles.floatingCopyButton,\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\nCodeBlockCopyButton.displayName = 'CodeBlockCopyButton';\n"],"names":[],"mappings":";;;;;;;;;;;AAWa;;AASb;AAEA;AAEa;AAIX;AAWF;AAEA;AAEa;;AASb;AAEA;;AAME;AACA;AACA;;AAEwD;AAExD;AAIM;AACA;;AAUR;AAEA;;;;AA0BA;AAEA;;"}

package/dist/components/code-block/code-block-root.cjs

@@ -0,0 +1,48 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var codeBlock_module = require('./code-block.module.css.cjs');
+
+const CodeBlockContext = React.createContext(undefined);
+const useCodeBlockContext = () => {
+    const context = React.useContext(CodeBlockContext);
+    if (!context) {
+        throw new Error('useCodeBlockContext must be used within a CodeBlock');
+    }
+    return context;
+};
+const CodeBlockRoot = React.forwardRef(({ children, value: providedValue, onValueChange, defaultValue, hideLineNumbers = false, maxLines, maxHeight, className, collapsed: providedCollapsed, defaultCollapsed = true, onCollapseChange, ...props }, ref) => {
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const [code, setCode] = React.useState();
+    const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed ?? false);
+    const collapsed = providedCollapsed ?? internalCollapsed;
+    const value = providedValue ?? internalValue ?? defaultValue;
+    const setValue = React.useCallback((newValue) => {
+        setInternalValue(newValue);
+        onValueChange?.(newValue);
+    }, [onValueChange]);
+    const toggleCollapsed = React.useCallback(() => {
+        setInternalCollapsed(_internalCollapsed => {
+            onCollapseChange?.(!_internalCollapsed);
+            return !_internalCollapsed;
+        });
+    }, [onCollapseChange]);
+    return (jsxRuntime.jsx(CodeBlockContext.Provider, { value: {
+            hideLineNumbers,
+            value,
+            setValue,
+            code,
+            setCode,
+            maxLines: maxLines && maxLines + 1, // to compensate for the absolute collapse trigger
+            collapsed,
+            toggleCollapsed
+        }, children: jsxRuntime.jsx("div", { ref: ref, className: index.cx(codeBlock_module.default.container, className), ...props, children: children }) }));
+});
+CodeBlockRoot.displayName = 'CodeBlock';
+
+exports.CodeBlockRoot = CodeBlockRoot;
+exports.useCodeBlockContext = useCodeBlockContext;
+//# sourceMappingURL=code-block-root.cjs.map

package/dist/components/code-block/code-block-root.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-root.cjs","sources":["../../../components/code-block/code-block-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  HTMLAttributes,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport styles from './code-block.module.css';\n\ninterface CodeBlockCommonProps {\n  hideLineNumbers?: boolean;\n  value?: string;\n  maxLines?: number;\n  collapsed?: boolean;\n}\n\ninterface CodeBlockContextValue extends CodeBlockCommonProps {\n  setValue: (value: string) => void;\n  code?: string;\n  setCode: (code: string) => void;\n  toggleCollapsed: () => void;\n}\n\nconst CodeBlockContext = createContext<CodeBlockContextValue | undefined>(\n  undefined\n);\n\nexport const useCodeBlockContext = () => {\n  const context = useContext(CodeBlockContext);\n  if (!context) {\n    throw new Error('useCodeBlockContext must be used within a CodeBlock');\n  }\n  return context;\n};\n\nexport interface CodeBlockProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CodeBlockCommonProps {\n  defaultValue?: string;\n  maxHeight?: string | number;\n  onValueChange?: (value: string) => void;\n  defaultCollapsed?: boolean;\n  onCollapseChange?: (value: boolean) => void;\n}\n\nexport const CodeBlockRoot = forwardRef<HTMLDivElement, CodeBlockProps>(\n  (\n    {\n      children,\n      value: providedValue,\n      onValueChange,\n      defaultValue,\n      hideLineNumbers = false,\n      maxLines,\n      maxHeight,\n      className,\n      collapsed: providedCollapsed,\n      defaultCollapsed = true,\n      onCollapseChange,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<string | undefined>(\n      defaultValue\n    );\n    const [code, setCode] = useState<string | undefined>();\n    const [internalCollapsed, setInternalCollapsed] = useState<boolean>(\n      defaultCollapsed ?? false\n    );\n\n    const collapsed = providedCollapsed ?? internalCollapsed;\n\n    const value = providedValue ?? internalValue ?? defaultValue;\n\n    const setValue = useCallback(\n      (newValue: string) => {\n        setInternalValue(newValue);\n        onValueChange?.(newValue);\n      },\n      [onValueChange]\n    );\n\n    const toggleCollapsed = useCallback(() => {\n      setInternalCollapsed(_internalCollapsed => {\n        onCollapseChange?.(!_internalCollapsed);\n        return !_internalCollapsed;\n      });\n    }, [onCollapseChange]);\n\n    return (\n      <CodeBlockContext.Provider\n        value={{\n          hideLineNumbers,\n          value,\n          setValue,\n          code,\n          setCode,\n          maxLines: maxLines && maxLines + 1, // to compensate for the absolute collapse trigger\n          collapsed,\n          toggleCollapsed\n        }}\n      >\n        <div ref={ref} className={cx(styles.container, className)} {...props}>\n          {children}\n        </div>\n      </CodeBlockContext.Provider>\n    );\n  }\n);\n\nCodeBlockRoot.displayName = 'CodeBlock';\n"],"names":[],"mappings":";;;;;;;;AA2BA;AAIO;AACL;;AAEE;;AAEF;AACF;;;;AAkCI;AAIA;AAEA;AAEA;;AAGI;AACF;AAIF;;AAEI;;AAEF;AACF;AAEA;;;;;;AAQM;;;;AAUR;AAGF;;;"}

package/dist/components/code-block/code-block-root.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes } from 'react';
+interface CodeBlockCommonProps {
+    hideLineNumbers?: boolean;
+    value?: string;
+    maxLines?: number;
+    collapsed?: boolean;
+}
+interface CodeBlockContextValue extends CodeBlockCommonProps {
+    setValue: (value: string) => void;
+    code?: string;
+    setCode: (code: string) => void;
+    toggleCollapsed: () => void;
+}
+export declare const useCodeBlockContext: () => CodeBlockContextValue;
+export interface CodeBlockProps extends HTMLAttributes<HTMLDivElement>, CodeBlockCommonProps {
+    defaultValue?: string;
+    maxHeight?: string | number;
+    onValueChange?: (value: string) => void;
+    defaultCollapsed?: boolean;
+    onCollapseChange?: (value: boolean) => void;
+}
+export declare const CodeBlockRoot: import("react").ForwardRefExoticComponent<CodeBlockProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=code-block-root.d.ts.map

package/dist/components/code-block/code-block-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-root.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EAMf,MAAM,OAAO,CAAC;AAGf,UAAU,oBAAoB;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,qBAAsB,SAAQ,oBAAoB;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAMD,eAAO,MAAM,mBAAmB,6BAM/B,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,oBAAoB;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,2GAgEzB,CAAC"}

package/dist/components/code-block/code-block-root.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { createContext, forwardRef, useState, useCallback, useContext } from 'react';
+import styles from './code-block.module.css.js';
+
+const CodeBlockContext = createContext(undefined);
+const useCodeBlockContext = () => {
+    const context = useContext(CodeBlockContext);
+    if (!context) {
+        throw new Error('useCodeBlockContext must be used within a CodeBlock');
+    }
+    return context;
+};
+const CodeBlockRoot = forwardRef(({ children, value: providedValue, onValueChange, defaultValue, hideLineNumbers = false, maxLines, maxHeight, className, collapsed: providedCollapsed, defaultCollapsed = true, onCollapseChange, ...props }, ref) => {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const [code, setCode] = useState();
+    const [internalCollapsed, setInternalCollapsed] = useState(defaultCollapsed ?? false);
+    const collapsed = providedCollapsed ?? internalCollapsed;
+    const value = providedValue ?? internalValue ?? defaultValue;
+    const setValue = useCallback((newValue) => {
+        setInternalValue(newValue);
+        onValueChange?.(newValue);
+    }, [onValueChange]);
+    const toggleCollapsed = useCallback(() => {
+        setInternalCollapsed(_internalCollapsed => {
+            onCollapseChange?.(!_internalCollapsed);
+            return !_internalCollapsed;
+        });
+    }, [onCollapseChange]);
+    return (jsx(CodeBlockContext.Provider, { value: {
+            hideLineNumbers,
+            value,
+            setValue,
+            code,
+            setCode,
+            maxLines: maxLines && maxLines + 1, // to compensate for the absolute collapse trigger
+            collapsed,
+            toggleCollapsed
+        }, children: jsx("div", { ref: ref, className: cx(styles.container, className), ...props, children: children }) }));
+});
+CodeBlockRoot.displayName = 'CodeBlock';
+
+export { CodeBlockRoot, useCodeBlockContext };
+//# sourceMappingURL=code-block-root.js.map

package/dist/components/code-block/code-block-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-root.js","sources":["../../../components/code-block/code-block-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  HTMLAttributes,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport styles from './code-block.module.css';\n\ninterface CodeBlockCommonProps {\n  hideLineNumbers?: boolean;\n  value?: string;\n  maxLines?: number;\n  collapsed?: boolean;\n}\n\ninterface CodeBlockContextValue extends CodeBlockCommonProps {\n  setValue: (value: string) => void;\n  code?: string;\n  setCode: (code: string) => void;\n  toggleCollapsed: () => void;\n}\n\nconst CodeBlockContext = createContext<CodeBlockContextValue | undefined>(\n  undefined\n);\n\nexport const useCodeBlockContext = () => {\n  const context = useContext(CodeBlockContext);\n  if (!context) {\n    throw new Error('useCodeBlockContext must be used within a CodeBlock');\n  }\n  return context;\n};\n\nexport interface CodeBlockProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CodeBlockCommonProps {\n  defaultValue?: string;\n  maxHeight?: string | number;\n  onValueChange?: (value: string) => void;\n  defaultCollapsed?: boolean;\n  onCollapseChange?: (value: boolean) => void;\n}\n\nexport const CodeBlockRoot = forwardRef<HTMLDivElement, CodeBlockProps>(\n  (\n    {\n      children,\n      value: providedValue,\n      onValueChange,\n      defaultValue,\n      hideLineNumbers = false,\n      maxLines,\n      maxHeight,\n      className,\n      collapsed: providedCollapsed,\n      defaultCollapsed = true,\n      onCollapseChange,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<string | undefined>(\n      defaultValue\n    );\n    const [code, setCode] = useState<string | undefined>();\n    const [internalCollapsed, setInternalCollapsed] = useState<boolean>(\n      defaultCollapsed ?? false\n    );\n\n    const collapsed = providedCollapsed ?? internalCollapsed;\n\n    const value = providedValue ?? internalValue ?? defaultValue;\n\n    const setValue = useCallback(\n      (newValue: string) => {\n        setInternalValue(newValue);\n        onValueChange?.(newValue);\n      },\n      [onValueChange]\n    );\n\n    const toggleCollapsed = useCallback(() => {\n      setInternalCollapsed(_internalCollapsed => {\n        onCollapseChange?.(!_internalCollapsed);\n        return !_internalCollapsed;\n      });\n    }, [onCollapseChange]);\n\n    return (\n      <CodeBlockContext.Provider\n        value={{\n          hideLineNumbers,\n          value,\n          setValue,\n          code,\n          setCode,\n          maxLines: maxLines && maxLines + 1, // to compensate for the absolute collapse trigger\n          collapsed,\n          toggleCollapsed\n        }}\n      >\n        <div ref={ref} className={cx(styles.container, className)} {...props}>\n          {children}\n        </div>\n      </CodeBlockContext.Provider>\n    );\n  }\n);\n\nCodeBlockRoot.displayName = 'CodeBlock';\n"],"names":[],"mappings":";;;;;;AA2BA;AAIO;AACL;;AAEE;;AAEF;AACF;;;;AAkCI;AAIA;AAEA;AAEA;;AAGI;AACF;AAIF;;AAEI;;AAEF;AACF;AAEA;;;;;;AAQM;;;;AAUR;AAGF;;"}