@xyd-js/components 0.0.0-build-87368f8-20251101145203 → 0.0.0-build-1760f84-20251129221538

package/rollup.config.js

@@ -1,195 +1,228 @@
-import fs from 'fs';
-import path from 'path';
-import {fileURLToPath} from 'url';
-
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from '@rollup/plugin-typescript';
-import dts from 'rollup-plugin-dts';
-import {terser} from 'rollup-plugin-terser';
-import babel from '@rollup/plugin-babel';
-import postcss from 'rollup-plugin-postcss';
-import postcssInlineUrl from 'postcss-url';
-import wyw from '@wyw-in-js/rollup';
-import copy from 'rollup-plugin-copy';
-import postcssProcessor from 'postcss';
-
-import {createRequire} from 'module';
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+import resolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import typescript from "@rollup/plugin-typescript";
+import dts from "rollup-plugin-dts";
+import { terser } from "rollup-plugin-terser";
+import babel from "@rollup/plugin-babel";
+import postcss from "rollup-plugin-postcss";
+import postcssInlineUrl from "postcss-url";
+import wyw from "@wyw-in-js/rollup";
+import copy from "rollup-plugin-copy";
+import postcssProcessor from "postcss";
+import swc from "@rollup/plugin-swc";
+
+import { createRequire } from "module";
 
 const require = createRequire(import.meta.url);
 const {
-    dependencies,
-    peerDependencies,
-    devDependencies
-} = require('./package.json', {assert: {type: 'json'}});
+  dependencies,
+  peerDependencies,
+  devDependencies,
+} = require("./package.json", { assert: { type: "json" } });
 
 const external = [
-    ...Object.keys(dependencies),
-    ...Object.keys(peerDependencies),
-    ...Object.keys(devDependencies),
+  ...Object.keys(dependencies),
+  ...Object.keys(peerDependencies),
+  ...Object.keys(devDependencies),
 ];
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-const themesDir = path.resolve(__dirname, 'src/coder/themes');
+const themesDir = path.resolve(__dirname, "src/coder/themes");
 const themes = fs.readdirSync(themesDir).reduce((acc, file) => {
-    const themeName = path.basename(file, path.extname(file));
-    const ext = path.extname(file);
-    
-    // Only process TypeScript files for the main build
-    if (ext === '.ts') {
-        acc[`coder/themes/${themeName}`] = path.join(themesDir, file);
-    }
-    return acc;
+  const themeName = path.basename(file, path.extname(file));
+  const ext = path.extname(file);
+
+  // Only process TypeScript files for the main build
+  if (ext === ".ts") {
+    acc[`coder/themes/${themeName}`] = path.join(themesDir, file);
+  }
+  return acc;
 }, {});
 
-const packages = ["coder", "content", "layouts", "pages", "system", "views", "writer", "uxsdk"];
+const packages = [
+  "coder",
+  "content",
+  "layouts",
+  "pages",
+  "system",
+  "views",
+  "writer",
+  "uxsdk",
+];
 
 export default [
-    {
-        input: {
-            index: 'index.ts',
-            ...Object.keys(packages).reduce((acc, i) => {
-                const pkg = packages[i];
-                acc[pkg] = `${pkg}.ts`;
-                return acc;
-            }, {}),
-            ...themes
-        },
-        output: [
-            {
-                dir: 'dist',
-                format: 'esm',
-                sourcemap: true,
-                entryFileNames: '[name].js'
+  {
+    input: {
+      index: "index.ts",
+      ...Object.keys(packages).reduce((acc, i) => {
+        const pkg = packages[i];
+        acc[pkg] = `${pkg}.ts`;
+        return acc;
+      }, {}),
+      ...themes,
+    },
+    output: [
+      {
+        dir: "dist",
+        format: "esm",
+        sourcemap: true,
+        entryFileNames: "[name].js",
+      },
+    ],
+    plugins: [
+        {
+            name: 'remove-sourcemap-comments',
+            transform(code) {
+              return {
+                code: code.replace(/\/\/# sourceMappingURL=.*?$/gm, ''),
+                map: null
+              };
             }
-        ],
-        plugins: [
-            wyw({
-                include: ['**/*.{ts,tsx}'],
-                babelOptions: {
-                    presets: [
-                        '@babel/preset-typescript',
-                        '@babel/preset-react'
-                    ],
+          },
+        swc({
+            sourceMaps: false,
+            exclude: /\.css$/,
+            jsc: {
+              parser: {
+                syntax: "typescript",
+                tsx: true,
+              },
+              transform: {
+                react: {
+                  runtime: "automatic",
                 },
-            }),
-            postcss({
-                extract: true,
-                plugins: [
-                    require('postcss-import'),
-                    require('autoprefixer')
-                ]
-            }),
-            resolve(),
-            commonjs(),
-            typescript({
-                tsconfig: './tsconfig.json',
-            }),
-            babel({
-                babelHelpers: 'bundled',
-                extensions: ['.js', '.jsx', '.ts', '.tsx'],
-                presets: [
-                    '@babel/preset-env',
-                    '@babel/preset-react'
-                ],
-            }),
-            terser(),
-            // Copy CSS files from themes directory
-            copy({
-                targets: [
-                    { 
-                        src: 'src/coder/themes/*.css', 
-                        dest: 'dist/coder/themes' 
-                    }
-                ]
-            }),
-            {
-                name: 'postcss-dist',
-                async writeBundle() {
-                  const cssFile = path.resolve(__dirname, 'dist/index.css');
-
-                  if (!fs.existsSync(cssFile)) return;
-                  const css = fs.readFileSync(cssFile, 'utf8');
-                  
-                  // Custom PostCSS plugin to handle CSS custom properties with local file paths
-                  const customInlinePlugin = {
-                    postcssPlugin: 'custom-inline-svg',
-                    async Declaration(decl) {
-                      if (decl.value && decl.value.includes('url(')) {
-                        // Find all url() patterns in the declaration value
-                        const urlRegex = /url\(([^)]+)\)/g;
-                        let match;
-                        let newValue = decl.value;
-                        
-                        while ((match = urlRegex.exec(decl.value)) !== null) {
-                          const urlPath = match[1].replace(/['"]/g, '');
-                          
-                          // Check if it's a local file path
-                          if (urlPath.startsWith('/') && urlPath.includes('.svg')) {
-                            try {
-                              const fullPath = path.resolve(__dirname, urlPath);
-                              if (fs.existsSync(fullPath)) {
-                                const svgContent = fs.readFileSync(fullPath, 'utf8');
-                                const encodedSvg = encodeURIComponent(svgContent);
-                                const dataUrl = `data:image/svg+xml,${encodedSvg}`;
-                                
-                                // Replace the url() with the data URL
-                                newValue = newValue.replace(match[0], `url("${dataUrl}")`);
-                              }
-                            } catch (error) {
-                              console.warn(`Failed to inline SVG: ${urlPath}`, error.message);
-                            }
-                          }
-                        }
-                        
-                        decl.value = newValue;
+              },
+            },
+          }),
+      wyw({
+        include: ["**/*.{ts,tsx}"],
+        babelOptions: {
+          presets: ["@babel/preset-typescript", "@babel/preset-react"],
+        },
+      }),
+
+      postcss({
+        extract: true,
+        plugins: [require("postcss-import"), require("autoprefixer")],
+      }),
+      resolve(),
+      commonjs(),
+      typescript({
+        tsconfig: "./tsconfig.json",
+      }),
+      babel({
+        babelHelpers: "bundled",
+        extensions: [".js", ".jsx"],
+        exclude: [/\.tsx?$/],
+        presets: ["@babel/preset-env", "@babel/preset-react"],
+      }),
+      terser(),
+      // Copy CSS files from themes directory
+      copy({
+        targets: [
+          {
+            src: "src/coder/themes/*.css",
+            dest: "dist/coder/themes",
+          },
+        ],
+      }),
+      {
+        name: "postcss-dist",
+        async writeBundle() {
+          const cssFile = path.resolve(__dirname, "dist/index.css");
+
+          if (!fs.existsSync(cssFile)) return;
+          const css = fs.readFileSync(cssFile, "utf8");
+
+          // Custom PostCSS plugin to handle CSS custom properties with local file paths
+          const customInlinePlugin = {
+            postcssPlugin: "custom-inline-svg",
+            async Declaration(decl) {
+              if (decl.value && decl.value.includes("url(")) {
+                // Find all url() patterns in the declaration value
+                const urlRegex = /url\(([^)]+)\)/g;
+                let match;
+                let newValue = decl.value;
+
+                while ((match = urlRegex.exec(decl.value)) !== null) {
+                  const urlPath = match[1].replace(/['"]/g, "");
+
+                  // Check if it's a local file path
+                  if (urlPath.startsWith("/") && urlPath.includes(".svg")) {
+                    try {
+                      const fullPath = path.resolve(__dirname, urlPath);
+                      if (fs.existsSync(fullPath)) {
+                        const svgContent = fs.readFileSync(fullPath, "utf8");
+                        const encodedSvg = encodeURIComponent(svgContent);
+                        const dataUrl = `data:image/svg+xml,${encodedSvg}`;
+
+                        // Replace the url() with the data URL
+                        newValue = newValue.replace(
+                          match[0],
+                          `url("${dataUrl}")`
+                        );
                       }
+                    } catch (error) {
+                      console.warn(
+                        `Failed to inline SVG: ${urlPath}`,
+                        error.message
+                      );
                     }
-                  };
-                  
-                  const result = await postcssProcessor([
-                    customInlinePlugin,
-                    postcssInlineUrl({
-                      url: 'inline',
-                      encodeType: 'encodeURIComponent',
-                      maxSize: Infinity,
-                      filter: '**/*.svg',
-                    })
-                  ]).process(css, { from: cssFile, to: cssFile });
-                  
-                  fs.writeFileSync(cssFile, result.css);
+                  }
                 }
-              },
-        ],
-        external
-    },
-    {
-        input: 'index.ts',
-        output: {
-            file: 'dist/index.d.ts',
-            format: 'es',
+
+                decl.value = newValue;
+              }
+            },
+          };
+
+          const result = await postcssProcessor([
+            customInlinePlugin,
+            postcssInlineUrl({
+              url: "inline",
+              encodeType: "encodeURIComponent",
+              maxSize: Infinity,
+              filter: "**/*.svg",
+            }),
+          ]).process(css, { from: cssFile, to: cssFile });
+
+          fs.writeFileSync(cssFile, result.css);
         },
-        plugins: [dts()],
-        external
+      },
+    ],
+    external,
+  },
+  {
+    input: "index.ts",
+    output: {
+      file: "dist/index.d.ts",
+      format: "es",
     },
-    ...packages.map(pkg => ({
-        input: `${pkg}.ts`,
-        output: {
-            file: `dist/${pkg}.d.ts`,
-            format: 'es',
-        },
-        plugins: [dts()],
-        external
-    })),
-    ...Object.keys(themes).map(theme => ({
-        input: themes[theme],
-        output: {
-            file: `dist/${theme}.d.ts`,
-            format: 'es',
-        },
-        plugins: [dts()],
-        external
-    }))
-];
+    plugins: [dts()],
+    external,
+  },
+  ...packages.map((pkg) => ({
+    input: `${pkg}.ts`,
+    output: {
+      file: `dist/${pkg}.d.ts`,
+      format: "es",
+    },
+    plugins: [dts()],
+    external,
+  })),
+  ...Object.keys(themes).map((theme) => ({
+    input: themes[theme],
+    output: {
+      file: `dist/${theme}.d.ts`,
+      format: "es",
+    },
+    plugins: [dts()],
+    external,
+  })),
+];

package/dist/Button-BHQFhDSv.js

@@ -1,2 +0,0 @@
-import t from"react";import{I as e}from"./Icon-Dw8kuLfy.js";function a(a){var i=a.children,o=a.kind,r=void 0===o?"primary":o,c=a.theme,s=a.size,d=void 0===s?"md":s,l=a.className,m=a.onClick,p=a.disabled,h=void 0!==p&&p,f=a.icon,b=a.iconPosition,u=void 0===b?"left":b,v=a.href,g=v?"a":"button",E={};return v&&!h&&(E={href:v,target:n(v)?"_blank":void 0}),"ghost"===c&&(r=void 0),t.createElement(g,Object.assign({className:"".concat("bjtblcp"," ").concat(l||""),"data-button":!0,"data-kind":r,"data-size":d,"data-theme":c,"data-has-icon":!!f,"data-icon-position":u,onClick:m,disabled:h,"aria-disabled":h?"true":void 0},E),f&&"left"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f),i?t.createElement("span",{part:"content"},i):null,f&&"right"===u&&t.createElement("span",{part:"icon"},"string"==typeof f?t.createElement(e,{name:f}):f))}function n(t){return t.startsWith("http")||t.startsWith("//")}export{a as B};
-//# sourceMappingURL=Button-BHQFhDSv.js.map

package/dist/Button-BHQFhDSv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-BHQFhDSv.js","sources":["../src/writer/Button/Button.tsx","../src/writer/Button/Button.styles.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {Icon} from \"../Icon/Icon\"\n\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    kind?: \"primary\" | \"secondary\" | \"tertiary\" | undefined\n    theme?: \"ghost\";\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n    className?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    icon?: React.ReactElement | string;\n    iconPosition?: \"left\" | \"right\";\n    href?: string;\n}\n\nexport function Button({\n    children,\n    kind = \"primary\",\n    theme,\n    size = \"md\",\n    className,\n    onClick,\n    disabled = false,\n    icon,\n    iconPosition = \"left\",\n    href\n}: ButtonProps) {\n    let Component = href ? \"a\" : \"button\"\n\n    let hrefProps = {}\n\n    if (href && !disabled) {\n        hrefProps = {\n            href,\n            target: outsideLink(href) ? \"_blank\" : undefined,\n        }\n    }\n\n    if (theme === \"ghost\") {\n        kind = undefined as any\n    }\n\n    return (\n        <Component\n            className={`${cn.ButtonHost} ${className || ''}`}\n            data-button={true}\n            data-kind={kind}\n            data-size={size}\n            data-theme={theme}\n            data-has-icon={!!icon}\n            data-icon-position={iconPosition}\n            onClick={onClick}\n            disabled={disabled}\n            aria-disabled={disabled ? \"true\" : undefined}\n            {...hrefProps}\n        >\n            {icon && iconPosition === \"left\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n            {\n                children ? <span part=\"content\">\n                    {children}\n                </span> : null\n            }\n            {icon && iconPosition === \"right\" && (\n                <span part=\"icon\">\n                    {typeof icon === \"string\" ? <Icon name={icon} /> : icon}\n                </span>\n            )}\n        </Component>\n    );\n}\n\nfunction outsideLink(href: string) {\n    return href.startsWith(\"http\") || href.startsWith(\"//\")\n}","import { css } from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: var(--xyd-button-border-radius, 6px);\n        border: 1px solid transparent;\n        font-weight: var(--xyd-font-weight-medium);\n        transition: all 0.2s ease;\n        cursor: pointer;\n        user-select: none;\n        white-space: nowrap;\n        gap: 8px;\n\n        &[data-size=\"xs\"] {\n            height: 24px;\n            padding: 0 8px;\n            gap: 4px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"sm\"] {\n            height: 28px;\n            padding: 0 12px;\n            gap: 6px;\n\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n\n            p {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n            }\n        }\n\n        &[data-size=\"md\"] {\n            height: 32px;\n            padding: 0 16px;\n            gap: 8px;\n\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            p {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n        }\n\n        &[data-size=\"lg\"] {\n            height: 44px;\n            padding: 0 20px;\n            gap: 10px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p {\n                font-size: var(--xyd-font-size-medium);\n                line-height: var(--xyd-line-height-medium);\n            }\n        }\n\n        &[data-kind=\"primary\"] {\n            background-color: var(--xyd-button-primary-bg);\n            color: var(--xyd-button-primary-color);\n            border-color: var(--xyd-button-primary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-primary-bg-hover);\n                border-color: var(--xyd-button-primary-border-hover);\n            }\n        }\n\n        &[data-kind=\"secondary\"] {\n            background-color: var(--xyd-button-secondary-bg);\n            color: var(--xyd-button-secondary-color);\n            border-color: var(--xyd-button-secondary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-secondary-bg-hover);\n                border-color: var(--xyd-button-secondary-border-hover);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] {\n            background-color: var(--xyd-button-tertiary-bg);\n            color: var(--xyd-button-tertiary-color);\n            border-color: var(--xyd-button-tertiary-border);\n\n            &:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n                background-color: var(--xyd-button-tertiary-bg-hover);\n                border-color: var(--xyd-button-tertiary-border-hover);\n            }\n        }\n\n        &[data-theme=\"ghost\"] {\n            background-color: unset;\n            border: unset;\n            padding: 0;\n\n            &:hover {\n                background-color: unset;\n                border: unset;\n                \n                svg {\n                    color: var(--dark60)\n                }\n            }\n\n            svg {\n                color: var(--dark48)\n            }\n        }\n\n        &:disabled,\n        &[aria-disabled=\"true\"] {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        [part=\"content\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        &:not([data-theme=\"ghost\"]) [part=\"icon\"] svg {\n                width: 16px !important;\n                height: 16px !important;\n        }\n    }\n`;\n\n"],"names":["Button","_ref","children","_ref$kind","kind","theme","_ref$size","size","className","onClick","_ref$disabled","disabled","icon","_ref$iconPosition","iconPosition","href","Component","hrefProps","target","outsideLink","undefined","React","Object","assign","concat","createElement","part","Icon","name","startsWith"],"mappings":"4DAmBM,SAAUA,EAAMC,GAWR,IAVVC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAASP,EAATO,UACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,aAAAA,OAAY,IAAAD,EAAG,OAAMA,EACrBE,EAAId,EAAJc,KAEIC,EAAYD,EAAO,IAAM,SAEzBE,EAAY,CAAA,EAahB,OAXIF,IAASJ,IACTM,EAAY,CACRF,KAAAA,EACAG,OAAQC,EAAYJ,GAAQ,cAAWK,IAIjC,UAAVf,IACAD,OAAOgB,GAIPC,gBAACL,EAASM,OAAAC,OAAA,CACNf,UAAS,GAAAgB,OC9CE,UD8CgB,KAAAA,OAAIhB,GAAa,IAAI,eACnC,cACFJ,EAAI,YACJG,EAAI,aACHF,EAAK,kBACAO,uBACGE,EACpBL,QAASA,EACTE,SAAUA,kBACKA,EAAW,YAASS,GAC/BH,GAEHL,GAAyB,SAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAIvDV,EAAWmB,EAAAI,cAAA,OAAA,CAAMC,KAAK,WACjBxB,GACK,KAEbU,GAAyB,UAAjBE,GACLO,EAAAI,cAAA,OAAA,CAAMC,KAAK,QACU,iBAATd,EAAoBS,EAAAI,cAACE,EAAI,CAACC,KAAMhB,IAAWA,GAKvE,CAEA,SAASO,EAAYJ,GACjB,OAAOA,EAAKc,WAAW,SAAWd,EAAKc,WAAW,KACtD"}

package/dist/CodeSample-B0ffqz0o.js

@@ -1,2 +0,0 @@
-import e,{useRef as n,forwardRef as t,useState as r,useEffect as a,createContext as o,use as i,Suspense as l,useContext as c}from"react";import{_ as u,I as s,a as d}from"./Icon-Dw8kuLfy.js";import{f,b as m,_ as v,g as p,h,i as g,a as y,j as b,k}from"./_rollupPluginBabelHelpers-DsquMTLQ.js";import{u as E,T as w}from"./TabsAnalytics-DFKcGPXp.js";import{extractAnnotations as x,highlight as j,LANG_NAMES as _}from"@code-hike/lighter";import N from"./coder/themes/cosmo.js";import{UXNode as S}from"openux-js";import{u as O,E as C}from"./useUXEvents-DyuVrtlr.js";import{u as A}from"./useUXScrollDepth-C5VYtUdO.js";import{Tabs as L}from"radix-ui";import{CheckCheck as T,Copy as I}from"lucide-react";function z(e,n,t){return R.apply(this,arguments)}function R(){return R=f(m().m(function e(n,t,r){var a,o,i,l,c;return m().w(function(e){for(;;)switch(e.n){case 0:return a=[],o=n,e.n=1,P(o,t,r);case 1:return i=e.v,l=i.code,c=i.annotations,a=[].concat(v(a),v(c)),o=l,e.a(2,{code:o,annotations:a})}},e)})),R.apply(this,arguments)}function P(e,n){return M.apply(this,arguments)}function M(){return M=f(m().m(function e(n,t){var r,a,o,i,l,c=arguments;return m().w(function(e){for(;;)switch(e.n){case 0:return r=c.length>2&&void 0!==c[2]?c[2]:"!",a=function(e){var n,t="(?:\\\\.|[^\\\\/])+",a=new RegExp("\\s*(".concat(r,"?[\\w-]+)?(\\[\\/").concat(t,"\\/[a-zA-Z]*\\])(.*)$")),o=new RegExp("\\s*(".concat(r,"?[\\w-]+)?(\\(\\/").concat(t,"\\/[a-zA-Z]*\\))(.*)$")),i=new RegExp("\\s*(".concat(r,"?[\\w-]+)?(\\([^\\)]*\\)|\\[[^\\]]*\\])?(.*)$")),l=e.match(a)||e.match(o)||e.match(i);if(!l)return null;var c=l[1],u=l[2],s=null===(n=l[3])||void 0===n?void 0:n.trim();return c&&c.startsWith(r)?{name:c.slice(r.length),rangeString:u,query:s}:null},e.n=1,x(n,t,a);case 1:return o=e.v,i=o.code,l=o.annotations,e.a(2,{code:i,annotations:l})}},e)})),M.apply(this,arguments)}function $(e){return!q(e)}function q(e){return e.hasOwnProperty("lineNumber")}function F(e){return"string"==typeof e}var H=["color"];function B(e,n){return D.apply(this,arguments)}function D(){return D=f(m().m(function e(n,t){var r,a,o,i,l,c,u,s,d,f,v,h,g,y,b=arguments;return m().w(function(e){for(;;)switch(e.n){case 0:return r=b.length>2&&void 0!==b[2]?b[2]:{},a=n.value,o=n.lang,i=void 0===o?"txt":o,_.includes(i)||(console.warn('Code Hike warning: Unknown language "'.concat(i,'"')),i="txt"),e.n=1,z(a,i,r.annotationPrefix||"!");case 1:return l=e.v,c=l.code,u=l.annotations,e.n=2,j(c,i,t,{annotations:[],scopes:!1});case 2:return s=e.v,d=s.lines,f=s.lang,v=s.style,h=W(d),g=X(h),y=G(g),e.a(2,p(p({},n),{},{code:c,tokens:y,lang:f,annotations:U(u),themeName:"string"==typeof t?t:(null==t?void 0:t.name)||"unknown",style:v}))}},e)})),D.apply(this,arguments)}function U(e){var n,t=[],r=h(e);try{for(r.s();!(n=r.n()).done;){var a,o=n.value,i=o.name,l=o.query,c=o.ranges,u=h(c);try{for(u.s();!(a=u.n()).done;){var s=a.value;if(s.lineNumber){var d=s.lineNumber,f=s.fromColumn,m=s.toColumn;t.push({name:i,query:l,lineNumber:d,fromColumn:f,toColumn:m})}else{var v=s.fromLineNumber,p=s.toLineNumber;t.push({name:i,query:l,fromLineNumber:v,toLineNumber:p})}}}catch(e){u.e(e)}finally{u.f()}}}catch(e){r.e(e)}finally{r.f()}return t}function W(e){var n=[];return e.forEach(function(t,r){if("lines"in t)throw new Error("Shouldnt be groups");var a=function(e){return e.map(function(e){if("tokens"in e)throw new Error("Shouldnt be groups");var n=[e.content],t=e.style||{},r=t.color,a=g(t,H);return n.push(r),Object.keys(a).length&&n.push(a),n})}(t.tokens);n.push.apply(n,v(a)),r<e.length-1&&n.push("\n")}),n}function X(e){var n=[];return e.forEach(function(e){if(F(e))n.push(e);else{var t=function(e){var n=e.trim(),t=e.slice(0,e.indexOf(n)),r=e.slice(e.indexOf(n)+n.length);return[t,n,r]}(e[0]),r=y(t,3),a=r[0],o=r[1],i=r[2];if((null==a?void 0:a.length)&&n.push(a),o.length){var l=v(e);l[0]=o,n.push(l)}(null==i?void 0:i.length)&&n.push(i)}}),n}function G(e){var n=[];return e.forEach(function(e){if(F(e)){var t=n[n.length-1];t&&F(t)?n[n.length-1]+=e:""!==e&&n.push(e)}else e[0].length>0&&n.push(e)}),n}var V,J={exports:{}},K={};var Y,Z,Q={};function ee(){return Y||(Y=1,"production"!==process.env.NODE_ENV&&function(){function n(e){if(null==e)return null;if("function"==typeof e)return e.$$typeof===N?null:e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case v:return"Fragment";case h:return"Profiler";case p:return"StrictMode";case E:return"Suspense";case w:return"SuspenseList";case _:return"Activity"}if("object"===b(e))switch("number"==typeof e.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case m:return"Portal";case y:return e.displayName||"Context";case g:return(e._context.displayName||"Context")+".Consumer";case k:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case x:return null!==(t=e.displayName||null)?t:n(e.type)||"Memo";case j:t=e._payload,e=e._init;try{return n(e(t))}catch(e){}}return null}function t(e){return""+e}function r(e){try{t(e);var n=!1}catch(e){n=!0}if(n){var r=(n=console).error,a="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),t(e)}}function a(e){if(e===v)return"<>";if("object"===b(e)&&null!==e&&e.$$typeof===j)return"<...>";try{var t=n(e);return t?"<"+t+">":"<...>"}catch(e){return"<...>"}}function o(){return Error("react-stack-top-frame")}function i(){var e=n(this.type);return L[e]||(L[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),void 0!==(e=this.props.ref)?e:null}function l(e,t,a,o,l,u){var d,m=t.children;if(void 0!==m)if(o)if(C(m)){for(o=0;o<m.length;o++)c(m[o]);Object.freeze&&Object.freeze(m)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else c(m);if(O.call(t,"key")){m=n(e);var v=Object.keys(t).filter(function(e){return"key"!==e});o=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",z[m+o]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error('A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',o,m,v,m),z[m+o]=!0)}if(m=null,void 0!==a&&(r(a),m=""+a),function(e){if(O.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return void 0!==e.key}(t)&&(r(t.key),m=""+t.key),"key"in t)for(var p in a={},t)"key"!==p&&(a[p]=t[p]);else a=t;return m&&function(e,n){function t(){s||(s=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",n))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}(a,"function"==typeof e?e.displayName||e.name||"Unknown":e),function(e,n,t,r,a,o){var l=t.ref;return e={$$typeof:f,type:e,key:n,props:t,_owner:r},null!==(void 0!==l?l:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:i}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:o}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(e,m,a,null===(d=S.A)?null:d.getOwner(),l,u)}function c(e){u(e)?e._store&&(e._store.validated=1):"object"===b(e)&&null!==e&&e.$$typeof===j&&("fulfilled"===e._payload.status?u(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function u(e){return"object"===b(e)&&null!==e&&e.$$typeof===f}var s,d=e,f=Symbol.for("react.transitional.element"),m=Symbol.for("react.portal"),v=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),g=Symbol.for("react.consumer"),y=Symbol.for("react.context"),k=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),w=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),_=Symbol.for("react.activity"),N=Symbol.for("react.client.reference"),S=d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,O=Object.prototype.hasOwnProperty,C=Array.isArray,A=console.createTask?console.createTask:function(){return null},L={},T=(d={react_stack_bottom_frame:function(e){return e()}}).react_stack_bottom_frame.bind(d,o)(),I=A(a(o)),z={};Q.Fragment=v,Q.jsx=function(e,n,t){var r=1e4>S.recentlyCreatedOwnerStacks++;return l(e,n,t,!1,r?Error("react-stack-top-frame"):T,r?A(a(e)):I)},Q.jsxs=function(e,n,t){var r=1e4>S.recentlyCreatedOwnerStacks++;return l(e,n,t,!0,r?Error("react-stack-top-frame"):T,r?A(a(e)):I)}}()),Q}var ne=(Z||(Z=1,"production"===process.env.NODE_ENV?J.exports=function(){if(V)return K;V=1;var e=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function t(n,t,r){var a=null;if(void 0!==r&&(a=""+r),void 0!==t.key&&(a=""+t.key),"key"in t)for(var o in r={},t)"key"!==o&&(r[o]=t[o]);else r=t;return t=r.ref,{$$typeof:e,type:n,key:a,ref:void 0!==t?t:null,props:r}}return K.Fragment=n,K.jsx=t,K.jsxs=t,K}():J.exports=ee()),J.exports);function te(e,n,t){if("children"===n)e.children=t||e.children;else if("_ref"===n)e._ref=t||e._ref;else if("data"===n)e.data=e.data?p(p({},e.data),t):t;else if("className"===n)e.className=[e.className,t].join(" ").trim();else if("style"===n)e.style=p(p({},e.style),t);else if("function"==typeof t){var r=e[n];e[n]=r?function(){r.apply(void 0,arguments),t.apply(void 0,arguments)}:t}else{if(void 0===t||"object"!==b(t)&&t===e[n])return;if(n in e)throw new Error("Didn’t know how to merge prop '".concat(n,"'. ")+"Only 'className', 'style', and event handlers are supported");e[n]=t}}function re(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return 1===n.length?n[0]:n.reduce(function(e,n){for(var t in n)te(e,t,n[t]);return e},{})}var ae=["merge"],oe=["_stack"],ie=["_ref","data","children"],le=["merge"],ce=["_stack"],ue=["lineNumber","totalLines","indentation","data","annotation"],se=["merge"],de=["_stack"],fe=["value","data"],me=function(e){var n=re(e.merge,g(e,ae)),t=n._stack,r=g(n,oe),a=k(t),o=a[0],i=a.slice(1);if(o)return ne.jsx(o,p({_stack:i},r));var l=r._ref;r.data;var c=r.children,u=g(r,ie);return ne.jsx("pre",p(p({},u),{},{ref:l,"data-ch":!0,children:ne.jsx("div",{style:{minWidth:"fit-content"},children:c})}))},ve=function(e){var n=re(e.merge,g(e,le)),t=n._stack,r=g(n,ce),a=k(t),o=a[0],i=a.slice(1);if(o){var l=o.Component,c=o.annotation;return ne.jsx(l,p(p({_stack:i},r),{},{annotation:c}))}r.lineNumber,r.totalLines,r.indentation,r.data,r.annotation;var u=g(r,ue);return ne.jsx("div",p({},u))},pe=function(e){var n=re(e.merge,g(e,se)),t=n._stack,r=g(n,de),a=k(t),o=a[0],i=a.slice(1);if(o){var l=o.Component,c=o.annotation;return ne.jsx(l,p(p({_stack:i},r),{},{annotation:c}))}var u=r.value;r.data;var s=g(r,fe);return ne.jsx("span",p(p({},s),{},{children:u}))},he=function(e){var t=n(null),r=e._ref||t;return ne.jsx(me,{merge:e,_ref:r})};function ge(e,n){var t=[n.fromColumn,n.toColumn],r=ye(e,t[0]);r=ye(r,t[1]+1);var a=[],o=[],i=[];return r.forEach(function(e){e.range[1]<t[0]?a.push(e):e.range[0]>t[1]?i.push(e):o.push(e)}),[].concat(a,[{annotation:n,content:o,range:[o[0].range[0],o[o.length-1].range[1]]}],i)}function ye(e,n){var t=e.findIndex(function(e){return e.range[0]<n&&n<=e.range[1]});if(-1===t)return e;var r=e[t];if(be(r)){var a,o=ye(r.content,n),i=[],l=[],c=h(o);try{for(c.s();!(a=c.n()).done;){var u=a.value;u.range[1]<n?i.push(u):l.push(u)}}catch(e){c.e(e)}finally{c.f()}return[].concat(v(e.slice(0,t)),[p(p({},r),{},{content:i,range:[r.range[0],n-1]}),p(p({},r),{},{content:l,range:[n,r.range[1]]})],v(e.slice(t+1)))}return[].concat(v(e.slice(0,t)),[p(p({},r),{},{value:r.value.slice(0,n-r.range[0]),range:[r.range[0],n-1]}),p(p({},r),{},{value:r.value.slice(n-r.range[0]),range:[n,r.range[1]]})],v(e.slice(t+1)))}function be(e){return void 0!==e.content}function ke(e){var n=e.content,t=e.handlers,r=e.annotationStack;return n.map(function(e,n){return be(e)?ne.jsx(we,{annotationStack:r,handlers:t,group:e},n):e.style?ne.jsx(Ee,{annotationStack:r,handlers:t,token:e},n):e.value})}function Ee(e){var n=e.handlers,t=e.token,r=function(e,n){var t=[];return e.forEach(function(e){var r=e.name,a=e.Token,o=e.AnnotatedToken,i=n.filter(function(e){return e.name===r});o&&i.forEach(function(e){return t.push({Component:o,annotation:e})}),a&&(i.length||t.push({Component:a}),i.forEach(function(e){return t.push({Component:a,annotation:e})}))}),t}(n,e.annotationStack);return ne.jsx(pe,{merge:{_stack:r,style:t.style,value:t.value}})}function we(e){var n,t=e.group,r=e.handlers,a=e.annotationStack,o=t.annotation,i=t.content,l=o.name,c=ke({content:i,handlers:r,annotationStack:[].concat(v(a),[o])}),u=null===(n=r.find(function(e){return e.name===l}))||void 0===n?void 0:n.Inline;return u?ne.jsx(u,{annotation:o,children:c}):c}function xe(e,n){var t=[n.fromLineNumber,n.toLineNumber],r=je(e,t[0]);r=je(r,t[1]+1);var a=[],o=[],i=[];return r.forEach(function(e){e.range[1]<t[0]?a.push(e):e.range[0]>t[1]?i.push(e):o.push(e)}),[].concat(a,[{annotation:n,lines:o,range:[o[0].range[0],o[o.length-1].range[1]]}],i)}function je(e,n){var t=e.findIndex(function(e){return _e(e)&&e.range[0]<n&&n<=e.range[1]});if(-1===t)return e;var r=e[t],a=je(r.lines,n),o=[],i=[];return a.forEach(function(e){e.range[1]<n?o.push(e):i.push(e)}),[].concat(v(e.slice(0,t)),[p(p({},r),{},{lines:o,range:[r.range[0],n-1]}),p(p({},r),{},{lines:i,range:[n,r.range[1]]})],v(e.slice(t+1)))}function _e(e){return void 0!==e.annotation}function Ne(e){var n=e.linesOrGroups,t=e.handlers,r=e.inlineAnnotations,a=e.annotationStack,o=void 0===a?[]:a;return n.map(function(e){return _e(e)?ne.jsx(Oe,{group:e,handlers:t,inlineAnnotations:r,annotationStack:o},e.range[0]):ne.jsx(Se,{line:e,handlers:t,inlineAnnotations:r,annotationStack:o},e.lineNumber)})}function Se(e){var n=e.line,t=e.handlers,r=e.inlineAnnotations,a=e.annotationStack,o=void 0===a?[]:a,i=n.lineNumber,l=n.totalLines,c=n.indentation,u=r.filter(function(e){return e.lineNumber===i}),s=function(e,n){for(var t=e,r=n.length-1;r>=0;r--)t=ge(t,n[r]);return t}(n.tokens,u),d=function(e,n){var t=[];return e.forEach(function(e){var r=e.name,a=e.Line,o=e.AnnotatedLine,i=n.filter(function(e){return e.name===r});o&&i.forEach(function(e){t.push({Component:o,annotation:e})}),a&&(i.length||t.push({Component:a}),i.forEach(function(e){t.push({Component:a,annotation:e})}))}),t}(t,o),f=ke({content:s,handlers:t,annotationStack:o}),m={lineNumber:i,indentation:c,totalLines:l,_stack:d};return ne.jsx(ve,{merge:m,children:f},i)}function Oe(e){var n,t=e.group,r=e.handlers,a=e.inlineAnnotations,o=e.annotationStack,i=t.annotation,l=t.lines,c=i.name,u=null===(n=r.find(function(e){return e.name===c}))||void 0===n?void 0:n.Block,s=Ne({linesOrGroups:l,handlers:r,inlineAnnotations:a,annotationStack:[].concat(v(o),[i])});return u?ne.jsx(u,{annotation:i,children:s}):s}var Ce=["code","handlers"],Ae=t(function(e,n){var t=e.code,r=e.handlers,a=void 0===r?[]:r,o=g(e,Ce),i=t.tokens,l=t.themeName,c=t.lang,u=t.annotations;if(!i)throw new Error("Missing tokens in code block. Use the `highlight` function to generate the tokens.");a.filter(function(e){return e.transform}).forEach(function(e){u=u.flatMap(function(n){return e.name!=n.name?n:e.transform(n)||[]})});var s=new Set(u.map(function(e){return e.name})),d=a.filter(function(e){return!e.onlyIfAnnotated||s.has(e.name)}),f=function(e){var n=e.map(function(e){return e.Pre}).filter(Boolean),t=e.map(function(e){return e.PreWithRef}).filter(Boolean);t.length>0&&t.unshift(he);return[].concat(v(n),v(t))}(d),m={_stack:f,_ref:n};return ne.jsx(me,p(p({merge:m,"data-theme":l,"data-lang":c},o),{},{children:ne.jsx(Le,{tokens:i,handlers:d,annotations:u})}))});function Le(e){var n=e.tokens,t=e.handlers,r=e.annotations,a=function(e){for(var n=[[]],t=e.slice(),r=1;t.length;){var a=t.shift();if("string"==typeof a){var o=a.split("\n"),i=k(o),l=i[0],c=i.slice(1);if(l){var u=r;r+=l.length,n[n.length-1].push({value:l,range:[u,r]})}c.length&&(n[n.length-1].push({value:"\n",range:[r,r+1]}),n.push([]),r=1,t.unshift(c.join("\n")))}else{var s=y(a,3),d=s[0],f=s[1],m=s[2],v=void 0===m?{}:m,h=r;r+=d.length,n[n.length-1].push({value:d,style:p({color:f},v),range:[h,r]})}}var g=n.length;return n.map(function(e,n){var t,r,a;return{tokens:e,range:[n+1,n+1],lineNumber:n+1,indentation:(null===(a=null===(r=null===(t=e[0])||void 0===t?void 0:t.value)||void 0===r?void 0:r.replace(/\t/g,"  ").match(/^\s*/))||void 0===a?void 0:a[0].length)||0,totalLines:g}})}(n),o=r.filter($),i=r.filter(q),l=function(e,n){for(var t=e,r=n.length-1;r>=0;r--)t=xe(t,n[r]);return t}(a,o);return Ne({linesOrGroups:l,handlers:t,inlineAnnotations:i})}function Te(n){var t=n.size,r=void 0===t?"medium":t,a=n.className;return e.createElement("xyd-loader",{"data-size":r,className:" ".concat("lr0mq4l"," ").concat(a||""," ")},e.createElement("div",{part:"dots"},e.createElement("div",{part:"dot"}),e.createElement("div",{part:"dot"}),e.createElement("div",{part:"dot"})))}var Ie=o({highlighted:[]});function ze(){return i(Ie)}function Re(n){var t,o=r(p(n.codeblocks)),i=y(o,2),l=i[0],c=i[1],s=r(!0),d=y(s,2),f=d[0],v=d[1];function p(e){return e?e.map(function(e){var n;return e.highlighted&&e.highlighted.tokens?Object.assign(Object.assign({},e.highlighted),{meta:(null===(n=e.highlighted)||void 0===n?void 0:n.meta)||e.meta,title:e.title}):null}).filter(Boolean):[]}a(function(){c(p(n.codeblocks))},[n.codeblocks]),a(function(){n.codeblocks&&(n.codeblocks.some(function(e){return!e.highlighted||!e.highlighted.tokens})&&function(){u(this,void 0,void 0,m().m(function e(){var t;return m().w(function(e){for(;;)switch(e.n){case 0:if(n.codeblocks){e.n=1;break}return e.a(2);case 1:if(!n.codeblocks.every(function(e){return e.highlighted})){e.n=2;break}return e.a(2);case 2:return e.n=3,Pe(n.codeblocks,n.theme||N);case 3:t=e.v,c(t),v(!1);case 4:return e.a(2)}},e)}))}())},[n.codeblocks]);var h=e.createElement(Ie,{value:{highlighted:l||[]}},n.children);return(null===(t=n.codeblocks)||void 0===t?void 0:t.every(function(e){return e.highlighted}))?h:f?e.createElement(Te,null):h}function Pe(e,n){return u(this,void 0,void 0,m().m(function t(){return m().w(function(t){for(;;)switch(t.n){case 0:return t.n=1,Promise.all(null==e?void 0:e.map(function(e){return B(e,n)}));case 1:return t.a(2,t.v)}},t)}))}var Me="cwih9s3";function $e(){return e.createElement("xyd-code-loader",{className:Me},e.createElement(Te,null))}var qe=e.createContext({ref:{current:null},setActiveTab:function(){},setActiveExample:function(){}});function Fe(){return e.useContext(qe)}function He(t){var o=t.children,i=n(null),l=r(""),c=y(l,2),u=c[0],s=c[1],d=r(""),f=y(d,2),m=f[0],v=f[1],p=E();return a(function(){v(p.value)},[p.value]),e.createElement(qe,{value:{ref:i,setActiveTab:s,setActiveExample:v}},e.createElement(S,{name:"CodeSample",props:{tab:u,example:m,code:""}},e.createElement(Be,null,o)))}function Be(e){var n,t,r=e.children;return n=E(),t=O(),a(function(){var e=n.tabsRef.current;if(e)return e.addEventListener(C,r),function(){e.removeEventListener(C,r)};function r(e){var n=e.detail.value;t.docs.code.example_change({example:n})}},[n.tabsRef.current]),function(){var e=Fe(),n=O();A(e.ref,{onDepthReached:function(e){100===e&&n.docs.code.scroll_100({}),n.docs.code.scroll_depth({depth:e})}})}(),r}function De(n){return e.createElement(l,{fallback:e.createElement($e,null)},e.createElement(Re,{codeblocks:n.codeblocks,theme:n.theme},n.children))}function Ue(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:3,stroke:"currentColor",fill:"none",width:16,strokeLinecap:"round",strokeLinejoin:"round"},e.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M12 12l8 -4.5"}),e.createElement("path",{d:"M12 12v9"}),e.createElement("path",{d:"M12 12l-8 -4.5"}),e.createElement("path",{d:"M12 12l8 4.5"}),e.createElement("path",{d:"M12 3v9"}),e.createElement("path",{d:"M12 12l-8 4.5"}))}De.LineNumber=function(n){return n.children&&n.children.length?e.createElement("xyd-code-linenumber",{className:"lyawwu4",style:{minWidth:"".concat(n.width,"ch")}},e.createElement("span",{part:"line-number"},n.lineNumber),e.createElement(ve,{merge:n})):null},De.Mark=function(n){var t,r,a,o;return e.createElement("xyd-code-mark",{"data-diff":(null===(t=n.annotation)||void 0===t?void 0:t.diff)?"true":void 0,"data-query":(null===(r=n.annotation)||void 0===r?void 0:r.diff)&&(null===(a=n.annotation)||void 0===a?void 0:a.query)?null===(o=n.annotation)||void 0===o?void 0:o.query:void 0,"data-annotated":String(!!n.annotation),className:"".concat("m1i5ism5")},e.createElement(ve,{part:"line",merge:n}))},De.MarkInline=function(n){var t,r,a,o;return e.createElement("xyd-code-mark-inline",{"data-diff":(null===(t=n.annotation)||void 0===t?void 0:t.diff)?"true":void 0,"data-query":(null===(r=n.annotation)||void 0===r?void 0:r.diff)&&(null===(a=n.annotation)||void 0===a?void 0:a.query)?null===(o=n.annotation)||void 0===o?void 0:o.query:void 0,className:"m1fnx2sm"},n.children)},De.Bg=function(n){return e.createElement("xyd-code-bg",{"data-annotated":String(!!n.annotation),className:"".concat("b83ezas")},n.children)},De.Pre=function(n){var t=Fe(),r=n.size,a=n.className,o=n.codeblock,i=n.handlers;!function(e){var n=e.tokens[e.tokens.length-1];"string"!=typeof n||" "!==n&&"\n"!==n||e.tokens.pop()}(o);var l=null;return(n.descriptionHead||n.descriptionContent)&&(l=e.createElement("div",{part:"code-description",className:"c1sbwmbs"},e.createElement("div",null,n.descriptionIcon?e.createElement(s,{name:n.descriptionIcon,size:16}):e.createElement(Ue,null)),e.createElement("div",null,e.createElement(w,{weight:"bold"},n.descriptionHead),e.createElement("span",null,n.descriptionContent)))),e.createElement("xyd-code-pre",null,e.createElement(Ae,{part:"pre","data-size":r,style:(null==o?void 0:o.style)||(null==o?void 0:o.style),className:"".concat(Me," ").concat(a||""),code:o,handlers:i,ref:t.ref}),l)};var We={mark:{name:"mark",Line:function(n){return e.createElement(De.Mark,Object.assign({},n))},Inline:function(n){return e.createElement(De.MarkInline,Object.assign({},n))}},bg:{name:"bg",Inline:function(n){return e.createElement(De.Bg,Object.assign({},n))}},lineNumbers:{name:"line-numbers",Line:function(n){n.annotation;var t=d(n,["annotation"]);return e.createElement(De.LineNumber,Object.assign({},t))}},diff:{name:"diff",onlyIfAnnotated:!0,transform:function(e){return[e,Object.assign(Object.assign({},e),{name:"mark",query:e.query,diff:!0})]},Line:function(n){var t=n.annotation,r=d(n,["annotation"]);return e.createElement(e.Fragment,null,e.createElement("div",null,null==t?void 0:t.query),e.createElement(ve,{merge:r}))}}};function Xe(n){var t=n.text,a=r(!1),o=y(a,2),i=o[0],l=o[1],c=O();return e.createElement("xyd-code-copy",null,e.createElement("button",{part:"button",className:"ccde3ii","aria-label":"Copy to clipboard",onClick:function(){navigator.clipboard.writeText(t),l(!0),c.docs.code.copy({code:t}),setTimeout(function(){l(!1)},1200)}},i?e.createElement(T,{size:16}):e.createElement(I,{size:16})))}function Ge(n){return function(t){var o,i,l,u,s,d,f=1===(null===(o=null==t?void 0:t.highlighted)||void 0===o?void 0:o.length)&&!t.description,m=(null===(i=t.highlighted[0])||void 0===i?void 0:i.meta)||(null===(l=t.highlighted[0])||void 0===l?void 0:l.lang),v=r(m),p=y(v,2),h=p[0],g=p[1],b=c(Ye).markdownFormat,k=Fe(),E=O();if(a(function(){g(m)},[m]),a(function(){k.setActiveTab(h)},[]),0===(null===(u=null==t?void 0:t.highlighted)||void 0===u?void 0:u.length))return null;var w=L.Content;return b&&(w=e.Fragment),e.createElement("xyd-codetabs",{className:"".concat("c1dmvxug"," ").concat(t.className||"")},e.createElement(L.Root,{part:"root","data-single":String(f),"data-nodescription":t.description?void 0:"true",className:"".concat("c1pb9ov9"),style:null===(s=t.highlighted[0])||void 0===s?void 0:s.style,value:h,onValueChange:function(e){g(e),k.setActiveTab(e),E.docs.code.tab_change({tab:e})}},e.createElement(Ve,{description:t.description,highlighted:t.highlighted}),null===(d=t.highlighted)||void 0===d?void 0:d.map(function(t,r){return e.createElement(w,{value:t.meta||t.lang,key:r},e.createElement(n,{style:(null==t?void 0:t.style)||(null==t?void 0:t.style),codeblock:t}))})))}}function Ve(n){var t,r=1===(null===(t=null==n?void 0:n.highlighted)||void 0===t?void 0:t.length)&&!n.description,a=n.highlighted.filter(function(e,n,t){return n===t.findIndex(function(n){return(n.meta||n.lang)===(e.meta||e.lang)})});return e.createElement("xyd-codetabs-languages",{"data-single":String(r),className:"\n        ".concat("caeqccf","\n    ")},n.description&&e.createElement("div",{part:"description"},e.createElement("div",{part:"description-item"},n.description)),e.createElement(L.List,{part:"languages-list"},null==a?void 0:a.map(function(n,t){var a=n.meta,o=n.lang;return r?null:e.createElement(L.Trigger,{part:"language-trigger",value:a||o,key:t},a||o)})),e.createElement("div",{part:"copy"},null==a?void 0:a.map(function(n,t){return e.createElement(L.Content,{value:n.meta||n.lang,asChild:!0,key:t},e.createElement(Xe,{text:n.value}))})))}var Je=o({lines:void 0,scroll:void 0});function Ke(n){var t=n.children,r=n.lines,a=n.scroll;return e.createElement(Je.Provider,{value:{lines:r,scroll:a}},t)}var Ye=e.createContext({});function Ze(n){return e.createElement(He,null,e.createElement(De,{codeblocks:n.codeblocks,theme:n.theme},e.createElement(Qe,Object.assign({},n))))}function Qe(n){var t,r=ze().highlighted,a=c(Je);if("secondary"===n.kind)return e.createElement(Ye,{value:{size:n.size,lineNumbers:n.lineNumbers,descriptionHead:n.descriptionHead,descriptionContent:n.descriptionContent,descriptionIcon:n.descriptionIcon,markdownFormat:n.markdownFormat}},e.createElement(De.Pre,{codeblock:r[0],handlers:[We.mark,We.bg,We.lineNumbers]}));var o=void 0;"string"==typeof n.size?o=n.size:"boolean"!=typeof a.scroll||a.scroll||(o="full");var i=null!==(t=n.lineNumbers)&&void 0!==t?t:a.lines;return e.createElement(Ye,{value:{size:o,lineNumbers:i,descriptionHead:n.descriptionHead,descriptionContent:n.descriptionContent,descriptionIcon:n.descriptionIcon,markdownFormat:n.markdownFormat}},e.createElement(en,{description:n.description,highlighted:r,controlByMeta:n.controlByMeta}))}var en=Ge(function(n){var t=e.useContext(Ye),r=t.lineNumbers,a=t.size,o=t.descriptionHead,i=t.descriptionContent,l=t.descriptionIcon,c=[We.mark,We.bg,We.diff];return r&&c.push(We.lineNumbers),e.createElement(De.Pre,Object.assign({},n,{descriptionHead:o,descriptionContent:i,descriptionIcon:l,size:a,handlers:c}))});export{De as C,We as a,$e as b,Ze as c,Re as d,Ke as e,ze as u,Ge as w};
-//# sourceMappingURL=CodeSample-B0ffqz0o.js.map