tempest-react-sdk 0.77.0 → 0.79.0

package/dist/components/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":"+HAiBA,IAAa,GAAA,EAAW,EAAA,WAAA,CAA4C,SAChE,CAAE,QAAO,cAAa,gBAAe,WAAU,mBAAkB,YAAW,GAAG,GAC/E,EACF,CACE,IAAM,GAAA,EAAW,EAAA,OAAA,CAAgC,IAAI,GAErD,EAAA,EAAA,UAAA,KAAgB,CACR,EAAS,UAAS,EAAS,QAAQ,cAAgB,EAAQ,EACnE,EAAG,CAAC,CAAa,CAAC,EAElB,SAAS,EAAO,EAAqC,CACjD,EAAS,QAAU,EACf,OAAO,GAAQ,WAAY,EAAI,CAAI,EAC9B,IAAK,EAAyD,QAAU,EACrF,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAY,EAAA,QAAO,SAAU,CAAgB,EAAlF,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,IAAK,EACL,KAAK,WACK,WACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,IAAK,cAAA,GACxB,SAAA,GAAgB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAW,CAAA,GAAI,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CAC1C,CAAA,GACJ,GAAS,KACP,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,UAAxB,SAAA,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAY,CAAA,EACrD,IAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,YAAc,SAAA,CAAkB,CAAA,CACtE,GAEP,GAEf,CAAC,EAED,SAAS,GAAY,CACjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,iBACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb,CAEA,SAAS,GAAW,CAChB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,OAAS,CAAA,CAC/E,CAAA,CAEb"}
+{"version":3,"file":"Checkbox.cjs","names":["forwardRef","useRef","cn","styles","require_cn","require_Checkbox_module","react","react_jsx_runtime","Checkbox","props","innerRef","indeterminate","setRef","node","ref","disabled","wrapperClassName","className","DashIcon","CheckIcon","label","description"],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":"A,+HAiBA,IAAaQ,GAAA,EAAWR,EAAAA,WAAAA,CAA4C,SAChE,CAAE,QAAO,cAAa,gBAAe,WAAU,mBAAkB,YAAW,GAAGS,GAC/E,EACF,CACE,IAAMC,GAAA,EAAWT,EAAAA,OAAAA,CAAgC,IAAI,GAErD,EAAAK,EAAA,UAAA,KAAgB,CACRI,EAAS,UAAS,EAAS,QAAQ,cAAgB,EAAQC,EACnE,EAAG,CAACA,CAAa,CAAC,EAElB,SAASC,EAAO,EAAqC,CACjD,EAAS,QAAUC,EACf,OAAOC,GAAQ,WAAYA,EAAID,CAAI,EAC9BC,IAAK,EAAyD,QAAUD,EACrF,CAEA,OACI,EAAAN,EAAA,KAAA,CAAC,QAAD,CAAO,UAAWL,EAAAA,GAAGC,EAAAA,QAAO,QAASY,GAAYZ,EAAAA,QAAO,SAAUa,CAAgB,EAAlF,SAAA,EACI,EAAAT,EAAA,IAAA,CAAC,QAAD,CACI,IAAKK,EACL,KAAK,WACK,WACV,UAAWV,EAAAA,GAAGC,EAAAA,QAAO,MAAOc,CAAS,EACrC,GAAIR,CACP,CAAA,GACD,EAAAF,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,IAAK,cAAA,GACxB,SAAAQ,GAAgB,EAAAJ,EAAA,IAAA,CAACW,EAAD,CAAW,CAAA,GAAI,EAAAX,EAAA,IAAA,CAACY,EAAD,CAAY,CAAA,CAC1C,CAAA,GACJC,GAASC,KACP,EAAAd,EAAA,KAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,UAAxB,SAAA,CACKiB,IAAS,EAAAb,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,MAAQ,SAAAiB,CAAY,CAAA,EACrDC,IAAe,EAAAd,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,YAAc,SAAAkB,CAAkB,CAAA,CACtE,C,EAEP,C,EAEf,CAAC,EAED,SAASF,GAAY,CACjB,OACI,EAAAZ,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,UAAA,EAAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,iBACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb,CAEA,SAASW,GAAW,CAChB,OACI,EAAAX,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,UAAA,EAAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,OAAS,CAAA,CAC/E,CAAA,CAEb,C"}

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAW,EAA4C,SAChE,EAAE,UAAO,gBAAa,kBAAe,aAAU,qBAAkB,cAAW,GAAG,KAC/E,GACF;CACE,IAAM,IAAW,EAAgC,IAAI;CAErD,QAAgB;EACZ,AAAI,EAAS,YAAS,EAAS,QAAQ,gBAAgB,EAAQ;CACnE,GAAG,CAAC,CAAa,CAAC;CAElB,SAAS,EAAO,GAAqC;EAEjD,AADA,EAAS,UAAU,GACf,OAAO,KAAQ,aAAY,EAAI,CAAI,IAC9B,MAAK,EAAyD,UAAU;CACrF;CAEA,OACI,kBAAC,SAAD;EAAO,WAAW,EAAG,EAAO,SAAS,KAAY,EAAO,UAAU,CAAgB;EAAlF,UAAA;GACI,kBAAC,SAAD;IACI,KAAK;IACL,MAAK;IACK;IACV,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAK,eAAA;IACxB,UAAgB,EAAhB,IAAiB,IAAe,GAAhB,CAAW,CAAgB;GAC1C,CAAA;IACJ,KAAS,MACP,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAxB,UAAA,CACK,KAAS,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,UAAA;IAAY,CAAA,GACrD,KAAe,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAc,UAAA;IAAkB,CAAA,CACtE;;EAEP;;AAEf,CAAC;AAED,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EACjD,UAAA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb;AAEA,SAAS,IAAW;CAChB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EACjD,UAAA,kBAAC,QAAD;GAAM,GAAE;GAAW,QAAO;GAAe,aAAY;GAAI,eAAc;EAAS,CAAA;CAC/E,CAAA;AAEb"}
+{"version":3,"file":"Checkbox.js","names":["styles","Checkbox_module_default","Checkbox","forwardRef","props","innerRef","useRef","indeterminate","setRef","node","ref","cn","disabled","wrapperClassName","className","jsx","DashIcon","CheckIcon","label","description"],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAiBA,IAAaE,IAAWC,EAA4C,SAChE,EAAE,UAAO,gBAAa,kBAAe,aAAU,qBAAkB,cAAW,GAAGC,KAC/E,GACF;CACE,IAAMC,IAAWC,EAAgC,IAAI;CAErD,QAAgB;EACZ,AAAID,EAAS,YAAS,EAAS,QAAQ,gBAAgB,EAAQE;CACnE,GAAG,CAACA,CAAa,CAAC;CAElB,SAASC,EAAO,GAAqC;EAEjD,AADA,EAAS,UAAUC,GACf,OAAOC,KAAQ,aAAYA,EAAID,CAAI,IAC9BC,MAAK,EAAyD,UAAUD;CACrF;CAEA,OACI,kBAAC,SAAD;EAAO,WAAWE,EAAGX,EAAO,SAASY,KAAYZ,EAAO,UAAUa,CAAgB;EAAlF,UAAA;GACI,kBAAC,SAAD;IACI,KAAKL;IACL,MAAK;IACK;IACV,WAAWG,EAAGX,EAAO,OAAOc,CAAS;IACrC,GAAIV;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAWJ,EAAO;IAAK,eAAA;IACxB,UAAgBe,EAAhBR,IAAiBS,IAAeC,GAAhB,CAAW,CAAgB;GAC1C,CAAA;IACJC,KAASC,MACP,kBAAC,QAAD;IAAM,WAAWnB,EAAO;IAAxB,UAAA,CACKkB,KAAS,kBAAC,QAAD;KAAM,WAAWlB,EAAO;KAAQ,UAAAkB;IAAY,CAAA,GACrDC,KAAe,kBAAC,QAAD;KAAM,WAAWnB,EAAO;KAAc,UAAAmB;IAAkB,CAAA,CACtE;;EAEP;;AAEf,CAAC;AAED,SAASF,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EACjD,UAAA,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb;AAEA,SAASD,IAAW;CAChB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EACjD,UAAA,kBAAC,QAAD;GAAM,GAAE;GAAW,QAAO;GAAe,aAAY;GAAI,eAAc;EAAS,CAAA;CAC/E,CAAA;AAEb"}

package/dist/components/Checkbox/Checkbox.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.module.cjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.box {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: transparent;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked):not(:indeterminate) + .box {\n    border-color: var(--tempest-primary);\n}\n\n.input:focus-visible + .box {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.input:checked + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input:indeterminate + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}
+{"version":3,"file":"Checkbox.module.cjs","names":["wrapper","disabled","input","box","labelWrap","label","description","Checkbox_module_default"],"sources":["../../../src/components/Checkbox/Checkbox.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.box {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: transparent;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked):not(:indeterminate) + .box {\n    border-color: var(--tempest-primary);\n}\n\n.input:focus-visible + .box {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.input:checked + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input:indeterminate + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}

package/dist/components/Checkbox/Checkbox.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.module.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.box {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: transparent;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked):not(:indeterminate) + .box {\n    border-color: var(--tempest-primary);\n}\n\n.input:focus-visible + .box {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.input:checked + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input:indeterminate + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}
+{"version":3,"file":"Checkbox.module.js","names":["wrapper","disabled","input","box","labelWrap","label","description","Checkbox_module_default"],"sources":["../../../src/components/Checkbox/Checkbox.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.box {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: transparent;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked):not(:indeterminate) + .box {\n    border-color: var(--tempest-primary);\n}\n\n.input:focus-visible + .box {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.input:checked + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input:indeterminate + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}

package/dist/components/ChipInput/ChipInput.cjs

@@ -1,2 +1,2 @@
-const e=require("../../utils/cn.cjs"),t=require("./ChipInput.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({value:i,onChange:a,label:o,placeholder:s=`Adicionar e pressionar Enter…`,helperText:c,error:l,commitKeys:u=[`Enter`,`,`,`Tab`],normalize:d=!0,className:f,id:p,"aria-label":m}){let[h,g]=(0,n.useState)(``),_=(0,n.useRef)(null),v=(0,n.useId)(),y=p??v,b=l?`${y}-error`:c?`${y}-helper`:void 0;function x(){let e=d?h.trim().toLowerCase():h.trim();if(e){if(i.includes(e)){g(``);return}a([...i,e]),g(``)}}function S(e){if(u.includes(e.key)){e.preventDefault(),x();return}e.key===`Backspace`&&!h&&i.length>0&&a(i.slice(0,-1))}function C(e){let t=i.slice();t.splice(e,1),a(t)}return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,l&&t.default.error,f),children:[o&&(0,r.jsx)(`label`,{htmlFor:y,className:t.default.label,children:o}),(0,r.jsxs)(`div`,{className:t.default.field,onClick:()=>_.current?.focus(),children:[i.map((e,n)=>(0,r.jsxs)(`span`,{className:t.default.chip,children:[e,(0,r.jsx)(`button`,{type:`button`,className:t.default.remove,"aria-label":`Remover ${e}`,onClick:()=>C(n),children:`×`})]},`${e}-${n}`)),(0,r.jsx)(`input`,{ref:_,id:y,className:t.default.input,value:h,placeholder:i.length===0?s:``,"aria-label":o?void 0:m,"aria-invalid":!!l,"aria-describedby":b,onChange:e=>g(e.target.value),onKeyDown:S,onBlur:x})]}),l?(0,r.jsx)(`span`,{id:`${y}-error`,className:t.default.errorText,children:l}):c?(0,r.jsx)(`span`,{id:`${y}-helper`,className:t.default.helper,children:c}):null]})}exports.ChipInput=i;
+const e=require("../../utils/cn.cjs"),t=require("./ChipInput.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({value:i,onChange:a,label:o,placeholder:s=`Adicionar e pressionar Enter…`,helperText:c,error:l,commitKeys:u=[`Enter`,`,`,`Tab`],normalize:d=!0,className:f,id:p,"aria-label":m}){let[h,g]=(0,n.useState)(``),_=(0,n.useRef)(null),v=(0,n.useId)(),y=p??v,b=l?`${y}-error`:c?`${y}-helper`:void 0;function x(){let e=d?h.trim().toLowerCase():h.trim();e&&(i.includes(e)||a([...i,e]),g(``))}function S(e){u.includes(e.key)?(e.preventDefault(),x()):e.key===`Backspace`&&!h&&i.length>0&&a(i.slice(0,-1))}function C(e){let t=i.slice();t.splice(e,1),a(t)}return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,l&&t.default.error,f),children:[o&&(0,r.jsx)(`label`,{htmlFor:y,className:t.default.label,children:o}),(0,r.jsxs)(`div`,{className:t.default.field,onClick:()=>_.current?.focus(),children:[i.map((e,n)=>(0,r.jsxs)(`span`,{className:t.default.chip,children:[e,(0,r.jsx)(`button`,{type:`button`,className:t.default.remove,"aria-label":`Remover ${e}`,onClick:()=>C(n),children:`×`})]},`${e}-${n}`)),(0,r.jsx)(`input`,{ref:_,id:y,className:t.default.input,value:h,placeholder:i.length===0?s:``,"aria-label":o?void 0:m,"aria-invalid":!!l,"aria-describedby":b,onChange:e=>g(e.target.value),onKeyDown:S,onBlur:x})]}),l?(0,r.jsx)(`span`,{id:`${y}-error`,className:t.default.errorText,children:l}):c?(0,r.jsx)(`span`,{id:`${y}-helper`,className:t.default.helper,children:c}):null]})}exports.ChipInput=i;
 //# sourceMappingURL=ChipInput.cjs.map

package/dist/components/ChipInput/ChipInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.cjs","names":[],"sources":["../../../src/components/ChipInput/ChipInput.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — the eight or so props that repeat across every input\n * in the SDK are one contract, not a bag: label, helperText and error are the three\n * states of the same message slot, and dropping any of them pushes the app back to\n * building the label/help/error scaffolding by hand around a bare control. Beyond\n * those, ChipInput adds only commitKeys and normalize, which are what make it a chip\n * input rather than a text field.\n */\nimport { useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ChipInput.module.css\";\n\nexport interface ChipInputProps {\n    value: string[];\n    onChange: (next: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    /** Id for the inner input. Generated when omitted. */\n    id?: string;\n    /**\n     * Accessible name for the inner input when there is no visible `label`.\n     * Without either, screen readers announce an unnamed text field.\n     */\n    \"aria-label\"?: string;\n    /** Keys that commit the current draft as a chip. Default: Enter, comma, Tab. */\n    commitKeys?: string[];\n    /** Lowercase + trim each chip + dedupe. Default: true. */\n    normalize?: boolean;\n    className?: string;\n}\n\n/**\n * Multi-value input. Type a value and press Enter (or comma / Tab) to push a\n * chip. Backspace on empty input removes the last chip.\n *\n * Name the field with `label` (associated through `htmlFor`) or, when the label\n * lives elsewhere in the layout, with `aria-label`. The placeholder is not an\n * accessible name — it disappears as soon as the first chip is added.\n */\nexport function ChipInput({\n    value,\n    onChange,\n    label,\n    placeholder = \"Adicionar e pressionar Enter…\",\n    helperText,\n    error,\n    commitKeys = [\"Enter\", \",\", \"Tab\"],\n    normalize = true,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n}: ChipInputProps) {\n    const [draft, setDraft] = useState<string>(\"\");\n    const inputRef = useRef<HTMLInputElement>(null);\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n\n    function commit(): void {\n        const next = normalize ? draft.trim().toLowerCase() : draft.trim();\n        if (!next) return;\n        if (value.includes(next)) {\n            setDraft(\"\");\n            return;\n        }\n        onChange([...value, next]);\n        setDraft(\"\");\n    }\n\n    function handleKeyDown(event: KeyboardEvent<HTMLInputElement>): void {\n        if (commitKeys.includes(event.key)) {\n            event.preventDefault();\n            commit();\n            return;\n        }\n        if (event.key === \"Backspace\" && !draft && value.length > 0) {\n            onChange(value.slice(0, -1));\n        }\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field} onClick={() => inputRef.current?.focus()}>\n                {value.map((chip, index) => (\n                    <span key={`${chip}-${index}`} className={styles.chip}>\n                        {chip}\n                        <button\n                            type=\"button\"\n                            className={styles.remove}\n                            aria-label={`Remover ${chip}`}\n                            onClick={() => remove(index)}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    ref={inputRef}\n                    id={inputId}\n                    className={styles.input}\n                    value={draft}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    aria-label={label ? undefined : ariaLabel}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    onChange={(event) => setDraft(event.target.value)}\n                    onKeyDown={handleKeyDown}\n                    onBlur={commit}\n                />\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"gIA0CA,SAAgB,EAAU,CACtB,QACA,WACA,QACA,cAAc,gCACd,aACA,QACA,aAAa,CAAC,QAAS,IAAK,KAAK,EACjC,YAAY,GACZ,YACA,KACA,aAAc,GACC,CACf,GAAM,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAiB,EAAE,EACvC,GAAA,EAAW,EAAA,OAAA,CAAyB,IAAI,EACxC,GAAA,EAAc,EAAA,MAAA,CAAM,EACpB,EAAU,GAAM,EAChB,EAAgB,EAAQ,GAAG,EAAQ,QAAU,EAAa,GAAG,EAAQ,SAAW,IAAA,GAEtF,SAAS,GAAe,CACpB,IAAM,EAAO,EAAY,EAAM,KAAK,CAAC,CAAC,YAAY,EAAI,EAAM,KAAK,EAC5D,KACL,IAAI,EAAM,SAAS,CAAI,EAAG,CACtB,EAAS,EAAE,EACX,MACJ,CACA,EAAS,CAAC,GAAG,EAAO,CAAI,CAAC,EACzB,EAAS,EAAE,CAFX,CAGJ,CAEA,SAAS,EAAc,EAA8C,CACjE,GAAI,EAAW,SAAS,EAAM,GAAG,EAAG,CAChC,EAAM,eAAe,EACrB,EAAO,EACP,MACJ,CACI,EAAM,MAAQ,aAAe,CAAC,GAAS,EAAM,OAAS,GACtD,EAAS,EAAM,MAAM,EAAG,EAAE,CAAC,CAEnC,CAEA,SAAS,EAAO,EAAqB,CACjC,IAAM,EAAO,EAAM,MAAM,EACzB,EAAK,OAAO,EAAO,CAAC,EACpB,EAAS,CAAI,CACjB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAS,EAAA,QAAO,MAAO,CAAS,EAAnE,SAAA,CACK,IACG,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,QAAS,EAAS,UAAW,EAAA,QAAO,MACtC,SAAA,CACE,CAAA,GAEX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAAO,YAAe,EAAS,SAAS,MAAM,EAArE,SAAA,CACK,EAAM,KAAK,EAAM,KACd,EAAA,EAAA,KAAA,CAAC,OAAD,CAA+B,UAAW,EAAA,QAAO,KAAjD,SAAA,CACK,GACD,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,OAClB,aAAY,WAAW,IACvB,YAAe,EAAO,CAAK,EAC9B,SAAA,GAEO,CAAA,CACN,CAVK,EAAA,GAAG,EAAK,GAAG,GAUhB,CACT,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,IAAK,EACL,GAAI,EACJ,UAAW,EAAA,QAAO,MAClB,MAAO,EACP,YAAa,EAAM,SAAW,EAAI,EAAc,GAChD,aAAY,EAAQ,IAAA,GAAY,EAChC,eAAc,CAAC,CAAC,EAChB,mBAAkB,EAClB,SAAW,GAAU,EAAS,EAAM,OAAO,KAAK,EAChD,UAAW,EACX,OAAQ,CACX,CAAA,CACA,IACJ,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,QAAS,UAAW,EAAA,QAAO,UAC3C,SAAA,CACC,CAAA,EACN,GACA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,SAAU,UAAW,EAAA,QAAO,OAC5C,SAAA,CACC,CAAA,EACN,IACH,GAEb"}
+{"version":3,"file":"ChipInput.cjs","names":["useState","useRef","useId","cn","styles","require_cn","require_ChipInput_module","react","react_jsx_runtime","ChipInput","ariaLabel","draft","setDraft","inputRef","generatedId","inputId","id","describedById","error","helperText","commit","next","normalize","value","onChange","handleKeyDown","commitKeys","event","remove","index","className","label","chip","placeholder"],"sources":["../../../src/components/ChipInput/ChipInput.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — the eight or so props that repeat across every input\n * in the SDK are one contract, not a bag: label, helperText and error are the three\n * states of the same message slot, and dropping any of them pushes the app back to\n * building the label/help/error scaffolding by hand around a bare control. Beyond\n * those, ChipInput adds only commitKeys and normalize, which are what make it a chip\n * input rather than a text field.\n */\nimport { useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ChipInput.module.css\";\n\nexport interface ChipInputProps {\n    value: string[];\n    onChange: (next: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    /** Id for the inner input. Generated when omitted. */\n    id?: string;\n    /**\n     * Accessible name for the inner input when there is no visible `label`.\n     * Without either, screen readers announce an unnamed text field.\n     */\n    \"aria-label\"?: string;\n    /** Keys that commit the current draft as a chip. Default: Enter, comma, Tab. */\n    commitKeys?: string[];\n    /** Lowercase + trim each chip + dedupe. Default: true. */\n    normalize?: boolean;\n    className?: string;\n}\n\n/**\n * Multi-value input. Type a value and press Enter (or comma / Tab) to push a\n * chip. Backspace on empty input removes the last chip.\n *\n * Name the field with `label` (associated through `htmlFor`) or, when the label\n * lives elsewhere in the layout, with `aria-label`. The placeholder is not an\n * accessible name — it disappears as soon as the first chip is added.\n */\nexport function ChipInput({\n    value,\n    onChange,\n    label,\n    placeholder = \"Adicionar e pressionar Enter…\",\n    helperText,\n    error,\n    commitKeys = [\"Enter\", \",\", \"Tab\"],\n    normalize = true,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n}: ChipInputProps) {\n    const [draft, setDraft] = useState<string>(\"\");\n    const inputRef = useRef<HTMLInputElement>(null);\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n\n    function commit(): void {\n        const next = normalize ? draft.trim().toLowerCase() : draft.trim();\n        if (!next) return;\n        if (value.includes(next)) {\n            setDraft(\"\");\n            return;\n        }\n        onChange([...value, next]);\n        setDraft(\"\");\n    }\n\n    function handleKeyDown(event: KeyboardEvent<HTMLInputElement>): void {\n        if (commitKeys.includes(event.key)) {\n            event.preventDefault();\n            commit();\n            return;\n        }\n        if (event.key === \"Backspace\" && !draft && value.length > 0) {\n            onChange(value.slice(0, -1));\n        }\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field} onClick={() => inputRef.current?.focus()}>\n                {value.map((chip, index) => (\n                    <span key={`${chip}-${index}`} className={styles.chip}>\n                        {chip}\n                        <button\n                            type=\"button\"\n                            className={styles.remove}\n                            aria-label={`Remover ${chip}`}\n                            onClick={() => remove(index)}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    ref={inputRef}\n                    id={inputId}\n                    className={styles.input}\n                    value={draft}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    aria-label={label ? undefined : ariaLabel}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    onChange={(event) => setDraft(event.target.value)}\n                    onKeyDown={handleKeyDown}\n                    onBlur={commit}\n                />\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"A,gIA0CA,SAAgBS,EAAU,CACtB,QACA,WACA,QACA,cAAc,gCACd,aACA,QACA,aAAa,CAAC,QAAS,IAAK,KAAK,EACjC,YAAY,GACZ,YACA,KACA,aAAcC,GACC,CACf,GAAM,CAACC,EAAOC,IAAA,EAAYZ,EAAAA,SAAAA,CAAiB,EAAE,EACvCa,GAAA,EAAWZ,EAAAA,OAAAA,CAAyB,IAAI,EACxCa,GAAA,EAAcZ,EAAAA,MAAAA,CAAM,EACpBa,EAAUC,GAAMF,EAChBG,EAAgBC,EAAQ,GAAGH,EAAQ,QAAUI,EAAa,GAAGJ,EAAQ,SAAW,IAAA,GAEtF,SAASK,GAAe,CACpB,IAAMC,EAAOC,EAAYX,EAAM,KAAK,CAAC,CAAC,YAAY,EAAIA,EAAM,KAAK,EAC5DU,IACDE,EAAM,SAASF,CAAI,GAIvBG,EAAS,CAAC,GAAGD,EAAOF,CAAI,CAAC,EACzBT,EAAS,EAAE,EACf,CAEA,SAASa,EAAc,EAA8C,CAC7DC,EAAW,SAASC,EAAM,GAAG,GAC7BA,EAAM,eAAe,EACrBP,EAAO,GAGPO,EAAM,MAAQ,aAAe,CAAChB,GAASY,EAAM,OAAS,GACtDC,EAASD,EAAM,MAAM,EAAG,EAAE,CAAC,CAEnC,CAEA,SAASK,EAAO,EAAqB,CACjC,IAAMP,EAAOE,EAAM,MAAM,EACzBF,EAAK,OAAOQ,EAAO,CAAC,EACpBL,EAASH,CAAI,CACjB,CAEA,OACI,EAAAb,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,GAAGC,EAAAA,QAAO,QAASc,GAASd,EAAAA,QAAO,MAAO0B,CAAS,EAAnE,SAAA,CACKC,IACG,EAAAvB,EAAA,IAAA,CAAC,QAAD,CAAO,QAASO,EAAS,UAAWX,EAAAA,QAAO,MACtC,SAAA2B,CACE,CAAA,GAEX,EAAAvB,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,MAAO,YAAeS,EAAS,SAAS,MAAM,EAArE,SAAA,CACKU,EAAM,KAAK,EAAM,KACd,EAAAf,EAAA,KAAA,CAAC,OAAD,CAA+B,UAAWJ,EAAAA,QAAO,KAAjD,SAAA,CACK4B,GACD,EAAAxB,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAWJ,EAAAA,QAAO,OAClB,aAAY,WAAW4B,IACvB,YAAeJ,EAAOC,CAAK,EAC9B,SAAA,GAEO,CAAA,CACN,CAVK,EAAA,GAAGG,EAAK,GAAGH,GAUhB,CACT,GACD,EAAArB,EAAA,IAAA,CAAC,QAAD,CACI,IAAKK,EACL,GAAIE,EACJ,UAAWX,EAAAA,QAAO,MAClB,MAAOO,EACP,YAAaY,EAAM,SAAW,EAAIU,EAAc,GAChD,aAAYF,EAAQ,IAAA,GAAYrB,EAChC,eAAc,CAAC,CAACQ,EAChB,mBAAkBD,EAClB,SAAW,GAAUL,EAASe,EAAM,OAAO,KAAK,EAChD,UAAWF,EACX,OAAQL,CACX,CAAA,CACA,C,GACJF,GACG,EAAAV,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAGO,EAAQ,QAAS,UAAWX,EAAAA,QAAO,UAC3C,SAAAc,CACC,CAAA,EACNC,GACA,EAAAX,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAGO,EAAQ,SAAU,UAAWX,EAAAA,QAAO,OAC5C,SAAAe,CACC,CAAA,EACN,IACH,C,EAEb,C"}

package/dist/components/ChipInput/ChipInput.js

@@ -11,20 +11,10 @@ function s({ value: s, onChange: c, label: l, placeholder: u = "Adicionar e pres
 	let [v, y] = i(""), b = r(null), x = n(), S = g ?? x, C = f ? `${S}-error` : d ? `${S}-helper` : void 0;
 	function w() {
 		let e = m ? v.trim().toLowerCase() : v.trim();
-		if (e) {
-			if (s.includes(e)) {
-				y("");
-				return;
-			}
-			c([...s, e]), y("");
-		}
+		e && (s.includes(e) || c([...s, e]), y(""));
 	}
 	function T(e) {
-		if (p.includes(e.key)) {
-			e.preventDefault(), w();
-			return;
-		}
-		e.key === "Backspace" && !v && s.length > 0 && c(s.slice(0, -1));
+		p.includes(e.key) ? (e.preventDefault(), w()) : e.key === "Backspace" && !v && s.length > 0 && c(s.slice(0, -1));
 	}
 	function E(e) {
 		let t = s.slice();

package/dist/components/ChipInput/ChipInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.js","names":[],"sources":["../../../src/components/ChipInput/ChipInput.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — the eight or so props that repeat across every input\n * in the SDK are one contract, not a bag: label, helperText and error are the three\n * states of the same message slot, and dropping any of them pushes the app back to\n * building the label/help/error scaffolding by hand around a bare control. Beyond\n * those, ChipInput adds only commitKeys and normalize, which are what make it a chip\n * input rather than a text field.\n */\nimport { useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ChipInput.module.css\";\n\nexport interface ChipInputProps {\n    value: string[];\n    onChange: (next: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    /** Id for the inner input. Generated when omitted. */\n    id?: string;\n    /**\n     * Accessible name for the inner input when there is no visible `label`.\n     * Without either, screen readers announce an unnamed text field.\n     */\n    \"aria-label\"?: string;\n    /** Keys that commit the current draft as a chip. Default: Enter, comma, Tab. */\n    commitKeys?: string[];\n    /** Lowercase + trim each chip + dedupe. Default: true. */\n    normalize?: boolean;\n    className?: string;\n}\n\n/**\n * Multi-value input. Type a value and press Enter (or comma / Tab) to push a\n * chip. Backspace on empty input removes the last chip.\n *\n * Name the field with `label` (associated through `htmlFor`) or, when the label\n * lives elsewhere in the layout, with `aria-label`. The placeholder is not an\n * accessible name — it disappears as soon as the first chip is added.\n */\nexport function ChipInput({\n    value,\n    onChange,\n    label,\n    placeholder = \"Adicionar e pressionar Enter…\",\n    helperText,\n    error,\n    commitKeys = [\"Enter\", \",\", \"Tab\"],\n    normalize = true,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n}: ChipInputProps) {\n    const [draft, setDraft] = useState<string>(\"\");\n    const inputRef = useRef<HTMLInputElement>(null);\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n\n    function commit(): void {\n        const next = normalize ? draft.trim().toLowerCase() : draft.trim();\n        if (!next) return;\n        if (value.includes(next)) {\n            setDraft(\"\");\n            return;\n        }\n        onChange([...value, next]);\n        setDraft(\"\");\n    }\n\n    function handleKeyDown(event: KeyboardEvent<HTMLInputElement>): void {\n        if (commitKeys.includes(event.key)) {\n            event.preventDefault();\n            commit();\n            return;\n        }\n        if (event.key === \"Backspace\" && !draft && value.length > 0) {\n            onChange(value.slice(0, -1));\n        }\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field} onClick={() => inputRef.current?.focus()}>\n                {value.map((chip, index) => (\n                    <span key={`${chip}-${index}`} className={styles.chip}>\n                        {chip}\n                        <button\n                            type=\"button\"\n                            className={styles.remove}\n                            aria-label={`Remover ${chip}`}\n                            onClick={() => remove(index)}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    ref={inputRef}\n                    id={inputId}\n                    className={styles.input}\n                    value={draft}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    aria-label={label ? undefined : ariaLabel}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    onChange={(event) => setDraft(event.target.value)}\n                    onKeyDown={handleKeyDown}\n                    onBlur={commit}\n                />\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":";;;;;AA0CA,SAAgB,EAAU,EACtB,UACA,aACA,UACA,iBAAc,iCACd,eACA,UACA,gBAAa;CAAC;CAAS;CAAK;AAAK,GACjC,eAAY,IACZ,cACA,OACA,cAAc,KACC;CACf,IAAM,CAAC,GAAO,KAAY,EAAiB,EAAE,GACvC,IAAW,EAAyB,IAAI,GACxC,IAAc,EAAM,GACpB,IAAU,KAAM,GAChB,IAAgB,IAAQ,GAAG,EAAQ,UAAU,IAAa,GAAG,EAAQ,WAAW,KAAA;CAEtF,SAAS,IAAe;EACpB,IAAM,IAAO,IAAY,EAAM,KAAK,CAAC,CAAC,YAAY,IAAI,EAAM,KAAK;EAC5D,OACL;OAAI,EAAM,SAAS,CAAI,GAAG;IACtB,EAAS,EAAE;IACX;GACJ;GAEA,AADA,EAAS,CAAC,GAAG,GAAO,CAAI,CAAC,GACzB,EAAS,EAAE;EAFX;CAGJ;CAEA,SAAS,EAAc,GAA8C;EACjE,IAAI,EAAW,SAAS,EAAM,GAAG,GAAG;GAEhC,AADA,EAAM,eAAe,GACrB,EAAO;GACP;EACJ;EACA,AAAI,EAAM,QAAQ,eAAe,CAAC,KAAS,EAAM,SAAS,KACtD,EAAS,EAAM,MAAM,GAAG,EAAE,CAAC;CAEnC;CAEA,SAAS,EAAO,GAAqB;EACjC,IAAM,IAAO,EAAM,MAAM;EAEzB,AADA,EAAK,OAAO,GAAO,CAAC,GACpB,EAAS,CAAI;CACjB;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,KAAS,EAAO,OAAO,CAAS;EAAnE,UAAA;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAS,WAAW,EAAO;IACtC,UAAA;GACE,CAAA;GAEX,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO,eAAe,EAAS,SAAS,MAAM;IAArE,UAAA,CACK,EAAM,KAAK,GAAM,MACd,kBAAC,QAAD;KAA+B,WAAW,EAAO;KAAjD,UAAA,CACK,GACD,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAO;MAClB,cAAY,WAAW;MACvB,eAAe,EAAO,CAAK;MAC9B,UAAA;KAEO,CAAA,CACN;IAVK,GAAA,GAAG,EAAK,GAAG,GAUhB,CACT,GACD,kBAAC,SAAD;KACI,KAAK;KACL,IAAI;KACJ,WAAW,EAAO;KAClB,OAAO;KACP,aAAa,EAAM,WAAW,IAAI,IAAc;KAChD,cAAY,IAAQ,KAAA,IAAY;KAChC,gBAAc,CAAC,CAAC;KAChB,oBAAkB;KAClB,WAAW,MAAU,EAAS,EAAM,OAAO,KAAK;KAChD,WAAW;KACX,QAAQ;IACX,CAAA,CACA;;GACJ,IACG,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAS,WAAW,EAAO;IAC3C,UAAA;GACC,CAAA,IACN,IACA,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAU,WAAW,EAAO;IAC5C,UAAA;GACC,CAAA,IACN;EACH;;AAEb"}
+{"version":3,"file":"ChipInput.js","names":["styles","ChipInput_module_default","ChipInput","ariaLabel","draft","setDraft","useState","inputRef","useRef","generatedId","useId","inputId","id","describedById","error","helperText","commit","next","normalize","value","onChange","handleKeyDown","commitKeys","event","remove","index","cn","className","label","chip","placeholder"],"sources":["../../../src/components/ChipInput/ChipInput.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — the eight or so props that repeat across every input\n * in the SDK are one contract, not a bag: label, helperText and error are the three\n * states of the same message slot, and dropping any of them pushes the app back to\n * building the label/help/error scaffolding by hand around a bare control. Beyond\n * those, ChipInput adds only commitKeys and normalize, which are what make it a chip\n * input rather than a text field.\n */\nimport { useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ChipInput.module.css\";\n\nexport interface ChipInputProps {\n    value: string[];\n    onChange: (next: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    /** Id for the inner input. Generated when omitted. */\n    id?: string;\n    /**\n     * Accessible name for the inner input when there is no visible `label`.\n     * Without either, screen readers announce an unnamed text field.\n     */\n    \"aria-label\"?: string;\n    /** Keys that commit the current draft as a chip. Default: Enter, comma, Tab. */\n    commitKeys?: string[];\n    /** Lowercase + trim each chip + dedupe. Default: true. */\n    normalize?: boolean;\n    className?: string;\n}\n\n/**\n * Multi-value input. Type a value and press Enter (or comma / Tab) to push a\n * chip. Backspace on empty input removes the last chip.\n *\n * Name the field with `label` (associated through `htmlFor`) or, when the label\n * lives elsewhere in the layout, with `aria-label`. The placeholder is not an\n * accessible name — it disappears as soon as the first chip is added.\n */\nexport function ChipInput({\n    value,\n    onChange,\n    label,\n    placeholder = \"Adicionar e pressionar Enter…\",\n    helperText,\n    error,\n    commitKeys = [\"Enter\", \",\", \"Tab\"],\n    normalize = true,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n}: ChipInputProps) {\n    const [draft, setDraft] = useState<string>(\"\");\n    const inputRef = useRef<HTMLInputElement>(null);\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n\n    function commit(): void {\n        const next = normalize ? draft.trim().toLowerCase() : draft.trim();\n        if (!next) return;\n        if (value.includes(next)) {\n            setDraft(\"\");\n            return;\n        }\n        onChange([...value, next]);\n        setDraft(\"\");\n    }\n\n    function handleKeyDown(event: KeyboardEvent<HTMLInputElement>): void {\n        if (commitKeys.includes(event.key)) {\n            event.preventDefault();\n            commit();\n            return;\n        }\n        if (event.key === \"Backspace\" && !draft && value.length > 0) {\n            onChange(value.slice(0, -1));\n        }\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field} onClick={() => inputRef.current?.focus()}>\n                {value.map((chip, index) => (\n                    <span key={`${chip}-${index}`} className={styles.chip}>\n                        {chip}\n                        <button\n                            type=\"button\"\n                            className={styles.remove}\n                            aria-label={`Remover ${chip}`}\n                            onClick={() => remove(index)}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    ref={inputRef}\n                    id={inputId}\n                    className={styles.input}\n                    value={draft}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    aria-label={label ? undefined : ariaLabel}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    onChange={(event) => setDraft(event.target.value)}\n                    onKeyDown={handleKeyDown}\n                    onBlur={commit}\n                />\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":";;;;;AA0CA,SAAgBE,EAAU,EACtB,UACA,aACA,UACA,iBAAc,iCACd,eACA,UACA,gBAAa;CAAC;CAAS;CAAK;AAAK,GACjC,eAAY,IACZ,cACA,OACA,cAAcC,KACC;CACf,IAAM,CAACC,GAAOC,KAAYC,EAAiB,EAAE,GACvCC,IAAWC,EAAyB,IAAI,GACxCC,IAAcC,EAAM,GACpBC,IAAUC,KAAMH,GAChBI,IAAgBC,IAAQ,GAAGH,EAAQ,UAAUI,IAAa,GAAGJ,EAAQ,WAAW,KAAA;CAEtF,SAASK,IAAe;EACpB,IAAMC,IAAOC,IAAYd,EAAM,KAAK,CAAC,CAAC,YAAY,IAAIA,EAAM,KAAK;EACjE,AAAKa,MACDE,EAAM,SAASF,CAAI,KAIvBG,EAAS,CAAC,GAAGD,GAAOF,CAAI,CAAC,GACzBZ,EAAS,EAAE;CACf;CAEA,SAASgB,EAAc,GAA8C;EACjE,AAAIC,EAAW,SAASC,EAAM,GAAG,KAC7BA,EAAM,eAAe,GACrBP,EAAO,KAGPO,EAAM,QAAQ,eAAe,CAACnB,KAASe,EAAM,SAAS,KACtDC,EAASD,EAAM,MAAM,GAAG,EAAE,CAAC;CAEnC;CAEA,SAASK,EAAO,GAAqB;EACjC,IAAMP,IAAOE,EAAM,MAAM;EAEzB,AADAF,EAAK,OAAOQ,GAAO,CAAC,GACpBL,EAASH,CAAI;CACjB;CAEA,OACI,kBAAC,OAAD;EAAK,WAAWS,EAAG1B,EAAO,SAASc,KAASd,EAAO,OAAO2B,CAAS;EAAnE,UAAA;GACKC,KACG,kBAAC,SAAD;IAAO,SAASjB;IAAS,WAAWX,EAAO;IACtC,UAAA4B;GACE,CAAA;GAEX,kBAAC,OAAD;IAAK,WAAW5B,EAAO;IAAO,eAAeO,EAAS,SAAS,MAAM;IAArE,UAAA,CACKY,EAAM,KAAK,GAAM,MACd,kBAAC,QAAD;KAA+B,WAAWnB,EAAO;KAAjD,UAAA,CACK6B,GACD,kBAAC,UAAD;MACI,MAAK;MACL,WAAW7B,EAAO;MAClB,cAAY,WAAW6B;MACvB,eAAeL,EAAOC,CAAK;MAC9B,UAAA;KAEO,CAAA,CACN;IAVK,GAAA,GAAGI,EAAK,GAAGJ,GAUhB,CACT,GACD,kBAAC,SAAD;KACI,KAAKlB;KACL,IAAII;KACJ,WAAWX,EAAO;KAClB,OAAOI;KACP,aAAae,EAAM,WAAW,IAAIW,IAAc;KAChD,cAAYF,IAAQ,KAAA,IAAYzB;KAChC,gBAAc,CAAC,CAACW;KAChB,oBAAkBD;KAClB,WAAW,MAAUR,EAASkB,EAAM,OAAO,KAAK;KAChD,WAAWF;KACX,QAAQL;IACX,CAAA,CACA;;GACJF,IACG,kBAAC,QAAD;IAAM,IAAI,GAAGH,EAAQ;IAAS,WAAWX,EAAO;IAC3C,UAAAc;GACC,CAAA,IACNC,IACA,kBAAC,QAAD;IAAM,IAAI,GAAGJ,EAAQ;IAAU,WAAWX,EAAO;IAC5C,UAAAe;GACC,CAAA,IACN;EACH;;AAEb"}

package/dist/components/ChipInput/ChipInput.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.module.cjs","names":[],"sources":["../../../src/components/ChipInput/ChipInput.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-1);\n    padding: 4px var(--tempest-space-2);\n    min-height: var(--tempest-control-height-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n    cursor: text;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.field:focus-within {\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.wrapper.error .field {\n    border-color: var(--tempest-danger);\n}\n\n.wrapper.error .field:focus-within {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    padding: 2px 4px 2px 8px;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: inherit;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: rgba(0, 0, 0, 0.1);\n    }\n}\n\n.input {\n    border: none;\n    outline: none;\n    background: transparent;\n    flex: 1;\n    min-width: 80px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    color: var(--tempest-text);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}
+{"version":3,"file":"ChipInput.module.cjs","names":["wrapper","label","field","error","chip","remove","input","helper","errorText","ChipInput_module_default"],"sources":["../../../src/components/ChipInput/ChipInput.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-1);\n    padding: 4px var(--tempest-space-2);\n    min-height: var(--tempest-control-height-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n    cursor: text;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.field:focus-within {\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.wrapper.error .field {\n    border-color: var(--tempest-danger);\n}\n\n.wrapper.error .field:focus-within {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    padding: 2px 4px 2px 8px;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: inherit;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: rgba(0, 0, 0, 0.1);\n    }\n}\n\n.input {\n    border: none;\n    outline: none;\n    background: transparent;\n    flex: 1;\n    min-width: 80px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    color: var(--tempest-text);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}

package/dist/components/ChipInput/ChipInput.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.module.js","names":[],"sources":["../../../src/components/ChipInput/ChipInput.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-1);\n    padding: 4px var(--tempest-space-2);\n    min-height: var(--tempest-control-height-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n    cursor: text;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.field:focus-within {\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.wrapper.error .field {\n    border-color: var(--tempest-danger);\n}\n\n.wrapper.error .field:focus-within {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    padding: 2px 4px 2px 8px;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: inherit;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: rgba(0, 0, 0, 0.1);\n    }\n}\n\n.input {\n    border: none;\n    outline: none;\n    background: transparent;\n    flex: 1;\n    min-width: 80px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    color: var(--tempest-text);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}
+{"version":3,"file":"ChipInput.module.js","names":["wrapper","label","field","error","chip","remove","input","helper","errorText","ChipInput_module_default"],"sources":["../../../src/components/ChipInput/ChipInput.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-1);\n    padding: 4px var(--tempest-space-2);\n    min-height: var(--tempest-control-height-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n    cursor: text;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.field:focus-within {\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.wrapper.error .field {\n    border-color: var(--tempest-danger);\n}\n\n.wrapper.error .field:focus-within {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    padding: 2px 4px 2px 8px;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: inherit;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: rgba(0, 0, 0, 0.1);\n    }\n}\n\n.input {\n    border: none;\n    outline: none;\n    background: transparent;\n    flex: 1;\n    min-width: 80px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    color: var(--tempest-text);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":";"}

package/dist/components/ClickOutside/ClickOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.cjs","names":[],"sources":["../../../src/components/ClickOutside/ClickOutside.tsx"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { useLatestRef } from \"@/hooks/use-latest-ref\";\n\nexport interface ClickOutsideProps extends HTMLAttributes<HTMLDivElement> {\n    /** Called when a pointer event lands outside the wrapped subtree. */\n    onOutside: (event: MouseEvent | TouchEvent) => void;\n    /** Content wrapped by the outside-click boundary. */\n    children: ReactNode;\n}\n\n/**\n * Wraps its children in a `<div>` and invokes `onOutside` whenever a\n * `mousedown` or `touchstart` event occurs outside that subtree.\n *\n * Useful for dismissing popovers, dropdowns and menus on outside interaction.\n * Listeners are attached to `document` on mount and removed on unmount.\n *\n * @param props - The click-outside props, plus any `<div>` attributes.\n * @returns The wrapper element containing the children.\n */\nexport function ClickOutside({ onOutside, children, ...props }: ClickOutsideProps): ReactNode {\n    const ref = useRef<HTMLDivElement>(null);\n    const handlerRef = useLatestRef(onOutside);\n\n    useEffect(() => {\n        if (typeof document === \"undefined\") {\n            return;\n        }\n\n        function handle(event: MouseEvent | TouchEvent): void {\n            const node = ref.current;\n            const target = event.target as Node | null;\n            if (node && target && !node.contains(target)) {\n                handlerRef.current(event);\n            }\n        }\n\n        document.addEventListener(\"mousedown\", handle);\n        document.addEventListener(\"touchstart\", handle);\n        return () => {\n            document.removeEventListener(\"mousedown\", handle);\n            document.removeEventListener(\"touchstart\", handle);\n        };\n    }, [handlerRef]);\n\n    return (\n        <div ref={ref} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":"wGAoBA,SAAgB,EAAa,CAAE,YAAW,WAAU,GAAG,GAAuC,CAC1F,IAAM,GAAA,EAAM,EAAA,OAAA,CAAuB,IAAI,EACjC,EAAa,EAAA,aAAa,CAAS,EAuBzC,OArBA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,OAAO,SAAa,IACpB,OAGJ,SAAS,EAAO,EAAsC,CAClD,IAAM,EAAO,EAAI,QACX,EAAS,EAAM,OACjB,GAAQ,GAAU,CAAC,EAAK,SAAS,CAAM,GACvC,EAAW,QAAQ,CAAK,CAEhC,CAIA,OAFA,SAAS,iBAAiB,YAAa,CAAM,EAC7C,SAAS,iBAAiB,aAAc,CAAM,MACjC,CACT,SAAS,oBAAoB,YAAa,CAAM,EAChD,SAAS,oBAAoB,aAAc,CAAM,CACrD,CACJ,EAAG,CAAC,CAAU,CAAC,GAGX,EAAA,EAAA,IAAA,CAAC,MAAD,CAAU,MAAK,GAAI,EACd,UACA,CAAA,CAEb"}
+{"version":3,"file":"ClickOutside.cjs","names":["useRef","useLatestRef","require_use_latest_ref","react","react_jsx_runtime","ClickOutside","props","ref","handlerRef","onOutside","handle","node","target","event"],"sources":["../../../src/components/ClickOutside/ClickOutside.tsx"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { useLatestRef } from \"@/hooks/use-latest-ref\";\n\nexport interface ClickOutsideProps extends HTMLAttributes<HTMLDivElement> {\n    /** Called when a pointer event lands outside the wrapped subtree. */\n    onOutside: (event: MouseEvent | TouchEvent) => void;\n    /** Content wrapped by the outside-click boundary. */\n    children: ReactNode;\n}\n\n/**\n * Wraps its children in a `<div>` and invokes `onOutside` whenever a\n * `mousedown` or `touchstart` event occurs outside that subtree.\n *\n * Useful for dismissing popovers, dropdowns and menus on outside interaction.\n * Listeners are attached to `document` on mount and removed on unmount.\n *\n * @param props - The click-outside props, plus any `<div>` attributes.\n * @returns The wrapper element containing the children.\n */\nexport function ClickOutside({ onOutside, children, ...props }: ClickOutsideProps): ReactNode {\n    const ref = useRef<HTMLDivElement>(null);\n    const handlerRef = useLatestRef(onOutside);\n\n    useEffect(() => {\n        if (typeof document === \"undefined\") {\n            return;\n        }\n\n        function handle(event: MouseEvent | TouchEvent): void {\n            const node = ref.current;\n            const target = event.target as Node | null;\n            if (node && target && !node.contains(target)) {\n                handlerRef.current(event);\n            }\n        }\n\n        document.addEventListener(\"mousedown\", handle);\n        document.addEventListener(\"touchstart\", handle);\n        return () => {\n            document.removeEventListener(\"mousedown\", handle);\n            document.removeEventListener(\"touchstart\", handle);\n        };\n    }, [handlerRef]);\n\n    return (\n        <div ref={ref} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":"A,wGAoBA,SAAgBK,EAAa,CAAE,YAAW,WAAU,GAAGC,GAAuC,CAC1F,IAAMC,GAAA,EAAMP,EAAAA,OAAAA,CAAuB,IAAI,EACjCQ,EAAaP,EAAAA,aAAaQ,CAAS,EAuBzC,OArBA,EAAAN,EAAA,UAAA,KAAgB,CACZ,GAAI,OAAO,SAAa,IACpB,OAGJ,SAASO,EAAO,EAAsC,CAClD,IAAMC,EAAOJ,EAAI,QACXK,EAASC,EAAM,OACjBF,GAAQC,GAAU,CAACD,EAAK,SAASC,CAAM,GACvCJ,EAAW,QAAQK,CAAK,CAEhC,CAIA,OAFA,SAAS,iBAAiB,YAAaH,CAAM,EAC7C,SAAS,iBAAiB,aAAcA,CAAM,MACjC,CACT,SAAS,oBAAoB,YAAaA,CAAM,EAChD,SAAS,oBAAoB,aAAcA,CAAM,CACrD,CACJ,EAAG,CAACF,CAAU,CAAC,GAGX,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAU,MAAK,GAAIE,EACd,UACA,CAAA,CAEb,C"}

package/dist/components/ClickOutside/ClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.js","names":[],"sources":["../../../src/components/ClickOutside/ClickOutside.tsx"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { useLatestRef } from \"@/hooks/use-latest-ref\";\n\nexport interface ClickOutsideProps extends HTMLAttributes<HTMLDivElement> {\n    /** Called when a pointer event lands outside the wrapped subtree. */\n    onOutside: (event: MouseEvent | TouchEvent) => void;\n    /** Content wrapped by the outside-click boundary. */\n    children: ReactNode;\n}\n\n/**\n * Wraps its children in a `<div>` and invokes `onOutside` whenever a\n * `mousedown` or `touchstart` event occurs outside that subtree.\n *\n * Useful for dismissing popovers, dropdowns and menus on outside interaction.\n * Listeners are attached to `document` on mount and removed on unmount.\n *\n * @param props - The click-outside props, plus any `<div>` attributes.\n * @returns The wrapper element containing the children.\n */\nexport function ClickOutside({ onOutside, children, ...props }: ClickOutsideProps): ReactNode {\n    const ref = useRef<HTMLDivElement>(null);\n    const handlerRef = useLatestRef(onOutside);\n\n    useEffect(() => {\n        if (typeof document === \"undefined\") {\n            return;\n        }\n\n        function handle(event: MouseEvent | TouchEvent): void {\n            const node = ref.current;\n            const target = event.target as Node | null;\n            if (node && target && !node.contains(target)) {\n                handlerRef.current(event);\n            }\n        }\n\n        document.addEventListener(\"mousedown\", handle);\n        document.addEventListener(\"touchstart\", handle);\n        return () => {\n            document.removeEventListener(\"mousedown\", handle);\n            document.removeEventListener(\"touchstart\", handle);\n        };\n    }, [handlerRef]);\n\n    return (\n        <div ref={ref} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AAoBA,SAAgB,EAAa,EAAE,cAAW,aAAU,GAAG,KAAuC;CAC1F,IAAM,IAAM,EAAuB,IAAI,GACjC,IAAa,EAAa,CAAS;CAuBzC,OArBA,QAAgB;EACZ,IAAI,OAAO,WAAa,KACpB;EAGJ,SAAS,EAAO,GAAsC;GAClD,IAAM,IAAO,EAAI,SACX,IAAS,EAAM;GACrB,AAAI,KAAQ,KAAU,CAAC,EAAK,SAAS,CAAM,KACvC,EAAW,QAAQ,CAAK;EAEhC;EAIA,OAFA,SAAS,iBAAiB,aAAa,CAAM,GAC7C,SAAS,iBAAiB,cAAc,CAAM,SACjC;GAET,AADA,SAAS,oBAAoB,aAAa,CAAM,GAChD,SAAS,oBAAoB,cAAc,CAAM;EACrD;CACJ,GAAG,CAAC,CAAU,CAAC,GAGX,kBAAC,OAAD;EAAU;EAAK,GAAI;EACd;CACA,CAAA;AAEb"}
+{"version":3,"file":"ClickOutside.js","names":["ClickOutside","props","ref","useRef","handlerRef","useLatestRef","onOutside","useEffect","handle","node","target","event"],"sources":["../../../src/components/ClickOutside/ClickOutside.tsx"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { useLatestRef } from \"@/hooks/use-latest-ref\";\n\nexport interface ClickOutsideProps extends HTMLAttributes<HTMLDivElement> {\n    /** Called when a pointer event lands outside the wrapped subtree. */\n    onOutside: (event: MouseEvent | TouchEvent) => void;\n    /** Content wrapped by the outside-click boundary. */\n    children: ReactNode;\n}\n\n/**\n * Wraps its children in a `<div>` and invokes `onOutside` whenever a\n * `mousedown` or `touchstart` event occurs outside that subtree.\n *\n * Useful for dismissing popovers, dropdowns and menus on outside interaction.\n * Listeners are attached to `document` on mount and removed on unmount.\n *\n * @param props - The click-outside props, plus any `<div>` attributes.\n * @returns The wrapper element containing the children.\n */\nexport function ClickOutside({ onOutside, children, ...props }: ClickOutsideProps): ReactNode {\n    const ref = useRef<HTMLDivElement>(null);\n    const handlerRef = useLatestRef(onOutside);\n\n    useEffect(() => {\n        if (typeof document === \"undefined\") {\n            return;\n        }\n\n        function handle(event: MouseEvent | TouchEvent): void {\n            const node = ref.current;\n            const target = event.target as Node | null;\n            if (node && target && !node.contains(target)) {\n                handlerRef.current(event);\n            }\n        }\n\n        document.addEventListener(\"mousedown\", handle);\n        document.addEventListener(\"touchstart\", handle);\n        return () => {\n            document.removeEventListener(\"mousedown\", handle);\n            document.removeEventListener(\"touchstart\", handle);\n        };\n    }, [handlerRef]);\n\n    return (\n        <div ref={ref} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AAoBA,SAAgBA,EAAa,EAAE,cAAW,aAAU,GAAGC,KAAuC;CAC1F,IAAMC,IAAMC,EAAuB,IAAI,GACjCC,IAAaC,EAAaC,CAAS;CAuBzC,OArBAC,QAAgB;EACZ,IAAI,OAAO,WAAa,KACpB;EAGJ,SAASC,EAAO,GAAsC;GAClD,IAAMC,IAAOP,EAAI,SACXQ,IAASC,EAAM;GACrB,AAAIF,KAAQC,KAAU,CAACD,EAAK,SAASC,CAAM,KACvCN,EAAW,QAAQO,CAAK;EAEhC;EAIA,OAFA,SAAS,iBAAiB,aAAaH,CAAM,GAC7C,SAAS,iBAAiB,cAAcA,CAAM,SACjC;GAET,AADA,SAAS,oBAAoB,aAAaA,CAAM,GAChD,SAAS,oBAAoB,cAAcA,CAAM;EACrD;CACJ,GAAG,CAACJ,CAAU,CAAC,GAGX,kBAAC,OAAD;EAAU;EAAK,GAAIH;EACd;CACA,CAAA;AAEb"}

package/dist/components/CodeBlock/CodeBlock.cjs

@@ -1,3 +1,3 @@
-const e=require("../../utils/cn.cjs"),t=require("../CopyButton/CopyButton.cjs"),n=require("./tokenize.cjs"),r=require("./CodeBlock.module.cjs");let i=require("react"),a=require("react/jsx-runtime");function o({code:o,language:s,filename:c,showLineNumbers:l=!1,highlightLines:u,copyable:d=!0,maxHeight:f,wrap:p=!1,label:m,className:h,...g}){let _=(0,i.useMemo)(()=>o.replace(/^\n+/,``).replace(/\s+$/,``),[o]),v=(0,i.useMemo)(()=>n.tokenizeLines(_,s),[_,s]),y=n.resolveLanguage(s),b=(0,i.useMemo)(()=>new Set(u??[]),[u]),x=m??(c&&typeof c==`string`?`Código: ${c}`:`Bloco de código${y===`plain`?``:` em ${y}`}`),S=!!c||d;return(0,a.jsxs)(`div`,{className:e.cn(r.default.wrapper,h),...g,children:[S&&(0,a.jsxs)(`div`,{className:r.default.header,children:[(0,a.jsx)(`span`,{className:r.default.filename,children:c??(y===`plain`?``:y)}),d&&(0,a.jsx)(t.CopyButton,{value:_,className:r.default.copy})]}),(0,a.jsx)(`pre`,{className:e.cn(r.default.pre,p&&r.default.wrap),style:{maxHeight:f},tabIndex:0,role:`group`,"aria-label":x,children:(0,a.jsx)(`code`,{className:r.default.code,"data-language":y,children:v.map((t,n)=>(0,a.jsxs)(i.Fragment,{children:[(0,a.jsxs)(`span`,{className:e.cn(r.default.line,b.has(n+1)&&r.default.marked),children:[l&&(0,a.jsx)(`span`,{className:r.default.lineNumber,"aria-hidden":`true`,children:n+1}),(0,a.jsx)(`span`,{className:r.default.lineContent,children:t.map((e,t)=>(0,a.jsx)(`span`,{className:r.default[e.kind],"data-token":e.kind,children:e.value},t))})]}),n<v.length-1?`
+const e=require("../../utils/cn.cjs"),t=require("../CopyButton/CopyButton.cjs"),n=require("./tokenize.cjs"),r=require("./CodeBlock.module.cjs");let i=require("react"),a=require("react/jsx-runtime");function o({code:o,language:s,filename:c,showLineNumbers:l=!1,highlightLines:u,copyable:d=!0,maxHeight:f,wrap:p=!1,label:m,className:h,...g}){let _=(0,i.useMemo)(()=>o.replace(/^\n+/,``).trimEnd(),[o]),v=(0,i.useMemo)(()=>n.tokenizeLines(_,s),[_,s]),y=n.resolveLanguage(s),b=(0,i.useMemo)(()=>new Set(u??[]),[u]),x=m??(c&&typeof c==`string`?`Código: ${c}`:`Bloco de código${y===`plain`?``:` em ${y}`}`),S=!!c||d;return(0,a.jsxs)(`div`,{className:e.cn(r.default.wrapper,h),...g,children:[S&&(0,a.jsxs)(`div`,{className:r.default.header,children:[(0,a.jsx)(`span`,{className:r.default.filename,children:c??(y===`plain`?``:y)}),d&&(0,a.jsx)(t.CopyButton,{value:_,className:r.default.copy})]}),(0,a.jsx)(`pre`,{className:e.cn(r.default.pre,p&&r.default.wrap),style:{maxHeight:f},tabIndex:0,role:`group`,"aria-label":x,children:(0,a.jsx)(`code`,{className:r.default.code,"data-language":y,children:v.map((t,n)=>(0,a.jsxs)(i.Fragment,{children:[(0,a.jsxs)(`span`,{className:e.cn(r.default.line,b.has(n+1)&&r.default.marked),children:[l&&(0,a.jsx)(`span`,{className:r.default.lineNumber,"aria-hidden":`true`,children:n+1}),(0,a.jsx)(`span`,{className:r.default.lineContent,children:t.map((e,t)=>(0,a.jsx)(`span`,{className:r.default[e.kind],"data-token":e.kind,children:e.value},t))})]}),n<v.length-1?`
 `:null]},n))})})]})}exports.CodeBlock=o;
 //# sourceMappingURL=CodeBlock.cjs.map

package/dist/components/CodeBlock/CodeBlock.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.cjs","names":[],"sources":["../../../src/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — code and language drive the scanner; filename,\n * showLineNumbers, highlightLines, maxHeight and wrap are the presentation a docs\n * page picks per block, and copyable plus label are the affordance and its\n * accessible name. All independent, all used in the SDK's own docs gallery.\n */\nimport { Fragment, useMemo } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { CopyButton } from \"../CopyButton\";\nimport { resolveLanguage, tokenizeLines } from \"./tokenize\";\nimport styles from \"./CodeBlock.module.css\";\n\nexport interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** The source to display. Leading and trailing blank lines are trimmed. */\n    code: string;\n    /** Grammar name or alias (`ts`, `bash`, `json`…). Unknown values render plain. */\n    language?: string;\n    /** Shown in the header, usually a file path. */\n    filename?: ReactNode;\n    /** Number the lines. Default `false`. */\n    showLineNumbers?: boolean;\n    /** 1-based line numbers to mark as the point of the snippet. */\n    highlightLines?: readonly number[];\n    /** Offer a copy button. Default `true`. */\n    copyable?: boolean;\n    /** Cap the height in px or any CSS length; the body scrolls past it. */\n    maxHeight?: number | string;\n    /** Wrap long lines instead of scrolling sideways. Default `false`. */\n    wrap?: boolean;\n    /**\n     * Accessible name for the code region. Defaults to naming the language, and\n     * to the filename when there is one.\n     */\n    label?: string;\n}\n\n/**\n * A read-only code sample: syntax colours, optional line numbers, copy button.\n *\n * The `<pre>` is always focusable. A code block is scrollable and holds nothing\n * focusable inside, so without a tab stop a keyboard user can see there is more\n * code past the edge and has no way to reach it. It is the one scroll container\n * where the stop is unconditional rather than measured — a code sample is\n * expected to be reachable, read and selected on its own.\n *\n * Colours come from an approximate scanner, not a parser — see {@link tokenize}.\n *\n * @example\n * <CodeBlock code={snippet} language=\"ts\" filename=\"src/main.ts\" showLineNumbers />\n * <CodeBlock code={log} language=\"bash\" maxHeight={280} />\n */\nexport function CodeBlock({\n    code,\n    language,\n    filename,\n    showLineNumbers = false,\n    highlightLines,\n    copyable = true,\n    maxHeight,\n    wrap = false,\n    label,\n    className,\n    ...rest\n}: CodeBlockProps) {\n    const trimmed = useMemo(() => code.replace(/^\\n+/, \"\").replace(/\\s+$/, \"\"), [code]);\n    const lines = useMemo(() => tokenizeLines(trimmed, language), [trimmed, language]);\n    const resolved = resolveLanguage(language);\n    const marked = useMemo(() => new Set(highlightLines ?? []), [highlightLines]);\n\n    const name =\n        label ??\n        (filename && typeof filename === \"string\"\n            ? `Código: ${filename}`\n            : `Bloco de código${resolved === \"plain\" ? \"\" : ` em ${resolved}`}`);\n\n    const hasHeader = Boolean(filename) || copyable;\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {hasHeader && (\n                <div className={styles.header}>\n                    <span className={styles.filename}>\n                        {filename ?? (resolved === \"plain\" ? \"\" : resolved)}\n                    </span>\n                    {copyable && <CopyButton value={trimmed} className={styles.copy} />}\n                </div>\n            )}\n\n            <pre\n                className={cn(styles.pre, wrap && styles.wrap)}\n                style={{ maxHeight }}\n                tabIndex={0}\n                role=\"group\"\n                aria-label={name}\n            >\n                <code className={styles.code} data-language={resolved}>\n                    {lines.map((tokens, index) => (\n                        <Fragment key={index}>\n                            <span\n                                className={cn(styles.line, marked.has(index + 1) && styles.marked)}\n                            >\n                                {showLineNumbers && (\n                                    /*\n                                     * The number is decoration: it must not land in the\n                                     * clipboard when the reader selects the snippet, and a\n                                     * screen reader announcing \"one const two import\" adds\n                                     * nothing. `user-select: none` in CSS plus this.\n                                     */\n                                    <span className={styles.lineNumber} aria-hidden=\"true\">\n                                        {index + 1}\n                                    </span>\n                                )}\n                                <span className={styles.lineContent}>\n                                    {tokens.map((token, tokenIndex) => (\n                                        <span\n                                            key={tokenIndex}\n                                            className={styles[token.kind]}\n                                            data-token={token.kind}\n                                        >\n                                            {token.value}\n                                        </span>\n                                    ))}\n                                </span>\n                            </span>\n                            {/*\n                             * A real newline character, and outside the line box.\n                             * It has to be real so that selecting the snippet by\n                             * hand and copying yields the source instead of one\n                             * run-together line. It has to be outside because the\n                             * line is an inline-block: a newline within one is\n                             * consumed inside that box, and every line ends up\n                             * side by side on a single row. The last one is\n                             * dropped so the block does not end in blank space.\n                             */}\n                            {index < lines.length - 1 ? \"\\n\" : null}\n                        </Fragment>\n                    ))}\n                </code>\n            </pre>\n        </div>\n    );\n}\n"],"mappings":"sMAsDA,SAAgB,EAAU,CACtB,OACA,WACA,WACA,kBAAkB,GAClB,iBACA,WAAW,GACX,YACA,OAAO,GACP,QACA,YACA,GAAG,GACY,CACf,IAAM,GAAA,EAAU,EAAA,QAAA,KAAc,EAAK,QAAQ,OAAQ,EAAE,CAAC,CAAC,QAAQ,OAAQ,EAAE,EAAG,CAAC,CAAI,CAAC,EAC5E,GAAA,EAAQ,EAAA,QAAA,KAAc,EAAA,cAAc,EAAS,CAAQ,EAAG,CAAC,EAAS,CAAQ,CAAC,EAC3E,EAAW,EAAA,gBAAgB,CAAQ,EACnC,GAAA,EAAS,EAAA,QAAA,KAAc,IAAI,IAAI,GAAkB,CAAC,CAAC,EAAG,CAAC,CAAc,CAAC,EAEtE,EACF,IACC,GAAY,OAAO,GAAa,SAC3B,WAAW,IACX,kBAAkB,IAAa,QAAU,GAAK,OAAO,OAEzD,EAAY,EAAQ,GAAa,EAEvC,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EAAG,GAAI,EAAnD,SAAA,CACK,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OAAvB,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SACnB,SAAA,IAAa,IAAa,QAAU,GAAK,EACxC,CAAA,EACL,IAAY,EAAA,EAAA,IAAA,CAAC,EAAA,WAAD,CAAY,MAAO,EAAS,UAAW,EAAA,QAAO,IAAO,CAAA,CACjE,CAGT,CAAA,GAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,GAAQ,EAAA,QAAO,IAAI,EAC7C,MAAO,CAAE,WAAU,EACnB,SAAU,EACV,KAAK,QACL,aAAY,EAEZ,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAM,gBAAe,EACxC,SAAA,EAAM,KAAK,EAAQ,KAChB,EAAA,EAAA,KAAA,CAAC,EAAA,SAAD,CAAA,SAAA,EACI,EAAA,EAAA,KAAA,CAAC,OAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,EAAO,IAAI,EAAQ,CAAC,GAAK,EAAA,QAAO,MAAM,EADrE,SAAA,CAGK,IAOG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,WAAY,cAAY,OAC3C,SAAA,EAAQ,CACP,CAAA,GAEV,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,YACnB,SAAA,EAAO,KAAK,EAAO,KAChB,EAAA,EAAA,IAAA,CAAC,OAAD,CAEI,UAAW,EAAA,QAAO,EAAM,MACxB,aAAY,EAAM,KAEjB,SAAA,EAAM,KACL,EALG,CAKH,CACT,CACC,CAAA,CACJ,CAWL,CAAA,EAAA,EAAQ,EAAM,OAAS,EAAI;EAAO,IAC7B,CAAA,EAtCK,CAsCL,CACb,CACC,CAAA,CACL,CAAA,CACJ,GAEb"}
+{"version":3,"file":"CodeBlock.cjs","names":["useMemo","tokenizeLines","resolveLanguage","cn","styles","CopyButton","Fragment","require_cn","require_CopyButton","require_tokenize","require_CodeBlock_module","react","react_jsx_runtime","CodeBlock","rest","trimmed","code","lines","language","resolved","marked","highlightLines","name","label","filename","hasHeader","copyable","className","wrap","index","showLineNumbers","tokens","token","tokenIndex"],"sources":["../../../src/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — code and language drive the scanner; filename,\n * showLineNumbers, highlightLines, maxHeight and wrap are the presentation a docs\n * page picks per block, and copyable plus label are the affordance and its\n * accessible name. All independent, all used in the SDK's own docs gallery.\n */\nimport { Fragment, useMemo } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { CopyButton } from \"../CopyButton\";\nimport { resolveLanguage, tokenizeLines } from \"./tokenize\";\nimport styles from \"./CodeBlock.module.css\";\n\nexport interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** The source to display. Leading and trailing blank lines are trimmed. */\n    code: string;\n    /** Grammar name or alias (`ts`, `bash`, `json`…). Unknown values render plain. */\n    language?: string;\n    /** Shown in the header, usually a file path. */\n    filename?: ReactNode;\n    /** Number the lines. Default `false`. */\n    showLineNumbers?: boolean;\n    /** 1-based line numbers to mark as the point of the snippet. */\n    highlightLines?: readonly number[];\n    /** Offer a copy button. Default `true`. */\n    copyable?: boolean;\n    /** Cap the height in px or any CSS length; the body scrolls past it. */\n    maxHeight?: number | string;\n    /** Wrap long lines instead of scrolling sideways. Default `false`. */\n    wrap?: boolean;\n    /**\n     * Accessible name for the code region. Defaults to naming the language, and\n     * to the filename when there is one.\n     */\n    label?: string;\n}\n\n/**\n * A read-only code sample: syntax colours, optional line numbers, copy button.\n *\n * The `<pre>` is always focusable. A code block is scrollable and holds nothing\n * focusable inside, so without a tab stop a keyboard user can see there is more\n * code past the edge and has no way to reach it. It is the one scroll container\n * where the stop is unconditional rather than measured — a code sample is\n * expected to be reachable, read and selected on its own.\n *\n * Colours come from an approximate scanner, not a parser — see {@link tokenize}.\n *\n * @example\n * <CodeBlock code={snippet} language=\"ts\" filename=\"src/main.ts\" showLineNumbers />\n * <CodeBlock code={log} language=\"bash\" maxHeight={280} />\n */\nexport function CodeBlock({\n    code,\n    language,\n    filename,\n    showLineNumbers = false,\n    highlightLines,\n    copyable = true,\n    maxHeight,\n    wrap = false,\n    label,\n    className,\n    ...rest\n}: CodeBlockProps) {\n    const trimmed = useMemo(() => code.replace(/^\\n+/, \"\").trimEnd(), [code]);\n    const lines = useMemo(() => tokenizeLines(trimmed, language), [trimmed, language]);\n    const resolved = resolveLanguage(language);\n    const marked = useMemo(() => new Set(highlightLines ?? []), [highlightLines]);\n\n    const name =\n        label ??\n        (filename && typeof filename === \"string\"\n            ? `Código: ${filename}`\n            : `Bloco de código${resolved === \"plain\" ? \"\" : ` em ${resolved}`}`);\n\n    const hasHeader = Boolean(filename) || copyable;\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {hasHeader && (\n                <div className={styles.header}>\n                    <span className={styles.filename}>\n                        {filename ?? (resolved === \"plain\" ? \"\" : resolved)}\n                    </span>\n                    {copyable && <CopyButton value={trimmed} className={styles.copy} />}\n                </div>\n            )}\n\n            <pre\n                className={cn(styles.pre, wrap && styles.wrap)}\n                style={{ maxHeight }}\n                tabIndex={0}\n                role=\"group\"\n                aria-label={name}\n            >\n                <code className={styles.code} data-language={resolved}>\n                    {lines.map((tokens, index) => (\n                        <Fragment key={index}>\n                            <span\n                                className={cn(styles.line, marked.has(index + 1) && styles.marked)}\n                            >\n                                {showLineNumbers && (\n                                    /*\n                                     * The number is decoration: it must not land in the\n                                     * clipboard when the reader selects the snippet, and a\n                                     * screen reader announcing \"one const two import\" adds\n                                     * nothing. `user-select: none` in CSS plus this.\n                                     */\n                                    <span className={styles.lineNumber} aria-hidden=\"true\">\n                                        {index + 1}\n                                    </span>\n                                )}\n                                <span className={styles.lineContent}>\n                                    {tokens.map((token, tokenIndex) => (\n                                        <span\n                                            key={tokenIndex}\n                                            className={styles[token.kind]}\n                                            data-token={token.kind}\n                                        >\n                                            {token.value}\n                                        </span>\n                                    ))}\n                                </span>\n                            </span>\n                            {/*\n                             * A real newline character, and outside the line box.\n                             * It has to be real so that selecting the snippet by\n                             * hand and copying yields the source instead of one\n                             * run-together line. It has to be outside because the\n                             * line is an inline-block: a newline within one is\n                             * consumed inside that box, and every line ends up\n                             * side by side on a single row. The last one is\n                             * dropped so the block does not end in blank space.\n                             */}\n                            {index < lines.length - 1 ? \"\\n\" : null}\n                        </Fragment>\n                    ))}\n                </code>\n            </pre>\n        </div>\n    );\n}\n"],"mappings":"A,sMAsDA,SAAgBa,EAAU,CACtB,OACA,WACA,WACA,kBAAkB,GAClB,iBACA,WAAW,GACX,YACA,OAAO,GACP,QACA,YACA,GAAGC,GACY,CACf,IAAMC,GAAA,EAAUf,EAAAA,QAAAA,KAAcgB,EAAK,QAAQ,OAAQ,EAAE,CAAC,CAAC,QAAQ,EAAG,CAACA,CAAI,CAAC,EAClEC,GAAA,EAAQjB,EAAAA,QAAAA,KAAcC,EAAAA,cAAcc,EAASG,CAAQ,EAAG,CAACH,EAASG,CAAQ,CAAC,EAC3EC,EAAWjB,EAAAA,gBAAgBgB,CAAQ,EACnCE,GAAA,EAASpB,EAAAA,QAAAA,KAAc,IAAI,IAAIqB,GAAkB,CAAC,CAAC,EAAG,CAACA,CAAc,CAAC,EAEtEC,EACFC,IACCC,GAAY,OAAOA,GAAa,SAC3B,WAAWA,IACX,kBAAkBL,IAAa,QAAU,GAAK,OAAOA,OAEzDM,EAAY,EAAQD,GAAaE,EAEvC,OACI,EAAAd,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWT,EAAAA,GAAGC,EAAAA,QAAO,QAASuB,CAAS,EAAG,GAAIb,EAAnD,SAAA,CACKW,IACG,EAAAb,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWR,EAAAA,QAAO,OAAvB,SAAA,EACI,EAAAQ,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWR,EAAAA,QAAO,SACnB,SAAAoB,IAAaL,IAAa,QAAU,GAAKA,EACxC,CAAA,EACLO,IAAY,EAAAd,EAAA,IAAA,CAACP,EAAAA,WAAD,CAAY,MAAOU,EAAS,UAAWX,EAAAA,QAAO,IAAO,CAAA,CACjE,CAGT,CAAA,GAAA,EAAAQ,EAAA,IAAA,CAAC,MAAD,CACI,UAAWT,EAAAA,GAAGC,EAAAA,QAAO,IAAKwB,GAAQxB,EAAAA,QAAO,IAAI,EAC7C,MAAO,CAAE,WAAU,EACnB,SAAU,EACV,KAAK,QACL,aAAYkB,EAEZ,UAAA,EAAAV,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWR,EAAAA,QAAO,KAAM,gBAAee,EACxC,SAAAF,EAAM,KAAK,EAAQ,KAChB,EAAAL,EAAA,KAAA,CAACN,EAAAA,SAAD,CAAA,SAAA,EACI,EAAAM,EAAA,KAAA,CAAC,OAAD,CACI,UAAWT,EAAAA,GAAGC,EAAAA,QAAO,KAAMgB,EAAO,IAAIS,EAAQ,CAAC,GAAKzB,EAAAA,QAAO,MAAM,EADrE,SAAA,CAGK0B,IAOG,EAAAlB,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWR,EAAAA,QAAO,WAAY,cAAY,OAC3C,SAAAyB,EAAQ,CACP,CAAA,GAEV,EAAAjB,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWR,EAAAA,QAAO,YACnB,SAAA2B,EAAO,KAAK,EAAO,KAChB,EAAAnB,EAAA,IAAA,CAAC,OAAD,CAEI,UAAWR,EAAAA,QAAO4B,EAAM,MACxB,aAAYA,EAAM,KAEjB,SAAAA,EAAM,KACL,EALGC,CAKH,CACT,CACC,CAAA,CACJ,CAWL,CAAA,EAAAJ,EAAQZ,EAAM,OAAS,EAAI;EAAO,IAC7B,CAAA,EAtCKY,CAsCL,CACb,CACC,CAAA,CACL,CAAA,CACJ,C,EAEb,C"}

package/dist/components/CodeBlock/CodeBlock.js

@@ -6,7 +6,7 @@ import { Fragment as a, useMemo as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/CodeBlock/CodeBlock.tsx
 function l({ code: l, language: u, filename: d, showLineNumbers: f = !1, highlightLines: p, copyable: m = !0, maxHeight: h, wrap: g = !1, label: _, className: v, ...y }) {
-	let b = o(() => l.replace(/^\n+/, "").replace(/\s+$/, ""), [l]), x = o(() => r(b, u), [b, u]), S = n(u), C = o(() => new Set(p ?? []), [p]), w = _ ?? (d && typeof d == "string" ? `Código: ${d}` : `Bloco de código${S === "plain" ? "" : ` em ${S}`}`), T = !!d || m;
+	let b = o(() => l.replace(/^\n+/, "").trimEnd(), [l]), x = o(() => r(b, u), [b, u]), S = n(u), C = o(() => new Set(p ?? []), [p]), w = _ ?? (d && typeof d == "string" ? `Código: ${d}` : `Bloco de código${S === "plain" ? "" : ` em ${S}`}`), T = !!d || m;
 	return /* @__PURE__ */ c("div", {
 		className: e(i.wrapper, v),
 		...y,

package/dist/components/CodeBlock/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","names":[],"sources":["../../../src/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — code and language drive the scanner; filename,\n * showLineNumbers, highlightLines, maxHeight and wrap are the presentation a docs\n * page picks per block, and copyable plus label are the affordance and its\n * accessible name. All independent, all used in the SDK's own docs gallery.\n */\nimport { Fragment, useMemo } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { CopyButton } from \"../CopyButton\";\nimport { resolveLanguage, tokenizeLines } from \"./tokenize\";\nimport styles from \"./CodeBlock.module.css\";\n\nexport interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** The source to display. Leading and trailing blank lines are trimmed. */\n    code: string;\n    /** Grammar name or alias (`ts`, `bash`, `json`…). Unknown values render plain. */\n    language?: string;\n    /** Shown in the header, usually a file path. */\n    filename?: ReactNode;\n    /** Number the lines. Default `false`. */\n    showLineNumbers?: boolean;\n    /** 1-based line numbers to mark as the point of the snippet. */\n    highlightLines?: readonly number[];\n    /** Offer a copy button. Default `true`. */\n    copyable?: boolean;\n    /** Cap the height in px or any CSS length; the body scrolls past it. */\n    maxHeight?: number | string;\n    /** Wrap long lines instead of scrolling sideways. Default `false`. */\n    wrap?: boolean;\n    /**\n     * Accessible name for the code region. Defaults to naming the language, and\n     * to the filename when there is one.\n     */\n    label?: string;\n}\n\n/**\n * A read-only code sample: syntax colours, optional line numbers, copy button.\n *\n * The `<pre>` is always focusable. A code block is scrollable and holds nothing\n * focusable inside, so without a tab stop a keyboard user can see there is more\n * code past the edge and has no way to reach it. It is the one scroll container\n * where the stop is unconditional rather than measured — a code sample is\n * expected to be reachable, read and selected on its own.\n *\n * Colours come from an approximate scanner, not a parser — see {@link tokenize}.\n *\n * @example\n * <CodeBlock code={snippet} language=\"ts\" filename=\"src/main.ts\" showLineNumbers />\n * <CodeBlock code={log} language=\"bash\" maxHeight={280} />\n */\nexport function CodeBlock({\n    code,\n    language,\n    filename,\n    showLineNumbers = false,\n    highlightLines,\n    copyable = true,\n    maxHeight,\n    wrap = false,\n    label,\n    className,\n    ...rest\n}: CodeBlockProps) {\n    const trimmed = useMemo(() => code.replace(/^\\n+/, \"\").replace(/\\s+$/, \"\"), [code]);\n    const lines = useMemo(() => tokenizeLines(trimmed, language), [trimmed, language]);\n    const resolved = resolveLanguage(language);\n    const marked = useMemo(() => new Set(highlightLines ?? []), [highlightLines]);\n\n    const name =\n        label ??\n        (filename && typeof filename === \"string\"\n            ? `Código: ${filename}`\n            : `Bloco de código${resolved === \"plain\" ? \"\" : ` em ${resolved}`}`);\n\n    const hasHeader = Boolean(filename) || copyable;\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {hasHeader && (\n                <div className={styles.header}>\n                    <span className={styles.filename}>\n                        {filename ?? (resolved === \"plain\" ? \"\" : resolved)}\n                    </span>\n                    {copyable && <CopyButton value={trimmed} className={styles.copy} />}\n                </div>\n            )}\n\n            <pre\n                className={cn(styles.pre, wrap && styles.wrap)}\n                style={{ maxHeight }}\n                tabIndex={0}\n                role=\"group\"\n                aria-label={name}\n            >\n                <code className={styles.code} data-language={resolved}>\n                    {lines.map((tokens, index) => (\n                        <Fragment key={index}>\n                            <span\n                                className={cn(styles.line, marked.has(index + 1) && styles.marked)}\n                            >\n                                {showLineNumbers && (\n                                    /*\n                                     * The number is decoration: it must not land in the\n                                     * clipboard when the reader selects the snippet, and a\n                                     * screen reader announcing \"one const two import\" adds\n                                     * nothing. `user-select: none` in CSS plus this.\n                                     */\n                                    <span className={styles.lineNumber} aria-hidden=\"true\">\n                                        {index + 1}\n                                    </span>\n                                )}\n                                <span className={styles.lineContent}>\n                                    {tokens.map((token, tokenIndex) => (\n                                        <span\n                                            key={tokenIndex}\n                                            className={styles[token.kind]}\n                                            data-token={token.kind}\n                                        >\n                                            {token.value}\n                                        </span>\n                                    ))}\n                                </span>\n                            </span>\n                            {/*\n                             * A real newline character, and outside the line box.\n                             * It has to be real so that selecting the snippet by\n                             * hand and copying yields the source instead of one\n                             * run-together line. It has to be outside because the\n                             * line is an inline-block: a newline within one is\n                             * consumed inside that box, and every line ends up\n                             * side by side on a single row. The last one is\n                             * dropped so the block does not end in blank space.\n                             */}\n                            {index < lines.length - 1 ? \"\\n\" : null}\n                        </Fragment>\n                    ))}\n                </code>\n            </pre>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAsDA,SAAgB,EAAU,EACtB,SACA,aACA,aACA,qBAAkB,IAClB,mBACA,cAAW,IACX,cACA,UAAO,IACP,UACA,cACA,GAAG,KACY;CACf,IAAM,IAAU,QAAc,EAAK,QAAQ,QAAQ,EAAE,CAAC,CAAC,QAAQ,QAAQ,EAAE,GAAG,CAAC,CAAI,CAAC,GAC5E,IAAQ,QAAc,EAAc,GAAS,CAAQ,GAAG,CAAC,GAAS,CAAQ,CAAC,GAC3E,IAAW,EAAgB,CAAQ,GACnC,IAAS,QAAc,IAAI,IAAI,KAAkB,CAAC,CAAC,GAAG,CAAC,CAAc,CAAC,GAEtE,IACF,MACC,KAAY,OAAO,KAAa,WAC3B,WAAW,MACX,kBAAkB,MAAa,UAAU,KAAK,OAAO,QAEzD,IAAY,EAAQ,KAAa;CAEvC,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;EAAG,GAAI;EAAnD,UAAA,CACK,KACG,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAvB,UAAA,CACI,kBAAC,QAAD;IAAM,WAAW,EAAO;IACnB,UAAA,MAAa,MAAa,UAAU,KAAK;GACxC,CAAA,GACL,KAAY,kBAAC,GAAD;IAAY,OAAO;IAAS,WAAW,EAAO;GAAO,CAAA,CACjE;EAGT,CAAA,GAAA,kBAAC,OAAD;GACI,WAAW,EAAG,EAAO,KAAK,KAAQ,EAAO,IAAI;GAC7C,OAAO,EAAE,aAAU;GACnB,UAAU;GACV,MAAK;GACL,cAAY;GAEZ,UAAA,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAM,iBAAe;IACxC,UAAA,EAAM,KAAK,GAAQ,MAChB,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,QAAD;KACI,WAAW,EAAG,EAAO,MAAM,EAAO,IAAI,IAAQ,CAAC,KAAK,EAAO,MAAM;KADrE,UAAA,CAGK,KAOG,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAY,eAAY;MAC3C,UAAA,IAAQ;KACP,CAAA,GAEV,kBAAC,QAAD;MAAM,WAAW,EAAO;MACnB,UAAA,EAAO,KAAK,GAAO,MAChB,kBAAC,QAAD;OAEI,WAAW,EAAO,EAAM;OACxB,cAAY,EAAM;OAEjB,UAAA,EAAM;MACL,GALG,CAKH,CACT;KACC,CAAA,CACJ;IAWL,CAAA,GAAA,IAAQ,EAAM,SAAS,IAAI,OAAO,IAC7B,EAAA,GAtCK,CAsCL,CACb;GACC,CAAA;EACL,CAAA,CACJ;;AAEb"}
+{"version":3,"file":"CodeBlock.js","names":["styles","CodeBlock_module_default","CodeBlock","rest","trimmed","useMemo","code","lines","tokenizeLines","language","resolved","resolveLanguage","marked","highlightLines","name","label","filename","hasHeader","copyable","cn","className","CopyButton","wrap","Fragment","index","showLineNumbers","tokens","token","tokenIndex"],"sources":["../../../src/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — code and language drive the scanner; filename,\n * showLineNumbers, highlightLines, maxHeight and wrap are the presentation a docs\n * page picks per block, and copyable plus label are the affordance and its\n * accessible name. All independent, all used in the SDK's own docs gallery.\n */\nimport { Fragment, useMemo } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { CopyButton } from \"../CopyButton\";\nimport { resolveLanguage, tokenizeLines } from \"./tokenize\";\nimport styles from \"./CodeBlock.module.css\";\n\nexport interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** The source to display. Leading and trailing blank lines are trimmed. */\n    code: string;\n    /** Grammar name or alias (`ts`, `bash`, `json`…). Unknown values render plain. */\n    language?: string;\n    /** Shown in the header, usually a file path. */\n    filename?: ReactNode;\n    /** Number the lines. Default `false`. */\n    showLineNumbers?: boolean;\n    /** 1-based line numbers to mark as the point of the snippet. */\n    highlightLines?: readonly number[];\n    /** Offer a copy button. Default `true`. */\n    copyable?: boolean;\n    /** Cap the height in px or any CSS length; the body scrolls past it. */\n    maxHeight?: number | string;\n    /** Wrap long lines instead of scrolling sideways. Default `false`. */\n    wrap?: boolean;\n    /**\n     * Accessible name for the code region. Defaults to naming the language, and\n     * to the filename when there is one.\n     */\n    label?: string;\n}\n\n/**\n * A read-only code sample: syntax colours, optional line numbers, copy button.\n *\n * The `<pre>` is always focusable. A code block is scrollable and holds nothing\n * focusable inside, so without a tab stop a keyboard user can see there is more\n * code past the edge and has no way to reach it. It is the one scroll container\n * where the stop is unconditional rather than measured — a code sample is\n * expected to be reachable, read and selected on its own.\n *\n * Colours come from an approximate scanner, not a parser — see {@link tokenize}.\n *\n * @example\n * <CodeBlock code={snippet} language=\"ts\" filename=\"src/main.ts\" showLineNumbers />\n * <CodeBlock code={log} language=\"bash\" maxHeight={280} />\n */\nexport function CodeBlock({\n    code,\n    language,\n    filename,\n    showLineNumbers = false,\n    highlightLines,\n    copyable = true,\n    maxHeight,\n    wrap = false,\n    label,\n    className,\n    ...rest\n}: CodeBlockProps) {\n    const trimmed = useMemo(() => code.replace(/^\\n+/, \"\").trimEnd(), [code]);\n    const lines = useMemo(() => tokenizeLines(trimmed, language), [trimmed, language]);\n    const resolved = resolveLanguage(language);\n    const marked = useMemo(() => new Set(highlightLines ?? []), [highlightLines]);\n\n    const name =\n        label ??\n        (filename && typeof filename === \"string\"\n            ? `Código: ${filename}`\n            : `Bloco de código${resolved === \"plain\" ? \"\" : ` em ${resolved}`}`);\n\n    const hasHeader = Boolean(filename) || copyable;\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {hasHeader && (\n                <div className={styles.header}>\n                    <span className={styles.filename}>\n                        {filename ?? (resolved === \"plain\" ? \"\" : resolved)}\n                    </span>\n                    {copyable && <CopyButton value={trimmed} className={styles.copy} />}\n                </div>\n            )}\n\n            <pre\n                className={cn(styles.pre, wrap && styles.wrap)}\n                style={{ maxHeight }}\n                tabIndex={0}\n                role=\"group\"\n                aria-label={name}\n            >\n                <code className={styles.code} data-language={resolved}>\n                    {lines.map((tokens, index) => (\n                        <Fragment key={index}>\n                            <span\n                                className={cn(styles.line, marked.has(index + 1) && styles.marked)}\n                            >\n                                {showLineNumbers && (\n                                    /*\n                                     * The number is decoration: it must not land in the\n                                     * clipboard when the reader selects the snippet, and a\n                                     * screen reader announcing \"one const two import\" adds\n                                     * nothing. `user-select: none` in CSS plus this.\n                                     */\n                                    <span className={styles.lineNumber} aria-hidden=\"true\">\n                                        {index + 1}\n                                    </span>\n                                )}\n                                <span className={styles.lineContent}>\n                                    {tokens.map((token, tokenIndex) => (\n                                        <span\n                                            key={tokenIndex}\n                                            className={styles[token.kind]}\n                                            data-token={token.kind}\n                                        >\n                                            {token.value}\n                                        </span>\n                                    ))}\n                                </span>\n                            </span>\n                            {/*\n                             * A real newline character, and outside the line box.\n                             * It has to be real so that selecting the snippet by\n                             * hand and copying yields the source instead of one\n                             * run-together line. It has to be outside because the\n                             * line is an inline-block: a newline within one is\n                             * consumed inside that box, and every line ends up\n                             * side by side on a single row. The last one is\n                             * dropped so the block does not end in blank space.\n                             */}\n                            {index < lines.length - 1 ? \"\\n\" : null}\n                        </Fragment>\n                    ))}\n                </code>\n            </pre>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAsDA,SAAgBE,EAAU,EACtB,SACA,aACA,aACA,qBAAkB,IAClB,mBACA,cAAW,IACX,cACA,UAAO,IACP,UACA,cACA,GAAGC,KACY;CACf,IAAMC,IAAUC,QAAcC,EAAK,QAAQ,QAAQ,EAAE,CAAC,CAAC,QAAQ,GAAG,CAACA,CAAI,CAAC,GAClEC,IAAQF,QAAcG,EAAcJ,GAASK,CAAQ,GAAG,CAACL,GAASK,CAAQ,CAAC,GAC3EC,IAAWC,EAAgBF,CAAQ,GACnCG,IAASP,QAAc,IAAI,IAAIQ,KAAkB,CAAC,CAAC,GAAG,CAACA,CAAc,CAAC,GAEtEC,IACFC,MACCC,KAAY,OAAOA,KAAa,WAC3B,WAAWA,MACX,kBAAkBN,MAAa,UAAU,KAAK,OAAOA,QAEzDO,IAAY,EAAQD,KAAaE;CAEvC,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGnB,EAAO,SAASoB,CAAS;EAAG,GAAIjB;EAAnD,UAAA,CACKc,KACG,kBAAC,OAAD;GAAK,WAAWjB,EAAO;GAAvB,UAAA,CACI,kBAAC,QAAD;IAAM,WAAWA,EAAO;IACnB,UAAAgB,MAAaN,MAAa,UAAU,KAAKA;GACxC,CAAA,GACLQ,KAAY,kBAACG,GAAD;IAAY,OAAOjB;IAAS,WAAWJ,EAAO;GAAO,CAAA,CACjE;EAGT,CAAA,GAAA,kBAAC,OAAD;GACI,WAAWmB,EAAGnB,EAAO,KAAKsB,KAAQtB,EAAO,IAAI;GAC7C,OAAO,EAAE,aAAU;GACnB,UAAU;GACV,MAAK;GACL,cAAYc;GAEZ,UAAA,kBAAC,QAAD;IAAM,WAAWd,EAAO;IAAM,iBAAeU;IACxC,UAAAH,EAAM,KAAK,GAAQ,MAChB,kBAACgB,GAAD,EAAA,UAAA,CACI,kBAAC,QAAD;KACI,WAAWJ,EAAGnB,EAAO,MAAMY,EAAO,IAAIY,IAAQ,CAAC,KAAKxB,EAAO,MAAM;KADrE,UAAA,CAGKyB,KAOG,kBAAC,QAAD;MAAM,WAAWzB,EAAO;MAAY,eAAY;MAC3C,UAAAwB,IAAQ;KACP,CAAA,GAEV,kBAAC,QAAD;MAAM,WAAWxB,EAAO;MACnB,UAAA0B,EAAO,KAAK,GAAO,MAChB,kBAAC,QAAD;OAEI,WAAW1B,EAAO2B,EAAM;OACxB,cAAYA,EAAM;OAEjB,UAAAA,EAAM;MACL,GALGC,CAKH,CACT;KACC,CAAA,CACJ;IAWL,CAAA,GAAAJ,IAAQjB,EAAM,SAAS,IAAI,OAAO,IAC7B,EAAA,GAtCKiB,CAsCL,CACb;GACC,CAAA;EACL,CAAA,CACJ;;AAEb"}

package/dist/components/CodeBlock/CodeBlock.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.module.cjs","names":[],"sources":["../../../src/components/CodeBlock/CodeBlock.module.css"],"sourcesContent":[".wrapper {\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    overflow: hidden;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-bottom: 1px solid var(--tempest-border);\n    background-color: var(--tempest-bg);\n}\n\n.filename {\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.copy {\n    flex-shrink: 0;\n}\n\n.pre {\n    margin: 0;\n    padding: var(--tempest-space-3) 0;\n    overflow: auto;\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-sm);\n    line-height: 1.6;\n    tab-size: 4;\n}\n\n.pre:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.code {\n    display: block;\n    font: inherit;\n    min-width: max-content;\n}\n\n.wrap .code {\n    min-width: 0;\n}\n\n.wrap .lineContent {\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n}\n\n/*\n * `inline-block` with a full-width box, not `flex`: the line break comes from\n * the real newline character inside the line, and a flex item would wrap on it\n * and render every line twice as tall. Full width is what lets the marked-line\n * background span the whole row rather than stopping at the last character.\n */\n.line {\n    display: inline-block;\n    width: 100%;\n    padding-inline: var(--tempest-space-3);\n}\n\n/*\n * The marked line is called out with a left bar and a tinted ground rather than\n * a different text colour: the syntax colours already carry meaning, and\n * recolouring the text would collide with them.\n *\n * The tint is a thin wash of the primary rather than `--tempest-primary-soft`,\n * because it sits *behind text*. The soft token is a solid ground and moved the\n * effective background far enough to drop a keyword to 3.94:1 in dark mode —\n * the syntax colours are solved against the code surface, so the highlight has\n * to leave that surface roughly where it was. The bar carries the emphasis.\n */\n.marked {\n    background-color: color-mix(in srgb, var(--tempest-primary) 10%, transparent);\n    box-shadow: inset 2px 0 0 var(--tempest-primary);\n}\n\n/*\n * The gutter wears the comment colour, not `--tempest-text-subtle`: subtle is\n * tuned to recede against the page and measures 4.04:1 on the dark code\n * surface, which is below AA. The comment token recedes the same way and is\n * solved for that surface.\n */\n.lineNumber {\n    display: inline-block;\n    width: 2.5ch;\n    margin-right: var(--tempest-space-3);\n    text-align: right;\n    color: var(--tempest-code-comment);\n    user-select: none;\n}\n\n.lineContent {\n    white-space: pre;\n}\n\n/*\n * Syntax colours come from their own `--tempest-code-*` tokens, not from the\n * chart ramp. The ramp is validated for marks, where the contrast floor is 3:1;\n * this is text and needs 4.5:1, and measuring the ramp as text fails in both\n * modes (a keyword came out at 3.47 on the dark surface, a string at 2.03 on\n * the light one). The code tokens are solved for that floor instead.\n */\n.comment {\n    color: var(--tempest-code-comment);\n    font-style: italic;\n}\n\n.string {\n    color: var(--tempest-code-string);\n}\n\n.number {\n    color: var(--tempest-code-number);\n}\n\n.keyword {\n    color: var(--tempest-code-keyword);\n    font-weight: 600;\n}\n\n.literal {\n    color: var(--tempest-code-literal);\n}\n\n.function {\n    color: var(--tempest-code-function);\n}\n\n.tag {\n    color: var(--tempest-code-tag);\n}\n\n.attribute {\n    color: var(--tempest-code-attribute);\n}\n\n.property {\n    color: var(--tempest-code-property);\n}\n\n.punctuation {\n    color: var(--tempest-code-punctuation);\n}\n\n.plain {\n    color: var(--tempest-text);\n}\n"],"mappings":";"}
+{"version":3,"file":"CodeBlock.module.cjs","names":["wrapper","header","filename","copy","pre","code","wrap","lineContent","line","marked","lineNumber","comment","string","number","keyword","literal","tag","attribute","property","punctuation","plain","CodeBlock_module_default","\"function\""],"sources":["../../../src/components/CodeBlock/CodeBlock.module.css"],"sourcesContent":[".wrapper {\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    overflow: hidden;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-bottom: 1px solid var(--tempest-border);\n    background-color: var(--tempest-bg);\n}\n\n.filename {\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.copy {\n    flex-shrink: 0;\n}\n\n.pre {\n    margin: 0;\n    padding: var(--tempest-space-3) 0;\n    overflow: auto;\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-sm);\n    line-height: 1.6;\n    tab-size: 4;\n}\n\n.pre:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.code {\n    display: block;\n    font: inherit;\n    min-width: max-content;\n}\n\n.wrap .code {\n    min-width: 0;\n}\n\n.wrap .lineContent {\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n}\n\n/*\n * `inline-block` with a full-width box, not `flex`: the line break comes from\n * the real newline character inside the line, and a flex item would wrap on it\n * and render every line twice as tall. Full width is what lets the marked-line\n * background span the whole row rather than stopping at the last character.\n */\n.line {\n    display: inline-block;\n    width: 100%;\n    padding-inline: var(--tempest-space-3);\n}\n\n/*\n * The marked line is called out with a left bar and a tinted ground rather than\n * a different text colour: the syntax colours already carry meaning, and\n * recolouring the text would collide with them.\n *\n * The tint is a thin wash of the primary rather than `--tempest-primary-soft`,\n * because it sits *behind text*. The soft token is a solid ground and moved the\n * effective background far enough to drop a keyword to 3.94:1 in dark mode —\n * the syntax colours are solved against the code surface, so the highlight has\n * to leave that surface roughly where it was. The bar carries the emphasis.\n */\n.marked {\n    background-color: color-mix(in srgb, var(--tempest-primary) 10%, transparent);\n    box-shadow: inset 2px 0 0 var(--tempest-primary);\n}\n\n/*\n * The gutter wears the comment colour, not `--tempest-text-subtle`: subtle is\n * tuned to recede against the page and measures 4.04:1 on the dark code\n * surface, which is below AA. The comment token recedes the same way and is\n * solved for that surface.\n */\n.lineNumber {\n    display: inline-block;\n    width: 2.5ch;\n    margin-right: var(--tempest-space-3);\n    text-align: right;\n    color: var(--tempest-code-comment);\n    user-select: none;\n}\n\n.lineContent {\n    white-space: pre;\n}\n\n/*\n * Syntax colours come from their own `--tempest-code-*` tokens, not from the\n * chart ramp. The ramp is validated for marks, where the contrast floor is 3:1;\n * this is text and needs 4.5:1, and measuring the ramp as text fails in both\n * modes (a keyword came out at 3.47 on the dark surface, a string at 2.03 on\n * the light one). The code tokens are solved for that floor instead.\n */\n.comment {\n    color: var(--tempest-code-comment);\n    font-style: italic;\n}\n\n.string {\n    color: var(--tempest-code-string);\n}\n\n.number {\n    color: var(--tempest-code-number);\n}\n\n.keyword {\n    color: var(--tempest-code-keyword);\n    font-weight: 600;\n}\n\n.literal {\n    color: var(--tempest-code-literal);\n}\n\n.function {\n    color: var(--tempest-code-function);\n}\n\n.tag {\n    color: var(--tempest-code-tag);\n}\n\n.attribute {\n    color: var(--tempest-code-attribute);\n}\n\n.property {\n    color: var(--tempest-code-property);\n}\n\n.punctuation {\n    color: var(--tempest-code-punctuation);\n}\n\n.plain {\n    color: var(--tempest-text);\n}\n"],"mappings":";"}

package/dist/components/CodeBlock/CodeBlock.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.module.js","names":[],"sources":["../../../src/components/CodeBlock/CodeBlock.module.css"],"sourcesContent":[".wrapper {\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    overflow: hidden;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-bottom: 1px solid var(--tempest-border);\n    background-color: var(--tempest-bg);\n}\n\n.filename {\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.copy {\n    flex-shrink: 0;\n}\n\n.pre {\n    margin: 0;\n    padding: var(--tempest-space-3) 0;\n    overflow: auto;\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-sm);\n    line-height: 1.6;\n    tab-size: 4;\n}\n\n.pre:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.code {\n    display: block;\n    font: inherit;\n    min-width: max-content;\n}\n\n.wrap .code {\n    min-width: 0;\n}\n\n.wrap .lineContent {\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n}\n\n/*\n * `inline-block` with a full-width box, not `flex`: the line break comes from\n * the real newline character inside the line, and a flex item would wrap on it\n * and render every line twice as tall. Full width is what lets the marked-line\n * background span the whole row rather than stopping at the last character.\n */\n.line {\n    display: inline-block;\n    width: 100%;\n    padding-inline: var(--tempest-space-3);\n}\n\n/*\n * The marked line is called out with a left bar and a tinted ground rather than\n * a different text colour: the syntax colours already carry meaning, and\n * recolouring the text would collide with them.\n *\n * The tint is a thin wash of the primary rather than `--tempest-primary-soft`,\n * because it sits *behind text*. The soft token is a solid ground and moved the\n * effective background far enough to drop a keyword to 3.94:1 in dark mode —\n * the syntax colours are solved against the code surface, so the highlight has\n * to leave that surface roughly where it was. The bar carries the emphasis.\n */\n.marked {\n    background-color: color-mix(in srgb, var(--tempest-primary) 10%, transparent);\n    box-shadow: inset 2px 0 0 var(--tempest-primary);\n}\n\n/*\n * The gutter wears the comment colour, not `--tempest-text-subtle`: subtle is\n * tuned to recede against the page and measures 4.04:1 on the dark code\n * surface, which is below AA. The comment token recedes the same way and is\n * solved for that surface.\n */\n.lineNumber {\n    display: inline-block;\n    width: 2.5ch;\n    margin-right: var(--tempest-space-3);\n    text-align: right;\n    color: var(--tempest-code-comment);\n    user-select: none;\n}\n\n.lineContent {\n    white-space: pre;\n}\n\n/*\n * Syntax colours come from their own `--tempest-code-*` tokens, not from the\n * chart ramp. The ramp is validated for marks, where the contrast floor is 3:1;\n * this is text and needs 4.5:1, and measuring the ramp as text fails in both\n * modes (a keyword came out at 3.47 on the dark surface, a string at 2.03 on\n * the light one). The code tokens are solved for that floor instead.\n */\n.comment {\n    color: var(--tempest-code-comment);\n    font-style: italic;\n}\n\n.string {\n    color: var(--tempest-code-string);\n}\n\n.number {\n    color: var(--tempest-code-number);\n}\n\n.keyword {\n    color: var(--tempest-code-keyword);\n    font-weight: 600;\n}\n\n.literal {\n    color: var(--tempest-code-literal);\n}\n\n.function {\n    color: var(--tempest-code-function);\n}\n\n.tag {\n    color: var(--tempest-code-tag);\n}\n\n.attribute {\n    color: var(--tempest-code-attribute);\n}\n\n.property {\n    color: var(--tempest-code-property);\n}\n\n.punctuation {\n    color: var(--tempest-code-punctuation);\n}\n\n.plain {\n    color: var(--tempest-text);\n}\n"],"mappings":";"}
+{"version":3,"file":"CodeBlock.module.js","names":["wrapper","header","filename","copy","pre","code","wrap","lineContent","line","marked","lineNumber","comment","string","number","keyword","literal","tag","attribute","property","punctuation","plain","CodeBlock_module_default","\"function\""],"sources":["../../../src/components/CodeBlock/CodeBlock.module.css"],"sourcesContent":[".wrapper {\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    overflow: hidden;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-bottom: 1px solid var(--tempest-border);\n    background-color: var(--tempest-bg);\n}\n\n.filename {\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.copy {\n    flex-shrink: 0;\n}\n\n.pre {\n    margin: 0;\n    padding: var(--tempest-space-3) 0;\n    overflow: auto;\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-sm);\n    line-height: 1.6;\n    tab-size: 4;\n}\n\n.pre:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.code {\n    display: block;\n    font: inherit;\n    min-width: max-content;\n}\n\n.wrap .code {\n    min-width: 0;\n}\n\n.wrap .lineContent {\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n}\n\n/*\n * `inline-block` with a full-width box, not `flex`: the line break comes from\n * the real newline character inside the line, and a flex item would wrap on it\n * and render every line twice as tall. Full width is what lets the marked-line\n * background span the whole row rather than stopping at the last character.\n */\n.line {\n    display: inline-block;\n    width: 100%;\n    padding-inline: var(--tempest-space-3);\n}\n\n/*\n * The marked line is called out with a left bar and a tinted ground rather than\n * a different text colour: the syntax colours already carry meaning, and\n * recolouring the text would collide with them.\n *\n * The tint is a thin wash of the primary rather than `--tempest-primary-soft`,\n * because it sits *behind text*. The soft token is a solid ground and moved the\n * effective background far enough to drop a keyword to 3.94:1 in dark mode —\n * the syntax colours are solved against the code surface, so the highlight has\n * to leave that surface roughly where it was. The bar carries the emphasis.\n */\n.marked {\n    background-color: color-mix(in srgb, var(--tempest-primary) 10%, transparent);\n    box-shadow: inset 2px 0 0 var(--tempest-primary);\n}\n\n/*\n * The gutter wears the comment colour, not `--tempest-text-subtle`: subtle is\n * tuned to recede against the page and measures 4.04:1 on the dark code\n * surface, which is below AA. The comment token recedes the same way and is\n * solved for that surface.\n */\n.lineNumber {\n    display: inline-block;\n    width: 2.5ch;\n    margin-right: var(--tempest-space-3);\n    text-align: right;\n    color: var(--tempest-code-comment);\n    user-select: none;\n}\n\n.lineContent {\n    white-space: pre;\n}\n\n/*\n * Syntax colours come from their own `--tempest-code-*` tokens, not from the\n * chart ramp. The ramp is validated for marks, where the contrast floor is 3:1;\n * this is text and needs 4.5:1, and measuring the ramp as text fails in both\n * modes (a keyword came out at 3.47 on the dark surface, a string at 2.03 on\n * the light one). The code tokens are solved for that floor instead.\n */\n.comment {\n    color: var(--tempest-code-comment);\n    font-style: italic;\n}\n\n.string {\n    color: var(--tempest-code-string);\n}\n\n.number {\n    color: var(--tempest-code-number);\n}\n\n.keyword {\n    color: var(--tempest-code-keyword);\n    font-weight: 600;\n}\n\n.literal {\n    color: var(--tempest-code-literal);\n}\n\n.function {\n    color: var(--tempest-code-function);\n}\n\n.tag {\n    color: var(--tempest-code-tag);\n}\n\n.attribute {\n    color: var(--tempest-code-attribute);\n}\n\n.property {\n    color: var(--tempest-code-property);\n}\n\n.punctuation {\n    color: var(--tempest-code-punctuation);\n}\n\n.plain {\n    color: var(--tempest-text);\n}\n"],"mappings":";"}

package/dist/components/CodeBlock/tokenize.cjs

@@ -1,3 +1,3 @@
-var e={ts:`typescript`,typescript:`typescript`,js:`javascript`,javascript:`javascript`,mjs:`javascript`,cjs:`javascript`,tsx:`tsx`,jsx:`jsx`,json:`json`,jsonc:`json`,css:`css`,scss:`css`,html:`html`,xml:`html`,svg:`html`,sh:`bash`,bash:`bash`,shell:`bash`,zsh:`bash`,console:`bash`,py:`python`,python:`python`,sql:`sql`};function t(t){return t?e[t.toLowerCase()]??`plain`:`plain`}var n=`as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|keyof|let|new|of|private|protected|public|readonly|return|satisfies|set|static|super|switch|this|throw|try|type|typeof|var|void|while|with|yield`,r=`true|false|null|undefined|NaN|Infinity`,i={typescript:a(!1),javascript:a(!1),tsx:a(!0),jsx:a(!0),json:[{kind:`property`,pattern:/"(?:[^"\\]|\\.)*"(?=\s*:)/y},{kind:`string`,pattern:/"(?:[^"\\]|\\.)*"/y},{kind:`number`,pattern:/-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/y},{kind:`literal`,pattern:/\b(?:true|false|null)\b/y},{kind:`punctuation`,pattern:/[{}[\],:]/y}],css:[{kind:`comment`,pattern:/\/\*[\s\S]*?\*\//y},{kind:`string`,pattern:/"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'/y},{kind:`keyword`,pattern:/@[a-zA-Z-]+/y},{kind:`property`,pattern:/--?[a-zA-Z][\w-]*(?=\s*:)/y},{kind:`function`,pattern:/[a-zA-Z-]+(?=\()/y},{kind:`number`,pattern:/-?\d+(?:\.\d+)?(?:px|rem|em|%|s|ms|vh|vw|fr|deg)?/y},{kind:`punctuation`,pattern:/[{}();:,>+~]/y}],html:[{kind:`comment`,pattern:/<!--[\s\S]*?-->/y},{kind:`string`,pattern:/"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'/y},{kind:`tag`,pattern:/<\/?[a-zA-Z][\w:-]*/y},{kind:`attribute`,pattern:/[a-zA-Z][\w:-]*(?==)/y},{kind:`punctuation`,pattern:/\/?>|=/y}],bash:[{kind:`comment`,pattern:/#[^\n]*/y},{kind:`string`,pattern:/"(?:[^"\\]|\\.)*"|'[^']*'/y},{kind:`keyword`,pattern:/\b(?:if|then|else|elif|fi|for|while|do|done|case|esac|function|return|export|local|source|set|cd|echo)\b/y},{kind:`property`,pattern:/\$\{?[A-Za-z_][\w]*\}?/y},{kind:`attribute`,pattern:/(?<=\s)--?[a-zA-Z][\w-]*/y},{kind:`punctuation`,pattern:/[|&;()<>]/y}],python:[{kind:`comment`,pattern:/#[^\n]*/y},{kind:`string`,pattern:/"""[\s\S]*?"""|'''[\s\S]*?'''|"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'/y},{kind:`keyword`,pattern:/\b(?:and|as|assert|async|await|break|class|continue|def|del|elif|else|except|finally|for|from|global|if|import|in|is|lambda|nonlocal|not|or|pass|raise|return|try|while|with|yield)\b/y},{kind:`literal`,pattern:/\b(?:True|False|None|self)\b/y},{kind:`number`,pattern:/\b\d+(?:\.\d+)?\b/y},{kind:`function`,pattern:/[A-Za-z_]\w*(?=\()/y},{kind:`punctuation`,pattern:/[{}[\]().,:;=+\-*/<>!]/y}],sql:[{kind:`comment`,pattern:/--[^\n]*|\/\*[\s\S]*?\*\//y},{kind:`string`,pattern:/'(?:[^']|'')*'/y},{kind:`keyword`,pattern:/\b(?:select|from|where|insert|into|values|update|set|delete|create|table|alter|drop|index|join|inner|left|right|outer|on|group|by|order|having|limit|offset|as|and|or|not|in|is|null|distinct|union|all|with|returning|primary|key|foreign|references|default)\b/iy},{kind:`number`,pattern:/\b\d+(?:\.\d+)?\b/y},{kind:`punctuation`,pattern:/[(),;*=<>]/y}],plain:[]};function a(e){let t=[{kind:`comment`,pattern:/\/\/[^\n]*|\/\*[\s\S]*?\*\//y},{kind:`string`,pattern:/`(?:[^`\\]|\\.)*`|"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'/y},{kind:`keyword`,pattern:RegExp(`\\b(?:${n})\\b`,`y`)},{kind:`literal`,pattern:RegExp(`\\b(?:${r})\\b`,`y`)},{kind:`number`,pattern:/\b(?:0[xX][\da-fA-F_]+|\d[\d_]*(?:\.[\d_]+)?(?:[eE][+-]?\d+)?)\b/y},{kind:`function`,pattern:/[A-Za-z_$][\w$]*(?=\s*\()/y},{kind:`punctuation`,pattern:/[{}[\]().,;:?!=<>+\-*/%&|^~]/y}];return e&&t.splice(2,0,{kind:`tag`,pattern:/<\/?[A-Za-z][\w.]*|\/>/y}),t}function o(e,n){let r=i[t(n)];if(r.length===0)return e===``?[]:[{kind:`plain`,value:e}];let a=[],o=0,s=0,c=t=>{t>o&&a.push({kind:`plain`,value:e.slice(o,t)})};for(;s<e.length;){let t=null;for(let n of r){n.pattern.lastIndex=s;let r=n.pattern.exec(e);if(r&&r[0].length>0){t={kind:n.kind,value:r[0]};break}}t?(c(s),a.push(t),s+=t.value.length,o=s):s++}return c(e.length),a}function s(e,t){let n=[[]];for(let r of o(e,t))r.value.split(`
+var e={ts:`typescript`,typescript:`typescript`,js:`javascript`,javascript:`javascript`,mjs:`javascript`,cjs:`javascript`,tsx:`tsx`,jsx:`jsx`,json:`json`,jsonc:`json`,css:`css`,scss:`css`,html:`html`,xml:`html`,svg:`html`,sh:`bash`,bash:`bash`,shell:`bash`,zsh:`bash`,console:`bash`,py:`python`,python:`python`,sql:`sql`};function t(t){return t?e[t.toLowerCase()]??`plain`:`plain`}var n=`as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|keyof|let|new|of|private|protected|public|readonly|return|satisfies|set|static|super|switch|this|throw|try|type|typeof|var|void|while|with|yield`,r=`true|false|null|undefined|NaN|Infinity`,i={typescript:a(!1),javascript:a(!1),tsx:a(!0),jsx:a(!0),json:[{kind:`property`,pattern:/"(?:[^"\\\n]|\\[\s\S])*"(?=\s*:)/y},{kind:`string`,pattern:/"(?:[^"\\\n]|\\[\s\S])*"?/y},{kind:`number`,pattern:/-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/y},{kind:`literal`,pattern:/\b(?:true|false|null)\b/y},{kind:`punctuation`,pattern:/[{}[\],:]/y}],css:[{kind:`comment`,pattern:/\/\*[\s\S]*?(?:\*\/|$)/y},{kind:`string`,pattern:/"(?:[^"\\\n]|\\[\s\S])*"?|'(?:[^'\\\n]|\\[\s\S])*'?/y},{kind:`keyword`,pattern:/@[a-zA-Z-]+/y},{kind:`property`,pattern:/(?<![.#[\](),>+~:])[\w-]+(?=\s*:(?![\w/:]))/y},{kind:`function`,pattern:/[\w-]+(?=\()/y},{kind:`number`,pattern:/#[0-9a-fA-F]{3,8}\b/y},{kind:`number`,pattern:/(?<![\w-])-?\d+(?:\.\d+)?(?:px|rem|em|%|s|ms|vh|vw|fr|deg)?/y},{kind:`punctuation`,pattern:/[{}();:,>+~]/y},{kind:`plain`,pattern:/[\w-]+/y}],html:[{kind:`comment`,pattern:/<!--[\s\S]*?(?:-->|$)/y},{kind:`string`,pattern:/"(?:[^"\\]|\\[\s\S])*"?|'(?:[^'\\]|\\[\s\S])*'?/y},{kind:`tag`,pattern:/<\/?[a-zA-Z][\w:-]*/y},{kind:`attribute`,pattern:/[a-zA-Z][\w:-]*(?==)/y},{kind:`punctuation`,pattern:/\/?>|=/y},{kind:`plain`,pattern:/[a-zA-Z][\w:-]*/y}],bash:[{kind:`comment`,pattern:/#[^\n]*/y},{kind:`string`,pattern:/"(?:[^"\\]|\\[\s\S])*"?|'[^']*'?/y},{kind:`keyword`,pattern:/\b(?:if|then|else|elif|fi|for|while|do|done|case|esac|function|return|export|local|source|set|cd|echo)\b/y},{kind:`property`,pattern:/\$\{?[A-Za-z_][\w]*\}?/y},{kind:`attribute`,pattern:/(?<=\s)--?[a-zA-Z][\w-]*/y},{kind:`punctuation`,pattern:/[|&;()<>]/y}],python:[{kind:`comment`,pattern:/#[^\n]*/y},{kind:`string`,pattern:/"""[\s\S]*?(?:"""|$)|'''[\s\S]*?(?:'''|$)|"(?:[^"\\\n]|\\[\s\S])*"?|'(?:[^'\\\n]|\\[\s\S])*'?/y},{kind:`keyword`,pattern:/\b(?:and|as|assert|async|await|break|class|continue|def|del|elif|else|except|finally|for|from|global|if|import|in|is|lambda|nonlocal|not|or|pass|raise|return|try|while|with|yield)\b/y},{kind:`literal`,pattern:/\b(?:True|False|None|self)\b/y},{kind:`number`,pattern:/\b\d+(?:\.\d+)?\b/y},{kind:`function`,pattern:/[A-Za-z_]\w*(?=\()/y},{kind:`punctuation`,pattern:/[{}[\]().,:;=+\-*/<>!]/y},{kind:`plain`,pattern:/[A-Za-z_]\w*/y}],sql:[{kind:`comment`,pattern:/--[^\n]*|\/\*[\s\S]*?(?:\*\/|$)/y},{kind:`string`,pattern:/'(?:[^']|'')*'?/y},{kind:`keyword`,pattern:/\b(?:select|from|where|insert|into|values|update|set|delete|create|table|alter|drop|index|join|inner|left|right|outer|on|group|by|order|having|limit|offset|as|and|or|not|in|is|null|distinct|union|all|with|returning|primary|key|foreign|references|default)\b/iy},{kind:`number`,pattern:/\b\d+(?:\.\d+)?\b/y},{kind:`punctuation`,pattern:/[(),;*=<>]/y}],plain:[]};function a(e){let t=[{kind:`comment`,pattern:/\/\/[^\n]*|\/\*[\s\S]*?(?:\*\/|$)/y},{kind:`string`,pattern:/`(?:[^`\\]|\\[\s\S])*`?|"(?:[^"\\\n]|\\[\s\S])*"?|(?<![\w$])'(?:[^'\\\n]|\\[\s\S])*'?/y},{kind:`keyword`,pattern:RegExp(`\\b(?:${n})(?![\\w$])`,`y`)},{kind:`literal`,pattern:RegExp(`\\b(?:${r})(?![\\w$])`,`y`)},{kind:`number`,pattern:/\b(?:0[xX][\da-fA-F_]+|\d[\d_]*(?:\.[\d_]+)?(?:[eE][+-]?\d+)?)(?![\w$])/y},{kind:`function`,pattern:/(?<![\w$])[A-Za-z_$][\w$]*(?=\s*\()/y},{kind:`punctuation`,pattern:/[{}[\]().,;:?!=<>+\-*/%&|^~]/y},{kind:`plain`,pattern:/(?:[A-Za-z_][\w$]*|\$+)/y}];return e&&(t.splice(1,0,{kind:`string`,pattern:/(?:(?<==)|(?<==\s))"[^"]*"?/y},{kind:`string`,pattern:/(?:(?<==)|(?<==\s))'[^']*'?/y}),t.splice(4,0,{kind:`tag`,pattern:/<\/?[A-Za-z][\w.]*|\/>/y})),t}function o(e,n){let r=i[t(n)];if(r.length===0)return e===``?[]:[{kind:`plain`,value:e}];let a=[],o=0,s=0,c=e=>{let t=a[a.length-1];t&&t.kind===`plain`&&e.kind===`plain`?t.value+=e.value:a.push(e)},l=t=>{t>o&&c({kind:`plain`,value:e.slice(o,t)})};for(;s<e.length;){let t=null;for(let n of r){n.pattern.lastIndex=s;let r=n.pattern.exec(e);if(r&&r[0].length>0){t={kind:n.kind,value:r[0]};break}}t?(l(s),c(t),s+=t.value.length,o=s):s++}return l(e.length),a}function s(e,t){let n=[[]];for(let r of o(e,t))r.value.split(`
 `).forEach((e,t)=>{t>0&&n.push([]),e!==``&&n[n.length-1].push({kind:r.kind,value:e})});return n}exports.resolveLanguage=t,exports.tokenize=o,exports.tokenizeLines=s;
 //# sourceMappingURL=tokenize.cjs.map

package/dist/components/CodeBlock/tokenize.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tokenize.cjs","names":[],"sources":["../../../src/components/CodeBlock/tokenize.ts"],"sourcesContent":["/** What a token is painted as. */\nexport type TokenKind =\n    | \"plain\"\n    | \"comment\"\n    | \"string\"\n    | \"number\"\n    | \"keyword\"\n    | \"literal\"\n    | \"function\"\n    | \"punctuation\"\n    | \"tag\"\n    | \"attribute\"\n    | \"property\";\n\nexport interface Token {\n    kind: TokenKind;\n    value: string;\n}\n\n/** Languages the tokenizer knows. Anything else renders as plain text. */\nexport type CodeLanguage =\n    | \"typescript\"\n    | \"javascript\"\n    | \"tsx\"\n    | \"jsx\"\n    | \"json\"\n    | \"css\"\n    | \"html\"\n    | \"bash\"\n    | \"python\"\n    | \"sql\"\n    | \"plain\";\n\n/** Aliases people actually type, mapped onto the grammars above. */\nconst ALIASES: Record<string, CodeLanguage> = {\n    ts: \"typescript\",\n    typescript: \"typescript\",\n    js: \"javascript\",\n    javascript: \"javascript\",\n    mjs: \"javascript\",\n    cjs: \"javascript\",\n    tsx: \"tsx\",\n    jsx: \"jsx\",\n    json: \"json\",\n    jsonc: \"json\",\n    css: \"css\",\n    scss: \"css\",\n    html: \"html\",\n    xml: \"html\",\n    svg: \"html\",\n    sh: \"bash\",\n    bash: \"bash\",\n    shell: \"bash\",\n    zsh: \"bash\",\n    console: \"bash\",\n    py: \"python\",\n    python: \"python\",\n    sql: \"sql\",\n};\n\n/**\n * Normalise a language name onto a known grammar.\n *\n * @param language - Whatever the caller passed, e.g. `\"ts\"` or `\"Shell\"`.\n * @returns The grammar to use; `\"plain\"` when there is no match.\n */\nexport function resolveLanguage(language: string | undefined): CodeLanguage {\n    if (!language) return \"plain\";\n    return ALIASES[language.toLowerCase()] ?? \"plain\";\n}\n\n/** One grammar rule: a sticky pattern and the kind it produces. */\ninterface Rule {\n    kind: TokenKind;\n    pattern: RegExp;\n}\n\nconst JS_KEYWORDS =\n    \"as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|keyof|let|new|of|private|protected|public|readonly|return|satisfies|set|static|super|switch|this|throw|try|type|typeof|var|void|while|with|yield\";\n\nconst JS_LITERALS = \"true|false|null|undefined|NaN|Infinity\";\n\n/**\n * Rules per grammar, tried in order at each position.\n *\n * Order carries meaning: comments and strings come first so a keyword inside a\n * string stays a string. Every pattern is sticky (`y`) and anchored by\n * `lastIndex`, so a rule can only match where the scanner currently stands.\n */\nconst GRAMMARS: Record<CodeLanguage, Rule[]> = {\n    typescript: jsRules(false),\n    javascript: jsRules(false),\n    tsx: jsRules(true),\n    jsx: jsRules(true),\n    json: [\n        { kind: \"property\", pattern: /\"(?:[^\"\\\\]|\\\\.)*\"(?=\\s*:)/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\]|\\\\.)*\"/y },\n        { kind: \"number\", pattern: /-?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/y },\n        { kind: \"literal\", pattern: /\\b(?:true|false|null)\\b/y },\n        { kind: \"punctuation\", pattern: /[{}[\\],:]/y },\n    ],\n    css: [\n        { kind: \"comment\", pattern: /\\/\\*[\\s\\S]*?\\*\\//y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\]|\\\\.)*\"|'(?:[^'\\\\]|\\\\.)*'/y },\n        { kind: \"keyword\", pattern: /@[a-zA-Z-]+/y },\n        { kind: \"property\", pattern: /--?[a-zA-Z][\\w-]*(?=\\s*:)/y },\n        { kind: \"function\", pattern: /[a-zA-Z-]+(?=\\()/y },\n        { kind: \"number\", pattern: /-?\\d+(?:\\.\\d+)?(?:px|rem|em|%|s|ms|vh|vw|fr|deg)?/y },\n        { kind: \"punctuation\", pattern: /[{}();:,>+~]/y },\n    ],\n    html: [\n        { kind: \"comment\", pattern: /<!--[\\s\\S]*?-->/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\]|\\\\.)*\"|'(?:[^'\\\\]|\\\\.)*'/y },\n        { kind: \"tag\", pattern: /<\\/?[a-zA-Z][\\w:-]*/y },\n        { kind: \"attribute\", pattern: /[a-zA-Z][\\w:-]*(?==)/y },\n        { kind: \"punctuation\", pattern: /\\/?>|=/y },\n    ],\n    bash: [\n        { kind: \"comment\", pattern: /#[^\\n]*/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\]|\\\\.)*\"|'[^']*'/y },\n        {\n            kind: \"keyword\",\n            pattern:\n                /\\b(?:if|then|else|elif|fi|for|while|do|done|case|esac|function|return|export|local|source|set|cd|echo)\\b/y,\n        },\n        { kind: \"property\", pattern: /\\$\\{?[A-Za-z_][\\w]*\\}?/y },\n        { kind: \"attribute\", pattern: /(?<=\\s)--?[a-zA-Z][\\w-]*/y },\n        { kind: \"punctuation\", pattern: /[|&;()<>]/y },\n    ],\n    python: [\n        { kind: \"comment\", pattern: /#[^\\n]*/y },\n        {\n            kind: \"string\",\n            pattern: /\"\"\"[\\s\\S]*?\"\"\"|'''[\\s\\S]*?'''|\"(?:[^\"\\\\]|\\\\.)*\"|'(?:[^'\\\\]|\\\\.)*'/y,\n        },\n        {\n            kind: \"keyword\",\n            pattern:\n                /\\b(?:and|as|assert|async|await|break|class|continue|def|del|elif|else|except|finally|for|from|global|if|import|in|is|lambda|nonlocal|not|or|pass|raise|return|try|while|with|yield)\\b/y,\n        },\n        { kind: \"literal\", pattern: /\\b(?:True|False|None|self)\\b/y },\n        { kind: \"number\", pattern: /\\b\\d+(?:\\.\\d+)?\\b/y },\n        { kind: \"function\", pattern: /[A-Za-z_]\\w*(?=\\()/y },\n        { kind: \"punctuation\", pattern: /[{}[\\]().,:;=+\\-*/<>!]/y },\n    ],\n    sql: [\n        { kind: \"comment\", pattern: /--[^\\n]*|\\/\\*[\\s\\S]*?\\*\\//y },\n        { kind: \"string\", pattern: /'(?:[^']|'')*'/y },\n        {\n            kind: \"keyword\",\n            // Case-insensitive: SQL is written both ways and both should paint.\n            pattern:\n                /\\b(?:select|from|where|insert|into|values|update|set|delete|create|table|alter|drop|index|join|inner|left|right|outer|on|group|by|order|having|limit|offset|as|and|or|not|in|is|null|distinct|union|all|with|returning|primary|key|foreign|references|default)\\b/iy,\n        },\n        { kind: \"number\", pattern: /\\b\\d+(?:\\.\\d+)?\\b/y },\n        { kind: \"punctuation\", pattern: /[(),;*=<>]/y },\n    ],\n    plain: [],\n};\n\n/** The shared JavaScript-family rules, with JSX tags added for tsx/jsx. */\nfunction jsRules(withJsx: boolean): Rule[] {\n    const rules: Rule[] = [\n        { kind: \"comment\", pattern: /\\/\\/[^\\n]*|\\/\\*[\\s\\S]*?\\*\\//y },\n        {\n            kind: \"string\",\n            pattern: /`(?:[^`\\\\]|\\\\.)*`|\"(?:[^\"\\\\]|\\\\.)*\"|'(?:[^'\\\\]|\\\\.)*'/y,\n        },\n        { kind: \"keyword\", pattern: new RegExp(`\\\\b(?:${JS_KEYWORDS})\\\\b`, \"y\") },\n        { kind: \"literal\", pattern: new RegExp(`\\\\b(?:${JS_LITERALS})\\\\b`, \"y\") },\n        {\n            kind: \"number\",\n            pattern: /\\b(?:0[xX][\\da-fA-F_]+|\\d[\\d_]*(?:\\.[\\d_]+)?(?:[eE][+-]?\\d+)?)\\b/y,\n        },\n        { kind: \"function\", pattern: /[A-Za-z_$][\\w$]*(?=\\s*\\()/y },\n        { kind: \"punctuation\", pattern: /[{}[\\]().,;:?!=<>+\\-*/%&|^~]/y },\n    ];\n    if (withJsx) {\n        // Before the keyword rule, so `<Button` reads as a tag and not as `<`.\n        rules.splice(2, 0, { kind: \"tag\", pattern: /<\\/?[A-Za-z][\\w.]*|\\/>/y });\n    }\n    return rules;\n}\n\n/**\n * Split source into coloured tokens.\n *\n * This is a **scanner, not a parser**: it recognises comments, strings, numbers,\n * keywords and punctuation by pattern, and knows nothing about scope, types or\n * grammar. That is a deliberate ceiling. A real parser per language is a\n * dependency the size of the rest of the SDK, and the payoff — being right about\n * the corner cases in a documentation snippet — is small. Where it is unsure it\n * emits `plain`, which renders as ordinary text rather than as something wrong.\n *\n * Unknown languages produce a single `plain` token, so an unhighlighted block is\n * a normal outcome and never an error.\n *\n * @param code - The source.\n * @param language - Grammar name or alias.\n * @returns Tokens covering the input exactly, in order.\n *\n * @example\n * tokenize(\"const x = 1;\", \"ts\");\n * // [{kind: \"keyword\", value: \"const\"}, {kind: \"plain\", value: \" x \"}, …]\n */\nexport function tokenize(code: string, language: string | undefined): Token[] {\n    const rules = GRAMMARS[resolveLanguage(language)];\n    if (rules.length === 0) return code === \"\" ? [] : [{ kind: \"plain\", value: code }];\n\n    const tokens: Token[] = [];\n    let plainFrom = 0;\n    let at = 0;\n\n    const flushPlain = (until: number) => {\n        if (until > plainFrom) tokens.push({ kind: \"plain\", value: code.slice(plainFrom, until) });\n    };\n\n    while (at < code.length) {\n        let matched: Token | null = null;\n        for (const rule of rules) {\n            rule.pattern.lastIndex = at;\n            const found = rule.pattern.exec(code);\n            if (found && found[0].length > 0) {\n                matched = { kind: rule.kind, value: found[0] };\n                break;\n            }\n        }\n        if (matched) {\n            flushPlain(at);\n            tokens.push(matched);\n            at += matched.value.length;\n            plainFrom = at;\n        } else {\n            at++;\n        }\n    }\n    flushPlain(code.length);\n    return tokens;\n}\n\n/**\n * The same tokens, split at newlines so each line can be rendered on its own.\n *\n * Line numbers and highlighted lines both need a per-line structure, and a token\n * is free to span a line break — a block comment usually does. Splitting here\n * keeps that out of the component.\n *\n * @param code - The source.\n * @param language - Grammar name or alias.\n * @returns One token array per line. Always at least one line.\n */\nexport function tokenizeLines(code: string, language: string | undefined): Token[][] {\n    const lines: Token[][] = [[]];\n    for (const token of tokenize(code, language)) {\n        const pieces = token.value.split(\"\\n\");\n        pieces.forEach((piece, index) => {\n            if (index > 0) lines.push([]);\n            if (piece !== \"\") lines[lines.length - 1].push({ kind: token.kind, value: piece });\n        });\n    }\n    return lines;\n}\n"],"mappings":"AAkCA,IAAM,EAAwC,CAC1C,GAAI,aACJ,WAAY,aACZ,GAAI,aACJ,WAAY,aACZ,IAAK,aACL,IAAK,aACL,IAAK,MACL,IAAK,MACL,KAAM,OACN,MAAO,OACP,IAAK,MACL,KAAM,MACN,KAAM,OACN,IAAK,OACL,IAAK,OACL,GAAI,OACJ,KAAM,OACN,MAAO,OACP,IAAK,OACL,QAAS,OACT,GAAI,SACJ,OAAQ,SACR,IAAK,KACT,EAQA,SAAgB,EAAgB,EAA4C,CAExE,OADK,EACE,EAAQ,EAAS,YAAY,IAAM,QADpB,OAE1B,CAQA,IAAM,EACF,uUAEE,EAAc,yCASd,EAAyC,CAC3C,WAAY,EAAQ,EAAK,EACzB,WAAY,EAAQ,EAAK,EACzB,IAAK,EAAQ,EAAI,EACjB,IAAK,EAAQ,EAAI,EACjB,KAAM,CACF,CAAE,KAAM,WAAY,QAAS,4BAA6B,EAC1D,CAAE,KAAM,SAAU,QAAS,oBAAqB,EAChD,CAAE,KAAM,SAAU,QAAS,mCAAoC,EAC/D,CAAE,KAAM,UAAW,QAAS,0BAA2B,EACvD,CAAE,KAAM,cAAe,QAAS,YAAa,CACjD,EACA,IAAK,CACD,CAAE,KAAM,UAAW,QAAS,mBAAoB,EAChD,CAAE,KAAM,SAAU,QAAS,sCAAuC,EAClE,CAAE,KAAM,UAAW,QAAS,cAAe,EAC3C,CAAE,KAAM,WAAY,QAAS,4BAA6B,EAC1D,CAAE,KAAM,WAAY,QAAS,mBAAoB,EACjD,CAAE,KAAM,SAAU,QAAS,oDAAqD,EAChF,CAAE,KAAM,cAAe,QAAS,eAAgB,CACpD,EACA,KAAM,CACF,CAAE,KAAM,UAAW,QAAS,kBAAmB,EAC/C,CAAE,KAAM,SAAU,QAAS,sCAAuC,EAClE,CAAE,KAAM,MAAO,QAAS,sBAAuB,EAC/C,CAAE,KAAM,YAAa,QAAS,uBAAwB,EACtD,CAAE,KAAM,cAAe,QAAS,SAAU,CAC9C,EACA,KAAM,CACF,CAAE,KAAM,UAAW,QAAS,UAAW,EACvC,CAAE,KAAM,SAAU,QAAS,4BAA6B,EACxD,CACI,KAAM,UACN,QACI,2GACR,EACA,CAAE,KAAM,WAAY,QAAS,yBAA0B,EACvD,CAAE,KAAM,YAAa,QAAS,2BAA4B,EAC1D,CAAE,KAAM,cAAe,QAAS,YAAa,CACjD,EACA,OAAQ,CACJ,CAAE,KAAM,UAAW,QAAS,UAAW,EACvC,CACI,KAAM,SACN,QAAS,oEACb,EACA,CACI,KAAM,UACN,QACI,wLACR,EACA,CAAE,KAAM,UAAW,QAAS,+BAAgC,EAC5D,CAAE,KAAM,SAAU,QAAS,oBAAqB,EAChD,CAAE,KAAM,WAAY,QAAS,qBAAsB,EACnD,CAAE,KAAM,cAAe,QAAS,yBAA0B,CAC9D,EACA,IAAK,CACD,CAAE,KAAM,UAAW,QAAS,4BAA6B,EACzD,CAAE,KAAM,SAAU,QAAS,iBAAkB,EAC7C,CACI,KAAM,UAEN,QACI,oQACR,EACA,CAAE,KAAM,SAAU,QAAS,oBAAqB,EAChD,CAAE,KAAM,cAAe,QAAS,aAAc,CAClD,EACA,MAAO,CAAC,CACZ,EAGA,SAAS,EAAQ,EAA0B,CACvC,IAAM,EAAgB,CAClB,CAAE,KAAM,UAAW,QAAS,8BAA+B,EAC3D,CACI,KAAM,SACN,QAAS,wDACb,EACA,CAAE,KAAM,UAAW,QAAa,OAAO,SAAS,EAAY,MAAO,GAAG,CAAE,EACxE,CAAE,KAAM,UAAW,QAAa,OAAO,SAAS,EAAY,MAAO,GAAG,CAAE,EACxE,CACI,KAAM,SACN,QAAS,mEACb,EACA,CAAE,KAAM,WAAY,QAAS,4BAA6B,EAC1D,CAAE,KAAM,cAAe,QAAS,+BAAgC,CACpE,EAKA,OAJI,GAEA,EAAM,OAAO,EAAG,EAAG,CAAE,KAAM,MAAO,QAAS,yBAA0B,CAAC,EAEnE,CACX,CAuBA,SAAgB,EAAS,EAAc,EAAuC,CAC1E,IAAM,EAAQ,EAAS,EAAgB,CAAQ,GAC/C,GAAI,EAAM,SAAW,EAAG,OAAO,IAAS,GAAK,CAAC,EAAI,CAAC,CAAE,KAAM,QAAS,MAAO,CAAK,CAAC,EAEjF,IAAM,EAAkB,CAAC,EACrB,EAAY,EACZ,EAAK,EAEH,EAAc,GAAkB,CAC9B,EAAQ,GAAW,EAAO,KAAK,CAAE,KAAM,QAAS,MAAO,EAAK,MAAM,EAAW,CAAK,CAAE,CAAC,CAC7F,EAEA,KAAO,EAAK,EAAK,QAAQ,CACrB,IAAI,EAAwB,KAC5B,IAAK,IAAM,KAAQ,EAAO,CACtB,EAAK,QAAQ,UAAY,EACzB,IAAM,EAAQ,EAAK,QAAQ,KAAK,CAAI,EACpC,GAAI,GAAS,EAAM,EAAE,CAAC,OAAS,EAAG,CAC9B,EAAU,CAAE,KAAM,EAAK,KAAM,MAAO,EAAM,EAAG,EAC7C,KACJ,CACJ,CACI,GACA,EAAW,CAAE,EACb,EAAO,KAAK,CAAO,EACnB,GAAM,EAAQ,MAAM,OACpB,EAAY,GAEZ,GAER,CAEA,OADA,EAAW,EAAK,MAAM,EACf,CACX,CAaA,SAAgB,EAAc,EAAc,EAAyC,CACjF,IAAM,EAAmB,CAAC,CAAC,CAAC,EAC5B,IAAK,IAAM,KAAS,EAAS,EAAM,CAAQ,EAEvC,EADqB,MAAM,MAAM;CACjC,CAAA,CAAO,SAAS,EAAO,IAAU,CACzB,EAAQ,GAAG,EAAM,KAAK,CAAC,CAAC,EACxB,IAAU,IAAI,EAAM,EAAM,OAAS,EAAE,CAAC,KAAK,CAAE,KAAM,EAAM,KAAM,MAAO,CAAM,CAAC,CACrF,CAAC,EAEL,OAAO,CACX"}
+{"version":3,"file":"tokenize.cjs","names":["ALIASES","resolveLanguage","language","JS_KEYWORDS","JS_LITERALS","GRAMMARS","jsRules","rules","withJsx","tokenize","code","tokens","plainFrom","at","push","last","token","flushPlain","until","matched","rule","found","tokenizeLines","lines","index","piece"],"sources":["../../../src/components/CodeBlock/tokenize.ts"],"sourcesContent":["/** What a token is painted as. */\nexport type TokenKind =\n    | \"plain\"\n    | \"comment\"\n    | \"string\"\n    | \"number\"\n    | \"keyword\"\n    | \"literal\"\n    | \"function\"\n    | \"punctuation\"\n    | \"tag\"\n    | \"attribute\"\n    | \"property\";\n\nexport interface Token {\n    kind: TokenKind;\n    value: string;\n}\n\n/** Languages the tokenizer knows. Anything else renders as plain text. */\nexport type CodeLanguage =\n    | \"typescript\"\n    | \"javascript\"\n    | \"tsx\"\n    | \"jsx\"\n    | \"json\"\n    | \"css\"\n    | \"html\"\n    | \"bash\"\n    | \"python\"\n    | \"sql\"\n    | \"plain\";\n\n/** Aliases people actually type, mapped onto the grammars above. */\nconst ALIASES: Record<string, CodeLanguage> = {\n    ts: \"typescript\",\n    typescript: \"typescript\",\n    js: \"javascript\",\n    javascript: \"javascript\",\n    mjs: \"javascript\",\n    cjs: \"javascript\",\n    tsx: \"tsx\",\n    jsx: \"jsx\",\n    json: \"json\",\n    jsonc: \"json\",\n    css: \"css\",\n    scss: \"css\",\n    html: \"html\",\n    xml: \"html\",\n    svg: \"html\",\n    sh: \"bash\",\n    bash: \"bash\",\n    shell: \"bash\",\n    zsh: \"bash\",\n    console: \"bash\",\n    py: \"python\",\n    python: \"python\",\n    sql: \"sql\",\n};\n\n/**\n * Normalise a language name onto a known grammar.\n *\n * @param language - Whatever the caller passed, e.g. `\"ts\"` or `\"Shell\"`.\n * @returns The grammar to use; `\"plain\"` when there is no match.\n */\nexport function resolveLanguage(language: string | undefined): CodeLanguage {\n    if (!language) return \"plain\";\n    return ALIASES[language.toLowerCase()] ?? \"plain\";\n}\n\n/** One grammar rule: a sticky pattern and the kind it produces. */\ninterface Rule {\n    kind: TokenKind;\n    pattern: RegExp;\n}\n\nconst JS_KEYWORDS =\n    \"as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|keyof|let|new|of|private|protected|public|readonly|return|satisfies|set|static|super|switch|this|throw|try|type|typeof|var|void|while|with|yield\";\n\nconst JS_LITERALS = \"true|false|null|undefined|NaN|Infinity\";\n\n/**\n * Rules per grammar, tried in order at each position.\n *\n * Order carries meaning: comments and strings come first so a keyword inside a\n * string stays a string. Every pattern is sticky (`y`) and anchored by\n * `lastIndex`, so a rule can only match where the scanner currently stands.\n *\n * Every string and comment pattern makes its closing delimiter **optional** —\n * `\"...\"?`, `/*...*?` / `<!--...--?` — so an unterminated opener is consumed as a\n * single token instead of failing and being rescanned from the next opener.\n * Without that, a `\"` followed by many escaped quotes was re-read to the end of\n * the input from each opening quote, quadratic in the input (#477).\n *\n * A well-formed string that closes on a later line stays one token where the\n * language allows the newline: bash, SQL, HTML and the JavaScript template\n * literal carry a raw `\\n`, and every grammar lets an escape cross the line feed\n * (`\\\\[\\s\\S]`), so `\"a\\` + LF + `b\"` is one string. A quote string that cannot\n * hold a raw newline — the JavaScript and JSON `\"`/`'`, CSS, the Python\n * `\"`/`'` — still ends at the line when it is unterminated, which is the only\n * case the optional close cuts at the line. A JSX attribute value is the\n * exception in the JavaScript family: `=\"…\"` has its own rule, ahead of the\n * plain JS strings, so it may hold a raw line feed — `<input placeholder=\"a` +\n * LF + `b\">` is one string where the plain JS rule would have ended it at the\n * line. The rule matches at the `=` and looks behind for it, so `=` keeps its\n * paint; `(?<==\\s)` covers the spaced `= \"…\"` form too.\n *\n * Each grammar also ends with a `plain` rule that consumes a run of identifier\n * characters in one step. The rules that need a lookahead — the JavaScript\n * `function`, the HTML `attribute`, the CSS `property` and `function`, the\n * Python `function` — match a whole run and then fail if the character after it\n * is not the expected one; with only `at++` to fall back on, the scanner retried\n * that run from every character in it. A code fence holding a long run of word\n * characters and no punctuation (a base64 blob, a minified token) took 6 s at\n * 80 KB and 25 s at 160 KB; the fallback consumes the run once, so the scan\n * stays linear (#477 sweep).\n *\n * The `plain` rule matches an identifier run while the scanner's fallback\n * collects whatever no rule matched, so one plain stretch arrives in pieces;\n * `tokenize` fuses adjacent `plain` tokens back into one, which is the array\n * shape — and the one span per run — that predates the fallback (#477).\n *\n * The JavaScript fallback does **not** start at `$` — it takes a `$` run and an\n * identifier run separately — so a leading `$type`, `$default` and `$this` keep\n * the `$` plain and the name a keyword. Inside an identifier the `$` is an\n * ordinary character, so `foo$this`, `a$true` and `x$1` are one `plain` token\n * instead of painting `this`, `true` and `1` out of them; the `'` string rule\n * carries the same boundary in a lookbehind, so an apostrophe in prose\n * (`Don't`) does not open a string that runs to the end of the input.\n *\n * The same boundary closes the JavaScript keyword, literal and number rules:\n * they end at `(?![\\w$])` rather than `\\b`, because `\\b` holds before a `$`, so\n * `if$foo` would paint `if` and leave the scanner standing on the `$` in the\n * middle of the identifier. The `function` rule only starts where no identifier\n * character precedes it (`(?<![\\w$])`). Without that lookbehind a rule that\n * stopped inside a run — the leading-`$` split above stops at every `$1` of\n * `$1$1$1…` — handed the rest of the run to `function`, which read it to the end\n * and failed for want of a `(`, once per `$`: 80 KB of `$1` took 2.8 s and\n * 120 KB of `if$` 4.2 s (#498). With both boundaries every rule that can start\n * inside a run fails at once or consumes a bounded piece of it, so each run is\n * read a constant number of times and `if$foo(`, `this$x(` and `true$y(` paint\n * as the one called identifier they are.\n *\n * The CSS `property` and `function` rules match a whole word where it stands —\n * `font-size` and `translate3d` paint as one token rather than splitting the\n * tail — and a `#rgb`/`#rrggbb` colour paints as a number. A word before a\n * colon only counts as a property when the colon starts a value boundary\n * (whitespace, `;`, `}`): after a `.`/`#`/`(`/`,`/`>`/`+`/`~`/`:` it is a\n * selector, and when the colon is followed by an identifier character it could\n * be a pseudo-class (`li:hover`) or a declaration with no space (`color:red`) —\n * neither can be told apart without a parser, so both stay `plain`, which is\n * what `origin/main` painted (`#477`).\n */\nconst GRAMMARS: Record<CodeLanguage, Rule[]> = {\n    typescript: jsRules(false),\n    javascript: jsRules(false),\n    tsx: jsRules(true),\n    jsx: jsRules(true),\n    json: [\n        { kind: \"property\", pattern: /\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"(?=\\s*:)/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?/y },\n        { kind: \"number\", pattern: /-?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/y },\n        { kind: \"literal\", pattern: /\\b(?:true|false|null)\\b/y },\n        { kind: \"punctuation\", pattern: /[{}[\\],:]/y },\n    ],\n    css: [\n        { kind: \"comment\", pattern: /\\/\\*[\\s\\S]*?(?:\\*\\/|$)/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?|'(?:[^'\\\\\\n]|\\\\[\\s\\S])*'?/y },\n        { kind: \"keyword\", pattern: /@[a-zA-Z-]+/y },\n        { kind: \"property\", pattern: /(?<![.#[\\](),>+~:])[\\w-]+(?=\\s*:(?![\\w/:]))/y },\n        { kind: \"function\", pattern: /[\\w-]+(?=\\()/y },\n        { kind: \"number\", pattern: /#[0-9a-fA-F]{3,8}\\b/y },\n        { kind: \"number\", pattern: /(?<![\\w-])-?\\d+(?:\\.\\d+)?(?:px|rem|em|%|s|ms|vh|vw|fr|deg)?/y },\n        { kind: \"punctuation\", pattern: /[{}();:,>+~]/y },\n        { kind: \"plain\", pattern: /[\\w-]+/y },\n    ],\n    html: [\n        { kind: \"comment\", pattern: /<!--[\\s\\S]*?(?:-->|$)/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\]|\\\\[\\s\\S])*\"?|'(?:[^'\\\\]|\\\\[\\s\\S])*'?/y },\n        { kind: \"tag\", pattern: /<\\/?[a-zA-Z][\\w:-]*/y },\n        { kind: \"attribute\", pattern: /[a-zA-Z][\\w:-]*(?==)/y },\n        { kind: \"punctuation\", pattern: /\\/?>|=/y },\n        { kind: \"plain\", pattern: /[a-zA-Z][\\w:-]*/y },\n    ],\n    bash: [\n        { kind: \"comment\", pattern: /#[^\\n]*/y },\n        { kind: \"string\", pattern: /\"(?:[^\"\\\\]|\\\\[\\s\\S])*\"?|'[^']*'?/y },\n        {\n            kind: \"keyword\",\n            pattern:\n                /\\b(?:if|then|else|elif|fi|for|while|do|done|case|esac|function|return|export|local|source|set|cd|echo)\\b/y,\n        },\n        { kind: \"property\", pattern: /\\$\\{?[A-Za-z_][\\w]*\\}?/y },\n        { kind: \"attribute\", pattern: /(?<=\\s)--?[a-zA-Z][\\w-]*/y },\n        { kind: \"punctuation\", pattern: /[|&;()<>]/y },\n    ],\n    python: [\n        { kind: \"comment\", pattern: /#[^\\n]*/y },\n        {\n            kind: \"string\",\n            pattern:\n                /\"\"\"[\\s\\S]*?(?:\"\"\"|$)|'''[\\s\\S]*?(?:'''|$)|\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?|'(?:[^'\\\\\\n]|\\\\[\\s\\S])*'?/y,\n        },\n        {\n            kind: \"keyword\",\n            pattern:\n                /\\b(?:and|as|assert|async|await|break|class|continue|def|del|elif|else|except|finally|for|from|global|if|import|in|is|lambda|nonlocal|not|or|pass|raise|return|try|while|with|yield)\\b/y,\n        },\n        { kind: \"literal\", pattern: /\\b(?:True|False|None|self)\\b/y },\n        { kind: \"number\", pattern: /\\b\\d+(?:\\.\\d+)?\\b/y },\n        { kind: \"function\", pattern: /[A-Za-z_]\\w*(?=\\()/y },\n        { kind: \"punctuation\", pattern: /[{}[\\]().,:;=+\\-*/<>!]/y },\n        { kind: \"plain\", pattern: /[A-Za-z_]\\w*/y },\n    ],\n    sql: [\n        { kind: \"comment\", pattern: /--[^\\n]*|\\/\\*[\\s\\S]*?(?:\\*\\/|$)/y },\n        { kind: \"string\", pattern: /'(?:[^']|'')*'?/y },\n        {\n            kind: \"keyword\",\n            // Case-insensitive: SQL is written both ways and both should paint.\n            pattern:\n                /\\b(?:select|from|where|insert|into|values|update|set|delete|create|table|alter|drop|index|join|inner|left|right|outer|on|group|by|order|having|limit|offset|as|and|or|not|in|is|null|distinct|union|all|with|returning|primary|key|foreign|references|default)\\b/iy,\n        },\n        { kind: \"number\", pattern: /\\b\\d+(?:\\.\\d+)?\\b/y },\n        { kind: \"punctuation\", pattern: /[(),;*=<>]/y },\n    ],\n    plain: [],\n};\n\n/** The shared JavaScript-family rules, with JSX tags added for tsx/jsx. */\nfunction jsRules(withJsx: boolean): Rule[] {\n    const rules: Rule[] = [\n        { kind: \"comment\", pattern: /\\/\\/[^\\n]*|\\/\\*[\\s\\S]*?(?:\\*\\/|$)/y },\n        {\n            kind: \"string\",\n            pattern:\n                /`(?:[^`\\\\]|\\\\[\\s\\S])*`?|\"(?:[^\"\\\\\\n]|\\\\[\\s\\S])*\"?|(?<![\\w$])'(?:[^'\\\\\\n]|\\\\[\\s\\S])*'?/y,\n        },\n        { kind: \"keyword\", pattern: new RegExp(`\\\\b(?:${JS_KEYWORDS})(?![\\\\w$])`, \"y\") },\n        { kind: \"literal\", pattern: new RegExp(`\\\\b(?:${JS_LITERALS})(?![\\\\w$])`, \"y\") },\n        {\n            kind: \"number\",\n            pattern: /\\b(?:0[xX][\\da-fA-F_]+|\\d[\\d_]*(?:\\.[\\d_]+)?(?:[eE][+-]?\\d+)?)(?![\\w$])/y,\n        },\n        { kind: \"function\", pattern: /(?<![\\w$])[A-Za-z_$][\\w$]*(?=\\s*\\()/y },\n        { kind: \"punctuation\", pattern: /[{}[\\]().,;:?!=<>+\\-*/%&|^~]/y },\n        { kind: \"plain\", pattern: /(?:[A-Za-z_][\\w$]*|\\$+)/y },\n    ];\n    if (withJsx) {\n        rules.splice(\n            1,\n            0,\n            { kind: \"string\", pattern: /(?:(?<==)|(?<==\\s))\"[^\"]*\"?/y },\n            { kind: \"string\", pattern: /(?:(?<==)|(?<==\\s))'[^']*'?/y },\n        );\n        rules.splice(4, 0, { kind: \"tag\", pattern: /<\\/?[A-Za-z][\\w.]*|\\/>/y });\n    }\n    return rules;\n}\n\n/**\n * Split source into coloured tokens.\n *\n * This is a **scanner, not a parser**: it recognises comments, strings, numbers,\n * keywords and punctuation by pattern, and knows nothing about scope, types or\n * grammar. That is a deliberate ceiling. A real parser per language is a\n * dependency the size of the rest of the SDK, and the payoff — being right about\n * the corner cases in a documentation snippet — is small. Where it is unsure it\n * emits `plain`, which renders as ordinary text rather than as something wrong.\n *\n * Unknown languages produce a single `plain` token, so an unhighlighted block is\n * a normal outcome and never an error.\n *\n * The scan is linear in the source: an unterminated string or comment becomes a\n * single token that runs to its close, or to the end of the input — or, for a\n * quote that cannot hold a newline and never closes, to the end of the line — so\n * the openers inside it are never rescanned (#477).\n *\n * @param code - The source.\n * @param language - Grammar name or alias.\n * @returns Tokens covering the input exactly, in order.\n *\n * @example\n * tokenize(\"const x = 1;\", \"ts\");\n * // [{kind: \"keyword\", value: \"const\"}, {kind: \"plain\", value: \" \"}, …]\n */\nexport function tokenize(code: string, language: string | undefined): Token[] {\n    const rules = GRAMMARS[resolveLanguage(language)];\n    if (rules.length === 0) return code === \"\" ? [] : [{ kind: \"plain\", value: code }];\n\n    const tokens: Token[] = [];\n    let plainFrom = 0;\n    let at = 0;\n\n    /**\n     * Append a token, fusing it with the previous one when both are `plain`.\n     *\n     * The `plain` rule matches an identifier run while the scanner's fallback\n     * collects the characters no rule matched, so one plain stretch of source\n     * arrives in pieces. Fusing them keeps the array shape `origin/main`\n     * produced, where a plain run was a single token and each got one span in\n     * the DOM rather than one per identifier (#477).\n     */\n    const push = (token: Token) => {\n        const last = tokens[tokens.length - 1];\n        if (last && last.kind === \"plain\" && token.kind === \"plain\") {\n            last.value += token.value;\n        } else {\n            tokens.push(token);\n        }\n    };\n\n    const flushPlain = (until: number) => {\n        if (until > plainFrom) push({ kind: \"plain\", value: code.slice(plainFrom, until) });\n    };\n\n    while (at < code.length) {\n        let matched: Token | null = null;\n        for (const rule of rules) {\n            rule.pattern.lastIndex = at;\n            const found = rule.pattern.exec(code);\n            if (found && found[0].length > 0) {\n                matched = { kind: rule.kind, value: found[0] };\n                break;\n            }\n        }\n        if (matched) {\n            flushPlain(at);\n            push(matched);\n            at += matched.value.length;\n            plainFrom = at;\n        } else {\n            at++;\n        }\n    }\n    flushPlain(code.length);\n    return tokens;\n}\n\n/**\n * The same tokens, split at newlines so each line can be rendered on its own.\n *\n * Line numbers and highlighted lines both need a per-line structure, and a token\n * is free to span a line break — a block comment usually does. Splitting here\n * keeps that out of the component.\n *\n * @param code - The source.\n * @param language - Grammar name or alias.\n * @returns One token array per line. Always at least one line.\n */\nexport function tokenizeLines(code: string, language: string | undefined): Token[][] {\n    const lines: Token[][] = [[]];\n    for (const token of tokenize(code, language)) {\n        const pieces = token.value.split(\"\\n\");\n        pieces.forEach((piece, index) => {\n            if (index > 0) lines.push([]);\n            if (piece !== \"\") lines[lines.length - 1].push({ kind: token.kind, value: piece });\n        });\n    }\n    return lines;\n}\n"],"mappings":"AAkCA,IAAMA,EAAwC,CAC1C,GAAI,aACJ,WAAY,aACZ,GAAI,aACJ,WAAY,aACZ,IAAK,aACL,IAAK,aACL,IAAK,MACL,IAAK,MACL,KAAM,OACN,MAAO,OACP,IAAK,MACL,KAAM,MACN,KAAM,OACN,IAAK,OACL,IAAK,OACL,GAAI,OACJ,KAAM,OACN,MAAO,OACP,IAAK,OACL,QAAS,OACT,GAAI,SACJ,OAAQ,SACR,IAAK,KACT,EAQA,SAAgBC,EAAgB,EAA4C,CAExE,OADKC,EACEF,EAAQE,EAAS,YAAY,IAAM,QADpB,OAE1B,CAQA,IAAMC,EACF,uUAEEC,EAAc,yCA0EdC,EAAyC,CAC3C,WAAYC,EAAQ,EAAK,EACzB,WAAYA,EAAQ,EAAK,EACzB,IAAKA,EAAQ,EAAI,EACjB,IAAKA,EAAQ,EAAI,EACjB,KAAM,CACF,CAAE,KAAM,WAAY,QAAS,mCAAoC,EACjE,CAAE,KAAM,SAAU,QAAS,4BAA6B,EACxD,CAAE,KAAM,SAAU,QAAS,mCAAoC,EAC/D,CAAE,KAAM,UAAW,QAAS,0BAA2B,EACvD,CAAE,KAAM,cAAe,QAAS,YAAa,CACjD,EACA,IAAK,CACD,CAAE,KAAM,UAAW,QAAS,yBAA0B,EACtD,CAAE,KAAM,SAAU,QAAS,sDAAuD,EAClF,CAAE,KAAM,UAAW,QAAS,cAAe,EAC3C,CAAE,KAAM,WAAY,QAAS,8CAA+C,EAC5E,CAAE,KAAM,WAAY,QAAS,eAAgB,EAC7C,CAAE,KAAM,SAAU,QAAS,sBAAuB,EAClD,CAAE,KAAM,SAAU,QAAS,8DAA+D,EAC1F,CAAE,KAAM,cAAe,QAAS,eAAgB,EAChD,CAAE,KAAM,QAAS,QAAS,SAAU,CACxC,EACA,KAAM,CACF,CAAE,KAAM,UAAW,QAAS,wBAAyB,EACrD,CAAE,KAAM,SAAU,QAAS,kDAAmD,EAC9E,CAAE,KAAM,MAAO,QAAS,sBAAuB,EAC/C,CAAE,KAAM,YAAa,QAAS,uBAAwB,EACtD,CAAE,KAAM,cAAe,QAAS,SAAU,EAC1C,CAAE,KAAM,QAAS,QAAS,kBAAmB,CACjD,EACA,KAAM,CACF,CAAE,KAAM,UAAW,QAAS,UAAW,EACvC,CAAE,KAAM,SAAU,QAAS,mCAAoC,EAC/D,CACI,KAAM,UACN,QACI,2GACR,EACA,CAAE,KAAM,WAAY,QAAS,yBAA0B,EACvD,CAAE,KAAM,YAAa,QAAS,2BAA4B,EAC1D,CAAE,KAAM,cAAe,QAAS,YAAa,CACjD,EACA,OAAQ,CACJ,CAAE,KAAM,UAAW,QAAS,UAAW,EACvC,CACI,KAAM,SACN,QACI,gGACR,EACA,CACI,KAAM,UACN,QACI,wLACR,EACA,CAAE,KAAM,UAAW,QAAS,+BAAgC,EAC5D,CAAE,KAAM,SAAU,QAAS,oBAAqB,EAChD,CAAE,KAAM,WAAY,QAAS,qBAAsB,EACnD,CAAE,KAAM,cAAe,QAAS,yBAA0B,EAC1D,CAAE,KAAM,QAAS,QAAS,eAAgB,CAC9C,EACA,IAAK,CACD,CAAE,KAAM,UAAW,QAAS,kCAAmC,EAC/D,CAAE,KAAM,SAAU,QAAS,kBAAmB,EAC9C,CACI,KAAM,UAEN,QACI,oQACR,EACA,CAAE,KAAM,SAAU,QAAS,oBAAqB,EAChD,CAAE,KAAM,cAAe,QAAS,aAAc,CAClD,EACA,MAAO,CAAC,CACZ,EAGA,SAASA,EAAQ,EAA0B,CACvC,IAAMC,EAAgB,CAClB,CAAE,KAAM,UAAW,QAAS,oCAAqC,EACjE,CACI,KAAM,SACN,QACI,wFACR,EACA,CAAE,KAAM,UAAW,QAAa,OAAO,SAASJ,EAAY,aAAc,GAAG,CAAE,EAC/E,CAAE,KAAM,UAAW,QAAa,OAAO,SAASC,EAAY,aAAc,GAAG,CAAE,EAC/E,CACI,KAAM,SACN,QAAS,0EACb,EACA,CAAE,KAAM,WAAY,QAAS,sCAAuC,EACpE,CAAE,KAAM,cAAe,QAAS,+BAAgC,EAChE,CAAE,KAAM,QAAS,QAAS,0BAA2B,CACzD,EAUA,OATII,IACAD,EAAM,OACF,EACA,EACA,CAAE,KAAM,SAAU,QAAS,8BAA+B,EAC1D,CAAE,KAAM,SAAU,QAAS,8BAA+B,CAC9D,EACAA,EAAM,OAAO,EAAG,EAAG,CAAE,KAAM,MAAO,QAAS,yBAA0B,CAAC,GAEnEA,CACX,CA4BA,SAAgBE,EAAS,EAAc,EAAuC,CAC1E,IAAMF,EAAQF,EAASJ,EAAgBC,CAAQ,GAC/C,GAAIK,EAAM,SAAW,EAAG,OAAOG,IAAS,GAAK,CAAC,EAAI,CAAC,CAAE,KAAM,QAAS,MAAOA,CAAK,CAAC,EAEjF,IAAMC,EAAkB,CAAC,EACrBC,EAAY,EACZC,EAAK,EAWHC,EAAQ,GAAiB,CAC3B,IAAMC,EAAOJ,EAAOA,EAAO,OAAS,GAChCI,GAAQA,EAAK,OAAS,SAAWC,EAAM,OAAS,QAChD,EAAK,OAASA,EAAM,MAEpBL,EAAO,KAAKK,CAAK,CAEzB,EAEMC,EAAc,GAAkB,CAC9BC,EAAQN,GAAWE,EAAK,CAAE,KAAM,QAAS,MAAOJ,EAAK,MAAME,EAAWM,CAAK,CAAE,CAAC,CACtF,EAEA,KAAOL,EAAKH,EAAK,QAAQ,CACrB,IAAIS,EAAwB,KAC5B,IAAK,IAAMC,KAAQb,EAAO,CACtB,EAAK,QAAQ,UAAYM,EACzB,IAAMQ,EAAQD,EAAK,QAAQ,KAAKV,CAAI,EACpC,GAAIW,GAASA,EAAM,EAAE,CAAC,OAAS,EAAG,CAC9B,EAAU,CAAE,KAAMD,EAAK,KAAM,MAAOC,EAAM,EAAG,EAC7C,KACJ,CACJ,CACIF,GACAF,EAAWJ,CAAE,EACbC,EAAKK,CAAO,EACZ,GAAMA,EAAQ,MAAM,OACpB,EAAYN,GAEZ,GAER,CAEA,OADAI,EAAWP,EAAK,MAAM,EACfC,CACX,CAaA,SAAgBW,EAAc,EAAc,EAAyC,CACjF,IAAMC,EAAmB,CAAC,CAAC,CAAC,EAC5B,IAAK,IAAMP,KAASP,EAASC,EAAMR,CAAQ,EAEvCc,EADqB,MAAM,MAAM;CACjC,CAAA,CAAO,SAAS,EAAO,IAAU,CACzBQ,EAAQ,GAAGD,EAAM,KAAK,CAAC,CAAC,EACxBE,IAAU,IAAIF,EAAMA,EAAM,OAAS,EAAE,CAAC,KAAK,CAAE,KAAMP,EAAM,KAAM,MAAOS,CAAM,CAAC,CACrF,CAAC,EAEL,OAAOF,CACX,C"}