@raystack/apsara 0.52.0 → 0.53.1

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

@@ -0,0 +1,23 @@
+'use strict';
+
+var select = require('../select/select.cjs');
+var codeBlockCode = require('./code-block-code.cjs');
+var codeBlockLanguageSelect = require('./code-block-language-select.cjs');
+var codeBlockMisc = require('./code-block-misc.cjs');
+var codeBlockRoot = require('./code-block-root.cjs');
+
+const CodeBlock = Object.assign(codeBlockRoot.CodeBlockRoot, {
+    Header: codeBlockMisc.CodeBlockHeader,
+    Content: codeBlockMisc.CodeBlockContent,
+    Label: codeBlockMisc.CodeBlockLabel,
+    LanguageSelect: codeBlockLanguageSelect.CodeBlockLanguageSelect,
+    LanguageSelectTrigger: codeBlockLanguageSelect.CodeBlockLanguageSelectTrigger,
+    LanguageSelectContent: select.Select.Content,
+    LanguageSelectItem: select.Select.Item,
+    CopyButton: codeBlockMisc.CodeBlockCopyButton,
+    Code: codeBlockCode.CodeBlockCode,
+    CollapseTrigger: codeBlockMisc.CodeBlockCollapseTrigger
+});
+
+exports.CodeBlock = CodeBlock;
+//# sourceMappingURL=code-block.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.cjs","sources":["../../../components/code-block/code-block.tsx"],"sourcesContent":["import { Select } from '../select';\nimport { CodeBlockCode } from './code-block-code';\nimport {\n  CodeBlockLanguageSelect,\n  CodeBlockLanguageSelectTrigger\n} from './code-block-language-select';\nimport {\n  CodeBlockCollapseTrigger,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockHeader,\n  CodeBlockLabel\n} from './code-block-misc';\nimport { CodeBlockRoot } from './code-block-root';\n\nexport const CodeBlock = Object.assign(CodeBlockRoot, {\n  Header: CodeBlockHeader,\n  Content: CodeBlockContent,\n  Label: CodeBlockLabel,\n  LanguageSelect: CodeBlockLanguageSelect,\n  LanguageSelectTrigger: CodeBlockLanguageSelectTrigger,\n  LanguageSelectContent: Select.Content as typeof Select.Content,\n  LanguageSelectItem: Select.Item as typeof Select.Item,\n  CopyButton: CodeBlockCopyButton,\n  Code: CodeBlockCode,\n  CollapseTrigger: CodeBlockCollapseTrigger\n});\n"],"names":["CodeBlockRoot","CodeBlockHeader","CodeBlockContent","CodeBlockLabel","CodeBlockLanguageSelect","CodeBlockLanguageSelectTrigger","Select","CodeBlockCopyButton","CodeBlockCode","CodeBlockCollapseTrigger"],"mappings":";;;;;;;;MAea,SAAS,GAAG,MAAM,CAAC,MAAM,CAACA,2BAAa,EAAE;AACpD,IAAA,MAAM,EAAEC,6BAAe;AACvB,IAAA,OAAO,EAAEC,8BAAgB;AACzB,IAAA,KAAK,EAAEC,4BAAc;AACrB,IAAA,cAAc,EAAEC,+CAAuB;AACvC,IAAA,qBAAqB,EAAEC,sDAA8B;IACrD,qBAAqB,EAAEC,aAAM,CAAC,OAAgC;IAC9D,kBAAkB,EAAEA,aAAM,CAAC,IAA0B;AACrD,IAAA,UAAU,EAAEC,iCAAmB;AAC/B,IAAA,IAAI,EAAEC,2BAAa;AACnB,IAAA,eAAe,EAAEC,sCAAwB;AAC1C,CAAA;;;;"}

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

@@ -0,0 +1,21 @@
+import { Select } from '../select/select.js';
+import { CodeBlockCode } from './code-block-code.js';
+import { CodeBlockLanguageSelect, CodeBlockLanguageSelectTrigger } from './code-block-language-select.js';
+import { CodeBlockHeader, CodeBlockContent, CodeBlockLabel, CodeBlockCopyButton, CodeBlockCollapseTrigger } from './code-block-misc.js';
+import { CodeBlockRoot } from './code-block-root.js';
+
+const CodeBlock = Object.assign(CodeBlockRoot, {
+    Header: CodeBlockHeader,
+    Content: CodeBlockContent,
+    Label: CodeBlockLabel,
+    LanguageSelect: CodeBlockLanguageSelect,
+    LanguageSelectTrigger: CodeBlockLanguageSelectTrigger,
+    LanguageSelectContent: Select.Content,
+    LanguageSelectItem: Select.Item,
+    CopyButton: CodeBlockCopyButton,
+    Code: CodeBlockCode,
+    CollapseTrigger: CodeBlockCollapseTrigger
+});
+
+export { CodeBlock };
+//# sourceMappingURL=code-block.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.js","sources":["../../../components/code-block/code-block.tsx"],"sourcesContent":["import { Select } from '../select';\nimport { CodeBlockCode } from './code-block-code';\nimport {\n  CodeBlockLanguageSelect,\n  CodeBlockLanguageSelectTrigger\n} from './code-block-language-select';\nimport {\n  CodeBlockCollapseTrigger,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockHeader,\n  CodeBlockLabel\n} from './code-block-misc';\nimport { CodeBlockRoot } from './code-block-root';\n\nexport const CodeBlock = Object.assign(CodeBlockRoot, {\n  Header: CodeBlockHeader,\n  Content: CodeBlockContent,\n  Label: CodeBlockLabel,\n  LanguageSelect: CodeBlockLanguageSelect,\n  LanguageSelectTrigger: CodeBlockLanguageSelectTrigger,\n  LanguageSelectContent: Select.Content as typeof Select.Content,\n  LanguageSelectItem: Select.Item as typeof Select.Item,\n  CopyButton: CodeBlockCopyButton,\n  Code: CodeBlockCode,\n  CollapseTrigger: CodeBlockCollapseTrigger\n});\n"],"names":[],"mappings":";;;;;;MAea,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE;AACpD,IAAA,MAAM,EAAE,eAAe;AACvB,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,KAAK,EAAE,cAAc;AACrB,IAAA,cAAc,EAAE,uBAAuB;AACvC,IAAA,qBAAqB,EAAE,8BAA8B;IACrD,qBAAqB,EAAE,MAAM,CAAC,OAAgC;IAC9D,kBAAkB,EAAE,MAAM,CAAC,IAA0B;AACrD,IAAA,UAAU,EAAE,mBAAmB;AAC/B,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,eAAe,EAAE,wBAAwB;AAC1C,CAAA;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"container":"code-block-module_container__jbdzZ","content":"code-block-module_content__hfyxg","header":"code-block-module_header__k0-Ow","label":"code-block-module_label__TcwYO","languageSelectTrigger":"code-block-module_languageSelectTrigger__dnGoj","collapseTrigger":"code-block-module_collapseTrigger__tX6fI","codeContent":"code-block-module_codeContent__8GUq7","pre":"code-block-module_pre__RXDtg","lineNumber":"code-block-module_lineNumber__ru2oY","lineContent":"code-block-module_lineContent__OG9cE","copyButton":"code-block-module_copyButton__1hsyv","floatingCopyButton":"code-block-module_floatingCopyButton__EaiDL"};
+
+exports.default = styles;
+//# sourceMappingURL=code-block.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,4 @@
+var styles = {"container":"code-block-module_container__jbdzZ","content":"code-block-module_content__hfyxg","header":"code-block-module_header__k0-Ow","label":"code-block-module_label__TcwYO","languageSelectTrigger":"code-block-module_languageSelectTrigger__dnGoj","collapseTrigger":"code-block-module_collapseTrigger__tX6fI","codeContent":"code-block-module_codeContent__8GUq7","pre":"code-block-module_pre__RXDtg","lineNumber":"code-block-module_lineNumber__ru2oY","lineContent":"code-block-module_lineContent__OG9cE","copyButton":"code-block-module_copyButton__1hsyv","floatingCopyButton":"code-block-module_floatingCopyButton__EaiDL"};
+
+export { styles as default };
+//# sourceMappingURL=code-block.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var code = {"theme":"code-module_theme__AQTtf"};
+
+exports.default = code;
+//# sourceMappingURL=code.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,4 @@
+var code = {"theme":"code-module_theme__AQTtf"};
+
+export { code as default };
+//# sourceMappingURL=code.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/code-block/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/copy-button/copy-button.cjs

@@ -8,7 +8,7 @@ var useCopyToClipboard = require('../../hooks/useCopyToClipboard.cjs');
 var checkCircleFilled = require('../../icons/assets/check-circle-filled.svg.cjs');
 var iconButton = require('../icon-button/icon-button.cjs');
 
-const CopyButton = ({ text, resetTimeout = 1000, resetIcon = true, ...props }) => {
+const CopyButton = React.forwardRef(({ text, resetTimeout = 1000, resetIcon = true, ...props }, ref) => {
     const { copy } = useCopyToClipboard.useCopyToClipboard();
     const [isCopied, setIsCopied] = React.useState(false);
     async function onCopy() {
@@ -22,8 +22,9 @@ const CopyButton = ({ text, resetTimeout = 1000, resetIcon = true, ...props }) =
             }
         }
     }
-    return (jsxRuntime.jsx(iconButton.IconButton, { ...props, onClick: onCopy, "data-test-id": 'copy-button', children: isCopied ? (jsxRuntime.jsx(checkCircleFilled.ReactComponent, { color: 'var(--rs-color-foreground-success-primary)' })) : (jsxRuntime.jsx(reactIcons_esm.CopyIcon, {})) }));
-};
+    return (jsxRuntime.jsx(iconButton.IconButton, { ref: ref, ...props, onClick: onCopy, "data-test-id": 'copy-button', children: isCopied ? (jsxRuntime.jsx(checkCircleFilled.ReactComponent, { color: 'var(--rs-color-foreground-success-primary)' })) : (jsxRuntime.jsx(reactIcons_esm.CopyIcon, {})) }));
+});
+CopyButton.displayName = 'CopyButton';
 
 exports.CopyButton = CopyButton;
 //# sourceMappingURL=copy-button.cjs.map

package/dist/components/copy-button/copy-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.cjs","sources":["../../../components/copy-button/copy-button.tsx"],"sourcesContent":["'use client';\n\nimport { CopyIcon } from '@radix-ui/react-icons';\nimport { useState } from 'react';\nimport { useCopyToClipboard } from '~/hooks/useCopyToClipboard';\nimport { CheckCircleFilledIcon } from '~/icons';\nimport { IconButton, IconButtonProps } from '../icon-button/icon-button';\n\ninterface CopyButtonProps extends IconButtonProps {\n  text: string;\n  resetTimeout?: number;\n  resetIcon?: boolean;\n}\n\nexport const CopyButton = ({\n  text,\n  resetTimeout = 1000,\n  resetIcon = true,\n  ...props\n}: CopyButtonProps) => {\n  const { copy } = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n\n  async function onCopy() {\n    const res = await copy(text);\n    if (res) {\n      setIsCopied(true);\n      if (resetIcon) {\n        setTimeout(() => {\n          setIsCopied(false);\n        }, resetTimeout);\n      }\n    }\n  }\n\n  return (\n    <IconButton {...props} onClick={onCopy} data-test-id='copy-button'>\n      {isCopied ? (\n        <CheckCircleFilledIcon color='var(--rs-color-foreground-success-primary)' />\n      ) : (\n        <CopyIcon />\n      )}\n    </IconButton>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAoBE;;AAGA;AACE;;;;;;;;;;AAWF;AASF;;"}
+{"version":3,"file":"copy-button.cjs","sources":["../../../components/copy-button/copy-button.tsx"],"sourcesContent":["'use client';\n\nimport { CopyIcon } from '@radix-ui/react-icons';\nimport { ElementRef, forwardRef, useState } from 'react';\nimport { useCopyToClipboard } from '~/hooks/useCopyToClipboard';\nimport { CheckCircleFilledIcon } from '~/icons';\nimport { IconButton, IconButtonProps } from '../icon-button/icon-button';\n\nexport interface CopyButtonProps extends IconButtonProps {\n  text: string;\n  resetTimeout?: number;\n  resetIcon?: boolean;\n}\n\nexport const CopyButton = forwardRef<\n  ElementRef<typeof IconButton>,\n  CopyButtonProps\n>(({ text, resetTimeout = 1000, resetIcon = true, ...props }, ref) => {\n  const { copy } = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n\n  async function onCopy() {\n    const res = await copy(text);\n    if (res) {\n      setIsCopied(true);\n      if (resetIcon) {\n        setTimeout(() => {\n          setIsCopied(false);\n        }, resetTimeout);\n      }\n    }\n  }\n\n  return (\n    <IconButton\n      ref={ref}\n      {...props}\n      onClick={onCopy}\n      data-test-id='copy-button'\n    >\n      {isCopied ? (\n        <CheckCircleFilledIcon color='var(--rs-color-foreground-success-primary)' />\n      ) : (\n        <CopyIcon />\n      )}\n    </IconButton>\n  );\n});\n\nCopyButton.displayName = 'CopyButton';\n"],"names":[],"mappings":";;;;;;;;;;AAca;AAIX;;AAGA;AACE;;;;;;;;;;AAWF;AAcF;AAEA;;"}

package/dist/components/copy-button/copy-button.d.ts

@@ -1,9 +1,8 @@
 import { IconButtonProps } from '../icon-button/icon-button';
-interface CopyButtonProps extends IconButtonProps {
+export interface CopyButtonProps extends IconButtonProps {
     text: string;
     resetTimeout?: number;
     resetIcon?: boolean;
 }
-export declare const CopyButton: ({ text, resetTimeout, resetIcon, ...props }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const CopyButton: import("react").ForwardRefExoticComponent<CopyButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=copy-button.d.ts.map

package/dist/components/copy-button/copy-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../components/copy-button/copy-button.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAc,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEzE,UAAU,eAAgB,SAAQ,eAAe;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,gDAKpB,eAAe,4CAyBjB,CAAC"}
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../components/copy-button/copy-button.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAc,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEzE,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,+GAiCrB,CAAC"}

package/dist/components/copy-button/copy-button.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { CopyIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { useState } from 'react';
+import { forwardRef, useState } from 'react';
 import { useCopyToClipboard } from '../../hooks/useCopyToClipboard.js';
 import { ReactComponent as SvgCheckCircleFilled } from '../../icons/assets/check-circle-filled.svg.js';
 import { IconButton } from '../icon-button/icon-button.js';
 
-const CopyButton = ({ text, resetTimeout = 1000, resetIcon = true, ...props }) => {
+const CopyButton = forwardRef(({ text, resetTimeout = 1000, resetIcon = true, ...props }, ref) => {
     const { copy } = useCopyToClipboard();
     const [isCopied, setIsCopied] = useState(false);
     async function onCopy() {
@@ -20,8 +20,9 @@ const CopyButton = ({ text, resetTimeout = 1000, resetIcon = true, ...props }) =
             }
         }
     }
-    return (jsx(IconButton, { ...props, onClick: onCopy, "data-test-id": 'copy-button', children: isCopied ? (jsx(SvgCheckCircleFilled, { color: 'var(--rs-color-foreground-success-primary)' })) : (jsx(CopyIcon, {})) }));
-};
+    return (jsx(IconButton, { ref: ref, ...props, onClick: onCopy, "data-test-id": 'copy-button', children: isCopied ? (jsx(SvgCheckCircleFilled, { color: 'var(--rs-color-foreground-success-primary)' })) : (jsx(CopyIcon, {})) }));
+});
+CopyButton.displayName = 'CopyButton';
 
 export { CopyButton };
 //# sourceMappingURL=copy-button.js.map

package/dist/components/copy-button/copy-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.js","sources":["../../../components/copy-button/copy-button.tsx"],"sourcesContent":["'use client';\n\nimport { CopyIcon } from '@radix-ui/react-icons';\nimport { useState } from 'react';\nimport { useCopyToClipboard } from '~/hooks/useCopyToClipboard';\nimport { CheckCircleFilledIcon } from '~/icons';\nimport { IconButton, IconButtonProps } from '../icon-button/icon-button';\n\ninterface CopyButtonProps extends IconButtonProps {\n  text: string;\n  resetTimeout?: number;\n  resetIcon?: boolean;\n}\n\nexport const CopyButton = ({\n  text,\n  resetTimeout = 1000,\n  resetIcon = true,\n  ...props\n}: CopyButtonProps) => {\n  const { copy } = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n\n  async function onCopy() {\n    const res = await copy(text);\n    if (res) {\n      setIsCopied(true);\n      if (resetIcon) {\n        setTimeout(() => {\n          setIsCopied(false);\n        }, resetTimeout);\n      }\n    }\n  }\n\n  return (\n    <IconButton {...props} onClick={onCopy} data-test-id='copy-button'>\n      {isCopied ? (\n        <CheckCircleFilledIcon color='var(--rs-color-foreground-success-primary)' />\n      ) : (\n        <CopyIcon />\n      )}\n    </IconButton>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAoBE;;AAGA;AACE;;;;;;;;;;AAWF;AASF;;"}
+{"version":3,"file":"copy-button.js","sources":["../../../components/copy-button/copy-button.tsx"],"sourcesContent":["'use client';\n\nimport { CopyIcon } from '@radix-ui/react-icons';\nimport { ElementRef, forwardRef, useState } from 'react';\nimport { useCopyToClipboard } from '~/hooks/useCopyToClipboard';\nimport { CheckCircleFilledIcon } from '~/icons';\nimport { IconButton, IconButtonProps } from '../icon-button/icon-button';\n\nexport interface CopyButtonProps extends IconButtonProps {\n  text: string;\n  resetTimeout?: number;\n  resetIcon?: boolean;\n}\n\nexport const CopyButton = forwardRef<\n  ElementRef<typeof IconButton>,\n  CopyButtonProps\n>(({ text, resetTimeout = 1000, resetIcon = true, ...props }, ref) => {\n  const { copy } = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n\n  async function onCopy() {\n    const res = await copy(text);\n    if (res) {\n      setIsCopied(true);\n      if (resetIcon) {\n        setTimeout(() => {\n          setIsCopied(false);\n        }, resetTimeout);\n      }\n    }\n  }\n\n  return (\n    <IconButton\n      ref={ref}\n      {...props}\n      onClick={onCopy}\n      data-test-id='copy-button'\n    >\n      {isCopied ? (\n        <CheckCircleFilledIcon color='var(--rs-color-foreground-success-primary)' />\n      ) : (\n        <CopyIcon />\n      )}\n    </IconButton>\n  );\n});\n\nCopyButton.displayName = 'CopyButton';\n"],"names":[],"mappings":";;;;;;;;AAca;AAIX;;AAGA;AACE;;;;;;;;;;AAWF;AAcF;AAEA;;"}

package/dist/components/dialog/dialog.cjs

@@ -2,34 +2,43 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var flex = require('../flex/flex.cjs');
 var dialog_module = require('./dialog.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._i7gyttlqowrnok6rwi63tbbmni/node_modules/@radix-ui/react-dialog/dist/index.cjs');
+var index$1 = require('../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._i7gyttlqowrnok6rwi63tbbmni/node_modules/@radix-ui/react-dialog/dist/index.cjs');
 
-const dialogContent = index$1.cva(dialog_module.default.dialogContent);
-const DialogContent = React.forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, ...props }, ref) => (jsxRuntime.jsxs(index.Portal, { children: [jsxRuntime.jsx(index.Overlay, { className: index$1.cx(dialog_module.default.dialogOverlay, overlayClassName, overlayBlur && dialog_module.default.overlayBlur), style: overlayStyle, "aria-hidden": 'true', role: 'presentation' }), jsxRuntime.jsx(index.Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: children })] })));
-DialogContent.displayName = index.Content.displayName;
-const DialogHeader = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { justify: 'between', align: 'center', className: index$1.cx(dialog_module.default.header, className), children: children }));
-const DialogFooter = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { gap: 5, justify: 'end', className: index$1.cx(dialog_module.default.footer, className), children: children }));
-const DialogBody = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { direction: 'column', gap: 3, className: index$1.cx(dialog_module.default.body, className), children: children }));
+const dialogContent = index.cva(dialog_module.default.dialogContent);
+const DialogContent = React.forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, scrollableOverlay = false, ...props }, ref) => {
+    const overlayProps = {
+        className: index.cx(dialog_module.default.dialogOverlay, overlayClassName, overlayBlur && dialog_module.default.overlayBlur),
+        style: overlayStyle,
+        'aria-hidden': 'true',
+        role: 'presentation'
+    };
+    const content = (jsxRuntime.jsx(index$1.Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: children }));
+    return (jsxRuntime.jsx(index$1.Portal, { children: scrollableOverlay ? (jsxRuntime.jsx(index$1.Overlay, { ...overlayProps, children: content })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(index$1.Overlay, { ...overlayProps }), content] })) }));
+});
+DialogContent.displayName = index$1.Content.displayName;
+const DialogHeader = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { justify: 'between', align: 'center', className: index.cx(dialog_module.default.header, className), children: children }));
+const DialogFooter = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { gap: 5, justify: 'end', className: index.cx(dialog_module.default.footer, className), children: children }));
+const DialogBody = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { direction: 'column', gap: 3, className: index.cx(dialog_module.default.body, className), children: children }));
 function CloseButton({ className, ...props }) {
-    return (jsxRuntime.jsx(index.Close, { className: index$1.cx(dialog_module.default.close, className), "aria-label": 'Close dialog', ...props, children: jsxRuntime.jsx(reactIcons_esm.Cross1Icon, {}) }));
+    return (jsxRuntime.jsx(index$1.Close, { className: index.cx(dialog_module.default.close, className), "aria-label": 'Close dialog', ...props, children: jsxRuntime.jsx(reactIcons_esm.Cross1Icon, {}) }));
 }
 function DialogTitle({ children, className, ...props }) {
-    return (jsxRuntime.jsx(index.Title, { ...props, role: 'heading', "aria-level": 1, className: index$1.cx(dialog_module.default.title, className), children: children }));
+    return (jsxRuntime.jsx(index$1.Title, { ...props, role: 'heading', "aria-level": 1, className: index.cx(dialog_module.default.title, className), children: children }));
 }
 function DialogDescription({ children, className, ...props }) {
-    return (jsxRuntime.jsx(index.Description, { ...props, className: index$1.cx(dialog_module.default.description, className), id: 'dialog-description', role: 'document', children: children }));
+    return (jsxRuntime.jsx(index$1.Description, { ...props, className: index.cx(dialog_module.default.description, className), id: 'dialog-description', role: 'document', children: children }));
 }
-const Dialog = Object.assign(index.Root, {
-    Trigger: index.Trigger,
+const Dialog = Object.assign(index$1.Root, {
+    Trigger: index$1.Trigger,
     Content: DialogContent,
     Header: DialogHeader,
     Footer: DialogFooter,
     Body: DialogBody,
-    Close: index.Close,
+    Close: index$1.Close,
     CloseButton: CloseButton,
     Title: DialogTitle,
     Description: DialogDescription

package/dist/components/dialog/dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.cjs","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      ...props\n    },\n    ref\n  ) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay\n        className={cx(\n          styles.dialogOverlay,\n          overlayClassName,\n          overlayBlur && styles.overlayBlur\n        )}\n        style={overlayStyle}\n        aria-hidden='true'\n        role='presentation'\n      />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify='end' className={cx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction='column' gap={3} className={cx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon />\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role='heading'\n      aria-level={1}\n      className={cx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={cx(styles.description, className)}\n      id='dialog-description'\n      role='document'\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["cva","styles","forwardRef","_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","cx","DialogPrimitive.Content","Flex","DialogPrimitive.Close","Cross1Icon","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}
+{"version":3,"file":"dialog.cjs","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n  scrollableOverlay?: boolean;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      scrollableOverlay = false,\n      ...props\n    },\n    ref\n  ) => {\n    const overlayProps: DialogPrimitive.DialogOverlayProps = {\n      className: cx(\n        styles.dialogOverlay,\n        overlayClassName,\n        overlayBlur && styles.overlayBlur\n      ),\n      style: overlayStyle,\n      'aria-hidden': 'true',\n      role: 'presentation'\n    };\n\n    const content = (\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    );\n    return (\n      <DialogPrimitive.Portal>\n        {scrollableOverlay ? (\n          <DialogPrimitive.Overlay {...overlayProps}>\n            {content}\n          </DialogPrimitive.Overlay>\n        ) : (\n          <>\n            <DialogPrimitive.Overlay {...overlayProps} />\n            {content}\n          </>\n        )}\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify='end' className={cx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction='column' gap={3} className={cx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon />\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role='heading'\n      aria-level={1}\n      className={cx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={cx(styles.description, className)}\n      id='dialog-description'\n      role='document'\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["cva","styles","forwardRef","cx","_jsx","DialogPrimitive.Content","DialogPrimitive.Portal","DialogPrimitive.Overlay","_jsxs","_Fragment","Flex","DialogPrimitive.Close","Cross1Icon","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}

package/dist/components/dialog/dialog.d.ts

@@ -9,6 +9,7 @@ export interface DialogContentProps extends ComponentPropsWithoutRef<typeof Dial
     overlayClassName?: string;
     overlayStyle?: React.CSSProperties;
     width?: string | number;
+    scrollableOverlay?: boolean;
 }
 type CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;
 export declare function CloseButton({ className, ...props }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,aAAa,oFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAuFD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAUpE;AAED,UAAU,gBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAWvE;AAED,UAAU,sBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAWxB;AAED,eAAO,MAAM,MAAM;;;;kBA1FP,MAAM,SAAS;;;;kBAgBf,MAAM,SAAS;;;;kBAYf,MAAM,SAAS;;;;;;;CAwEzB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,aAAa,oFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAuGD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAUpE;AAED,UAAU,gBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAWvE;AAED,UAAU,sBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAWxB;AAED,eAAO,MAAM,MAAM;;;;kBA1FP,MAAM,SAAS;;;;kBAgBf,MAAM,SAAS;;;;kBAYf,MAAM,SAAS;;;;;;;CAwEzB,CAAC"}

package/dist/components/dialog/dialog.js

@@ -1,13 +1,22 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/flex.js';
 import styles from './dialog.module.css.js';
-import { Portal, Overlay, Content, Root, Trigger, Close, Title, Description } from '../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._i7gyttlqowrnok6rwi63tbbmni/node_modules/@radix-ui/react-dialog/dist/index.js';
+import { Content, Portal, Overlay, Root, Trigger, Close, Title, Description } from '../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._i7gyttlqowrnok6rwi63tbbmni/node_modules/@radix-ui/react-dialog/dist/index.js';
 
 const dialogContent = cva(styles.dialogContent);
-const DialogContent = forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, ...props }, ref) => (jsxs(Portal, { children: [jsx(Overlay, { className: cx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur), style: overlayStyle, "aria-hidden": 'true', role: 'presentation' }), jsx(Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: children })] })));
+const DialogContent = forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, scrollableOverlay = false, ...props }, ref) => {
+    const overlayProps = {
+        className: cx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur),
+        style: overlayStyle,
+        'aria-hidden': 'true',
+        role: 'presentation'
+    };
+    const content = (jsx(Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: children }));
+    return (jsx(Portal, { children: scrollableOverlay ? (jsx(Overlay, { ...overlayProps, children: content })) : (jsxs(Fragment, { children: [jsx(Overlay, { ...overlayProps }), content] })) }));
+});
 DialogContent.displayName = Content.displayName;
 const DialogHeader = ({ children, className }) => (jsx(Flex, { justify: 'between', align: 'center', className: cx(styles.header, className), children: children }));
 const DialogFooter = ({ children, className }) => (jsx(Flex, { gap: 5, justify: 'end', className: cx(styles.footer, className), children: children }));

package/dist/components/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      ...props\n    },\n    ref\n  ) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay\n        className={cx(\n          styles.dialogOverlay,\n          overlayClassName,\n          overlayBlur && styles.overlayBlur\n        )}\n        style={overlayStyle}\n        aria-hidden='true'\n        role='presentation'\n      />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify='end' className={cx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction='column' gap={3} className={cx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon />\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role='heading'\n      aria-level={1}\n      className={cx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={cx(styles.description, className)}\n      id='dialog-description'\n      role='document'\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}
+{"version":3,"file":"dialog.js","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n  scrollableOverlay?: boolean;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      scrollableOverlay = false,\n      ...props\n    },\n    ref\n  ) => {\n    const overlayProps: DialogPrimitive.DialogOverlayProps = {\n      className: cx(\n        styles.dialogOverlay,\n        overlayClassName,\n        overlayBlur && styles.overlayBlur\n      ),\n      style: overlayStyle,\n      'aria-hidden': 'true',\n      role: 'presentation'\n    };\n\n    const content = (\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    );\n    return (\n      <DialogPrimitive.Portal>\n        {scrollableOverlay ? (\n          <DialogPrimitive.Overlay {...overlayProps}>\n            {content}\n          </DialogPrimitive.Overlay>\n        ) : (\n          <>\n            <DialogPrimitive.Overlay {...overlayProps} />\n            {content}\n          </>\n        )}\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify='end' className={cx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction='column' gap={3} className={cx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon />\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role='heading'\n      aria-level={1}\n      className={cx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={cx(styles.description, className)}\n      id='dialog-description'\n      role='document'\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["_jsx","DialogPrimitive.Content","DialogPrimitive.Portal","DialogPrimitive.Overlay","_jsxs","_Fragment","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}

package/dist/components/select/select-root.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-root.cjs","sources":["../../../components/select/select-root.tsx"],"sourcesContent":["'use client';\n\nimport { ComboboxProvider } from '@ariakit/react';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { ItemType } from './types';\n\ninterface CommonProps {\n  autocomplete?: boolean;\n  autocompleteMode?: 'auto' | 'manual';\n  searchValue?: string;\n  onSearch?: (value: string) => void;\n  defaultSearchValue?: string;\n}\n\ninterface SelectContextValue extends CommonProps {\n  value?: string | string[];\n  registerItem: (item: ItemType) => void;\n  unregisterItem: (value: string) => void;\n  multiple: boolean;\n  items: Record<string, ItemType>;\n  updateSelectionInProgress: (value: boolean) => void;\n  setValue: (value: string) => void;\n}\n\ninterface UseSelectContext extends SelectContextValue {\n  shouldFilter?: boolean;\n}\n\n/*\nRoot context to manage the Select control\n@remarks Only for internal usage.\n*/\nconst SelectContext = createContext<SelectContextValue | undefined>(undefined);\n\nexport const useSelectContext = (): UseSelectContext => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error('useSelectContext must be used within a SelectProvider');\n  }\n  const shouldFilter = !!(\n    context?.autocomplete &&\n    context?.autocompleteMode === 'auto' &&\n    context?.searchValue?.length\n  );\n  return {\n    ...context,\n    shouldFilter\n  };\n};\n\ninterface NormalSelectRootProps extends SelectPrimitive.SelectProps {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  searchValue?: never;\n  onSearch?: never;\n  defaultSearchValue?: never;\n}\n\ninterface AutocompleteSelectRootProps\n  extends SelectPrimitive.SelectProps,\n    CommonProps {\n  autocomplete: true;\n}\n\ntype BaseSelectProps = Omit<\n  NormalSelectRootProps | AutocompleteSelectRootProps,\n  'autoComplete' | 'value' | 'onValueChange' | 'defaultValue'\n> & {\n  htmlAutoComplete?: string;\n};\n\ninterface SingleSelectProps extends BaseSelectProps {\n  multiple?: false;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  defaultValue?: string;\n}\n\ninterface MultipleSelectProps extends BaseSelectProps {\n  multiple: true;\n  value?: string[];\n  onValueChange?: (value: string[]) => void;\n  defaultValue?: string[];\n}\n\nexport type SelectRootProps = SingleSelectProps | MultipleSelectProps;\n\nconst SELECT_INTERNAL_VALUE = 'SELECT_INTERNAL_VALUE';\n\nexport const SelectRoot = (props: SelectRootProps) => {\n  const {\n    children,\n    value: providedValue,\n    onValueChange,\n    defaultValue,\n    autocomplete,\n    autocompleteMode = 'auto',\n    searchValue: providedSearchValue,\n    onSearch,\n    defaultSearchValue = '',\n    open: providedOpen,\n    defaultOpen = false,\n    onOpenChange,\n    htmlAutoComplete,\n    multiple = false,\n    ...rest\n  } = props;\n\n  const [internalValue, setInternalValue] = useState<\n    string | string[] | undefined\n  >(defaultValue);\n  const [internalSearchValue, setInternalSearchValue] =\n    useState(defaultSearchValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [items, setItems] = useState<SelectContextValue['items']>({});\n  const id = useId();\n  const isSelectionInProgress = useRef(false);\n\n  const computedValue = providedValue ?? internalValue;\n  const searchValue = providedSearchValue ?? internalSearchValue;\n  const open = providedOpen ?? internalOpen;\n\n  const updateSelectionInProgress = useCallback((value: boolean) => {\n    isSelectionInProgress.current = value;\n  }, []);\n\n  const setValue = useCallback(\n    (value: string) => {\n      /*\n       * If the select is placed inside a form, onChange is called with an empty value\n       * WORKAROUND FOR ISSUE https://github.com/radix-ui/primitives/issues/3135\n       */\n      if (value === '') return;\n\n      if (multiple) {\n        updateSelectionInProgress(true);\n        const set = new Set<string>(\n          Array.isArray(computedValue)\n            ? computedValue\n            : [computedValue ?? ''].filter(Boolean)\n        );\n\n        if (set.has(value)) set.delete(value);\n        else set.add(value);\n\n        const newValue = Array.from(set);\n\n        setInternalValue(newValue);\n        (onValueChange as MultipleSelectProps['onValueChange'])?.(newValue);\n      } else {\n        setInternalValue(value);\n        (onValueChange as SingleSelectProps['onValueChange'])?.(value);\n      }\n    },\n    [multiple, onValueChange, computedValue, updateSelectionInProgress]\n  );\n\n  const setSearchValue = useCallback(\n    (value: string) => {\n      setInternalSearchValue(value);\n      onSearch?.(value);\n    },\n    [onSearch]\n  );\n\n  const handleOpenChange = useCallback(\n    (value: boolean) => {\n      if (isSelectionInProgress.current) return;\n      setInternalOpen(value);\n      onOpenChange?.(value);\n    },\n    [onOpenChange]\n  );\n\n  const registerItem = useCallback<SelectContextValue['registerItem']>(item => {\n    setItems(prev => ({ ...prev, [item.value]: item }));\n  }, []);\n\n  const unregisterItem = useCallback<SelectContextValue['unregisterItem']>(\n    value => {\n      setItems(prev => {\n        const { [value]: _, ...rest } = prev;\n        return rest;\n      });\n    },\n    []\n  );\n\n  /*\n   * Radix internally shows the placeholder when the value is empty.\n   * This value is used to manage the internal value of Radix Select to make it work\n   */\n  const radixValue = useMemo(() => {\n    if (!computedValue) return '';\n    if (typeof computedValue === 'string') return computedValue;\n    if (Array.isArray(computedValue) && computedValue.length)\n      return `${SELECT_INTERNAL_VALUE}-${id}`;\n    return String(computedValue) ?? '';\n  }, [computedValue, id]);\n\n  const element = (\n    <ComboboxProvider\n      resetValueOnHide\n      focusLoop={false}\n      includesBaseElement={false}\n      value={searchValue}\n      setValue={setSearchValue}\n      open={open}\n      setOpen={handleOpenChange}\n    >\n      {children}\n    </ComboboxProvider>\n  );\n\n  return (\n    <SelectContext.Provider\n      value={{\n        value: computedValue,\n        registerItem,\n        unregisterItem,\n        autocomplete,\n        autocompleteMode,\n        searchValue,\n        multiple,\n        items,\n        updateSelectionInProgress,\n        setValue\n      }}\n    >\n      <SelectPrimitive.Root\n        autoComplete={htmlAutoComplete}\n        value={radixValue}\n        onValueChange={setValue}\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...rest}\n      >\n        {autocomplete ? element : children}\n      </SelectPrimitive.Root>\n    </SelectContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAqCA;;;AAGE;AACF;AAEO;AACL;;AAEE;;AAEF;;AAGE;;AAGA;;;AAGJ;AAuCA;AAEa;;;;;;AA0BX;AACA;AAEA;AACA;AACA;AAEA;AACE;;AAGF;AAEI;;;AAGG;;;;;;AAOG;AACA;AAGJ;AAAoB;;AACf;;;AAKJ;;;;AAGA;;;AAMP;;AAGI;AACF;AAIF;;;;AAII;AACF;AAIF;;;AAIA;;AAGM;AACA;AACF;;AAKJ;;;AAGG;AACH;AACE;AAAoB;;AACmB;;AAErC;AACF;AACF;AAEA;AAcA;AAGM;;;;;;;;;;AAUD;AAcP;;;"}
+{"version":3,"file":"select-root.cjs","sources":["../../../components/select/select-root.tsx"],"sourcesContent":["'use client';\n\nimport { ComboboxProvider } from '@ariakit/react';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { ItemType } from './types';\n\ninterface CommonProps {\n  autocomplete?: boolean;\n  autocompleteMode?: 'auto' | 'manual';\n  searchValue?: string;\n  onSearch?: (value: string) => void;\n  defaultSearchValue?: string;\n}\n\ninterface SelectContextValue extends CommonProps {\n  value?: string | string[];\n  registerItem: (item: ItemType) => void;\n  unregisterItem: (value: string) => void;\n  multiple: boolean;\n  items: Record<string, ItemType>;\n  updateSelectionInProgress: (value: boolean) => void;\n  setValue: (value: string) => void;\n}\n\ninterface UseSelectContext extends SelectContextValue {\n  shouldFilter?: boolean;\n}\n\n/*\nRoot context to manage the Select control\n@remarks Only for internal usage.\n*/\nconst SelectContext = createContext<SelectContextValue | undefined>(undefined);\n\nexport const useSelectContext = (): UseSelectContext => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error('useSelectContext must be used within a SelectProvider');\n  }\n  const shouldFilter = !!(\n    context?.autocomplete &&\n    context?.autocompleteMode === 'auto' &&\n    context?.searchValue?.length\n  );\n  return {\n    ...context,\n    shouldFilter\n  };\n};\n\ninterface NormalSelectRootProps extends SelectPrimitive.SelectProps {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  searchValue?: never;\n  onSearch?: never;\n  defaultSearchValue?: never;\n}\n\ninterface AutocompleteSelectRootProps\n  extends SelectPrimitive.SelectProps,\n    CommonProps {\n  autocomplete: true;\n}\n\ntype BaseSelectProps = Omit<\n  NormalSelectRootProps | AutocompleteSelectRootProps,\n  'autoComplete' | 'value' | 'onValueChange' | 'defaultValue'\n> & {\n  htmlAutoComplete?: string;\n};\n\nexport interface SingleSelectProps extends BaseSelectProps {\n  multiple?: false;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  defaultValue?: string;\n}\n\nexport interface MultipleSelectProps extends BaseSelectProps {\n  multiple: true;\n  value?: string[];\n  onValueChange?: (value: string[]) => void;\n  defaultValue?: string[];\n}\n\nexport type SelectRootProps = SingleSelectProps | MultipleSelectProps;\n\nconst SELECT_INTERNAL_VALUE = 'SELECT_INTERNAL_VALUE';\n\nexport const SelectRoot = (props: SelectRootProps) => {\n  const {\n    children,\n    value: providedValue,\n    onValueChange,\n    defaultValue,\n    autocomplete,\n    autocompleteMode = 'auto',\n    searchValue: providedSearchValue,\n    onSearch,\n    defaultSearchValue = '',\n    open: providedOpen,\n    defaultOpen = false,\n    onOpenChange,\n    htmlAutoComplete,\n    multiple = false,\n    ...rest\n  } = props;\n\n  const [internalValue, setInternalValue] = useState<\n    string | string[] | undefined\n  >(defaultValue);\n  const [internalSearchValue, setInternalSearchValue] =\n    useState(defaultSearchValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [items, setItems] = useState<SelectContextValue['items']>({});\n  const id = useId();\n  const isSelectionInProgress = useRef(false);\n\n  const computedValue = providedValue ?? internalValue;\n  const searchValue = providedSearchValue ?? internalSearchValue;\n  const open = providedOpen ?? internalOpen;\n\n  const updateSelectionInProgress = useCallback((value: boolean) => {\n    isSelectionInProgress.current = value;\n  }, []);\n\n  const setValue = useCallback(\n    (value: string) => {\n      /*\n       * If the select is placed inside a form, onChange is called with an empty value\n       * WORKAROUND FOR ISSUE https://github.com/radix-ui/primitives/issues/3135\n       */\n      if (value === '') return;\n\n      if (multiple) {\n        updateSelectionInProgress(true);\n        const set = new Set<string>(\n          Array.isArray(computedValue)\n            ? computedValue\n            : [computedValue ?? ''].filter(Boolean)\n        );\n\n        if (set.has(value)) set.delete(value);\n        else set.add(value);\n\n        const newValue = Array.from(set);\n\n        setInternalValue(newValue);\n        (onValueChange as MultipleSelectProps['onValueChange'])?.(newValue);\n      } else {\n        setInternalValue(value);\n        (onValueChange as SingleSelectProps['onValueChange'])?.(value);\n      }\n    },\n    [multiple, onValueChange, computedValue, updateSelectionInProgress]\n  );\n\n  const setSearchValue = useCallback(\n    (value: string) => {\n      setInternalSearchValue(value);\n      onSearch?.(value);\n    },\n    [onSearch]\n  );\n\n  const handleOpenChange = useCallback(\n    (value: boolean) => {\n      if (isSelectionInProgress.current) return;\n      setInternalOpen(value);\n      onOpenChange?.(value);\n    },\n    [onOpenChange]\n  );\n\n  const registerItem = useCallback<SelectContextValue['registerItem']>(item => {\n    setItems(prev => ({ ...prev, [item.value]: item }));\n  }, []);\n\n  const unregisterItem = useCallback<SelectContextValue['unregisterItem']>(\n    value => {\n      setItems(prev => {\n        const { [value]: _, ...rest } = prev;\n        return rest;\n      });\n    },\n    []\n  );\n\n  /*\n   * Radix internally shows the placeholder when the value is empty.\n   * This value is used to manage the internal value of Radix Select to make it work\n   */\n  const radixValue = useMemo(() => {\n    if (!computedValue) return '';\n    if (typeof computedValue === 'string') return computedValue;\n    if (Array.isArray(computedValue) && computedValue.length)\n      return `${SELECT_INTERNAL_VALUE}-${id}`;\n    return String(computedValue) ?? '';\n  }, [computedValue, id]);\n\n  const element = (\n    <ComboboxProvider\n      resetValueOnHide\n      focusLoop={false}\n      includesBaseElement={false}\n      value={searchValue}\n      setValue={setSearchValue}\n      open={open}\n      setOpen={handleOpenChange}\n    >\n      {children}\n    </ComboboxProvider>\n  );\n\n  return (\n    <SelectContext.Provider\n      value={{\n        value: computedValue,\n        registerItem,\n        unregisterItem,\n        autocomplete,\n        autocompleteMode,\n        searchValue,\n        multiple,\n        items,\n        updateSelectionInProgress,\n        setValue\n      }}\n    >\n      <SelectPrimitive.Root\n        autoComplete={htmlAutoComplete}\n        value={radixValue}\n        onValueChange={setValue}\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...rest}\n      >\n        {autocomplete ? element : children}\n      </SelectPrimitive.Root>\n    </SelectContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAqCA;;;AAGE;AACF;AAEO;AACL;;AAEE;;AAEF;;AAGE;;AAGA;;;AAGJ;AAuCA;AAEa;;;;;;AA0BX;AACA;AAEA;AACA;AACA;AAEA;AACE;;AAGF;AAEI;;;AAGG;;;;;;AAOG;AACA;AAGJ;AAAoB;;AACf;;;AAKJ;;;;AAGA;;;AAMP;;AAGI;AACF;AAIF;;;;AAII;AACF;AAIF;;;AAIA;;AAGM;AACA;AACF;;AAKJ;;;AAGG;AACH;AACE;AAAoB;;AACmB;;AAErC;AACF;AACF;AAEA;AAcA;AAGM;;;;;;;;;;AAUD;AAcP;;;"}

package/dist/components/select/select-root.d.ts

@@ -33,13 +33,13 @@ interface AutocompleteSelectRootProps extends SelectPrimitive.SelectProps, Commo
 type BaseSelectProps = Omit<NormalSelectRootProps | AutocompleteSelectRootProps, 'autoComplete' | 'value' | 'onValueChange' | 'defaultValue'> & {
     htmlAutoComplete?: string;
 };
-interface SingleSelectProps extends BaseSelectProps {
+export interface SingleSelectProps extends BaseSelectProps {
     multiple?: false;
     value?: string;
     onValueChange?: (value: string) => void;
     defaultValue?: string;
 }
-interface MultipleSelectProps extends BaseSelectProps {
+export interface MultipleSelectProps extends BaseSelectProps {
     multiple: true;
     value?: string[];
     onValueChange?: (value: string[]) => void;

package/dist/components/select/select-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-root.d.ts","sourceRoot":"","sources":["../../../components/select/select-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAUrD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChC,yBAAyB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,UAAU,gBAAiB,SAAQ,kBAAkB;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAQD,eAAO,MAAM,gBAAgB,QAAO,gBAcnC,CAAC;AAEF,UAAU,qBAAsB,SAAQ,eAAe,CAAC,WAAW;IACjE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;AAED,UAAU,2BACR,SAAQ,eAAe,CAAC,WAAW,EACjC,WAAW;IACb,YAAY,EAAE,IAAI,CAAC;CACpB;AAED,KAAK,eAAe,GAAG,IAAI,CACzB,qBAAqB,GAAG,2BAA2B,EACnD,cAAc,GAAG,OAAO,GAAG,eAAe,GAAG,cAAc,CAC5D,GAAG;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,UAAU,iBAAkB,SAAQ,eAAe;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,mBAAoB,SAAQ,eAAe;IACnD,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAItE,eAAO,MAAM,UAAU,UAAW,eAAe,4CAwJhD,CAAC"}
+{"version":3,"file":"select-root.d.ts","sourceRoot":"","sources":["../../../components/select/select-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAUrD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChC,yBAAyB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,UAAU,gBAAiB,SAAQ,kBAAkB;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAQD,eAAO,MAAM,gBAAgB,QAAO,gBAcnC,CAAC;AAEF,UAAU,qBAAsB,SAAQ,eAAe,CAAC,WAAW;IACjE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;AAED,UAAU,2BACR,SAAQ,eAAe,CAAC,WAAW,EACjC,WAAW;IACb,YAAY,EAAE,IAAI,CAAC;CACpB;AAED,KAAK,eAAe,GAAG,IAAI,CACzB,qBAAqB,GAAG,2BAA2B,EACnD,cAAc,GAAG,OAAO,GAAG,eAAe,GAAG,cAAc,CAC5D,GAAG;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAItE,eAAO,MAAM,UAAU,UAAW,eAAe,4CAwJhD,CAAC"}

package/dist/components/select/select-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-root.js","sources":["../../../components/select/select-root.tsx"],"sourcesContent":["'use client';\n\nimport { ComboboxProvider } from '@ariakit/react';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { ItemType } from './types';\n\ninterface CommonProps {\n  autocomplete?: boolean;\n  autocompleteMode?: 'auto' | 'manual';\n  searchValue?: string;\n  onSearch?: (value: string) => void;\n  defaultSearchValue?: string;\n}\n\ninterface SelectContextValue extends CommonProps {\n  value?: string | string[];\n  registerItem: (item: ItemType) => void;\n  unregisterItem: (value: string) => void;\n  multiple: boolean;\n  items: Record<string, ItemType>;\n  updateSelectionInProgress: (value: boolean) => void;\n  setValue: (value: string) => void;\n}\n\ninterface UseSelectContext extends SelectContextValue {\n  shouldFilter?: boolean;\n}\n\n/*\nRoot context to manage the Select control\n@remarks Only for internal usage.\n*/\nconst SelectContext = createContext<SelectContextValue | undefined>(undefined);\n\nexport const useSelectContext = (): UseSelectContext => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error('useSelectContext must be used within a SelectProvider');\n  }\n  const shouldFilter = !!(\n    context?.autocomplete &&\n    context?.autocompleteMode === 'auto' &&\n    context?.searchValue?.length\n  );\n  return {\n    ...context,\n    shouldFilter\n  };\n};\n\ninterface NormalSelectRootProps extends SelectPrimitive.SelectProps {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  searchValue?: never;\n  onSearch?: never;\n  defaultSearchValue?: never;\n}\n\ninterface AutocompleteSelectRootProps\n  extends SelectPrimitive.SelectProps,\n    CommonProps {\n  autocomplete: true;\n}\n\ntype BaseSelectProps = Omit<\n  NormalSelectRootProps | AutocompleteSelectRootProps,\n  'autoComplete' | 'value' | 'onValueChange' | 'defaultValue'\n> & {\n  htmlAutoComplete?: string;\n};\n\ninterface SingleSelectProps extends BaseSelectProps {\n  multiple?: false;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  defaultValue?: string;\n}\n\ninterface MultipleSelectProps extends BaseSelectProps {\n  multiple: true;\n  value?: string[];\n  onValueChange?: (value: string[]) => void;\n  defaultValue?: string[];\n}\n\nexport type SelectRootProps = SingleSelectProps | MultipleSelectProps;\n\nconst SELECT_INTERNAL_VALUE = 'SELECT_INTERNAL_VALUE';\n\nexport const SelectRoot = (props: SelectRootProps) => {\n  const {\n    children,\n    value: providedValue,\n    onValueChange,\n    defaultValue,\n    autocomplete,\n    autocompleteMode = 'auto',\n    searchValue: providedSearchValue,\n    onSearch,\n    defaultSearchValue = '',\n    open: providedOpen,\n    defaultOpen = false,\n    onOpenChange,\n    htmlAutoComplete,\n    multiple = false,\n    ...rest\n  } = props;\n\n  const [internalValue, setInternalValue] = useState<\n    string | string[] | undefined\n  >(defaultValue);\n  const [internalSearchValue, setInternalSearchValue] =\n    useState(defaultSearchValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [items, setItems] = useState<SelectContextValue['items']>({});\n  const id = useId();\n  const isSelectionInProgress = useRef(false);\n\n  const computedValue = providedValue ?? internalValue;\n  const searchValue = providedSearchValue ?? internalSearchValue;\n  const open = providedOpen ?? internalOpen;\n\n  const updateSelectionInProgress = useCallback((value: boolean) => {\n    isSelectionInProgress.current = value;\n  }, []);\n\n  const setValue = useCallback(\n    (value: string) => {\n      /*\n       * If the select is placed inside a form, onChange is called with an empty value\n       * WORKAROUND FOR ISSUE https://github.com/radix-ui/primitives/issues/3135\n       */\n      if (value === '') return;\n\n      if (multiple) {\n        updateSelectionInProgress(true);\n        const set = new Set<string>(\n          Array.isArray(computedValue)\n            ? computedValue\n            : [computedValue ?? ''].filter(Boolean)\n        );\n\n        if (set.has(value)) set.delete(value);\n        else set.add(value);\n\n        const newValue = Array.from(set);\n\n        setInternalValue(newValue);\n        (onValueChange as MultipleSelectProps['onValueChange'])?.(newValue);\n      } else {\n        setInternalValue(value);\n        (onValueChange as SingleSelectProps['onValueChange'])?.(value);\n      }\n    },\n    [multiple, onValueChange, computedValue, updateSelectionInProgress]\n  );\n\n  const setSearchValue = useCallback(\n    (value: string) => {\n      setInternalSearchValue(value);\n      onSearch?.(value);\n    },\n    [onSearch]\n  );\n\n  const handleOpenChange = useCallback(\n    (value: boolean) => {\n      if (isSelectionInProgress.current) return;\n      setInternalOpen(value);\n      onOpenChange?.(value);\n    },\n    [onOpenChange]\n  );\n\n  const registerItem = useCallback<SelectContextValue['registerItem']>(item => {\n    setItems(prev => ({ ...prev, [item.value]: item }));\n  }, []);\n\n  const unregisterItem = useCallback<SelectContextValue['unregisterItem']>(\n    value => {\n      setItems(prev => {\n        const { [value]: _, ...rest } = prev;\n        return rest;\n      });\n    },\n    []\n  );\n\n  /*\n   * Radix internally shows the placeholder when the value is empty.\n   * This value is used to manage the internal value of Radix Select to make it work\n   */\n  const radixValue = useMemo(() => {\n    if (!computedValue) return '';\n    if (typeof computedValue === 'string') return computedValue;\n    if (Array.isArray(computedValue) && computedValue.length)\n      return `${SELECT_INTERNAL_VALUE}-${id}`;\n    return String(computedValue) ?? '';\n  }, [computedValue, id]);\n\n  const element = (\n    <ComboboxProvider\n      resetValueOnHide\n      focusLoop={false}\n      includesBaseElement={false}\n      value={searchValue}\n      setValue={setSearchValue}\n      open={open}\n      setOpen={handleOpenChange}\n    >\n      {children}\n    </ComboboxProvider>\n  );\n\n  return (\n    <SelectContext.Provider\n      value={{\n        value: computedValue,\n        registerItem,\n        unregisterItem,\n        autocomplete,\n        autocompleteMode,\n        searchValue,\n        multiple,\n        items,\n        updateSelectionInProgress,\n        setValue\n      }}\n    >\n      <SelectPrimitive.Root\n        autoComplete={htmlAutoComplete}\n        value={radixValue}\n        onValueChange={setValue}\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...rest}\n      >\n        {autocomplete ? element : children}\n      </SelectPrimitive.Root>\n    </SelectContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqCA;;;AAGE;AACF;AAEO;AACL;;AAEE;;AAEF;;AAGE;;AAGA;;;AAGJ;AAuCA;AAEa;;;;;;AA0BX;AACA;AAEA;AACA;AACA;AAEA;AACE;;AAGF;AAEI;;;AAGG;;;;;;AAOG;AACA;AAGJ;AAAoB;;AACf;;;AAKJ;;;;AAGA;;;AAMP;;AAGI;AACF;AAIF;;;;AAII;AACF;AAIF;;;AAIA;;AAGM;AACA;AACF;;AAKJ;;;AAGG;AACH;AACE;AAAoB;;AACmB;;AAErC;AACF;AACF;AAEA;AAcA;AAGM;;;;;;;;;;AAUD;AAcP;;"}
+{"version":3,"file":"select-root.js","sources":["../../../components/select/select-root.tsx"],"sourcesContent":["'use client';\n\nimport { ComboboxProvider } from '@ariakit/react';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { ItemType } from './types';\n\ninterface CommonProps {\n  autocomplete?: boolean;\n  autocompleteMode?: 'auto' | 'manual';\n  searchValue?: string;\n  onSearch?: (value: string) => void;\n  defaultSearchValue?: string;\n}\n\ninterface SelectContextValue extends CommonProps {\n  value?: string | string[];\n  registerItem: (item: ItemType) => void;\n  unregisterItem: (value: string) => void;\n  multiple: boolean;\n  items: Record<string, ItemType>;\n  updateSelectionInProgress: (value: boolean) => void;\n  setValue: (value: string) => void;\n}\n\ninterface UseSelectContext extends SelectContextValue {\n  shouldFilter?: boolean;\n}\n\n/*\nRoot context to manage the Select control\n@remarks Only for internal usage.\n*/\nconst SelectContext = createContext<SelectContextValue | undefined>(undefined);\n\nexport const useSelectContext = (): UseSelectContext => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error('useSelectContext must be used within a SelectProvider');\n  }\n  const shouldFilter = !!(\n    context?.autocomplete &&\n    context?.autocompleteMode === 'auto' &&\n    context?.searchValue?.length\n  );\n  return {\n    ...context,\n    shouldFilter\n  };\n};\n\ninterface NormalSelectRootProps extends SelectPrimitive.SelectProps {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  searchValue?: never;\n  onSearch?: never;\n  defaultSearchValue?: never;\n}\n\ninterface AutocompleteSelectRootProps\n  extends SelectPrimitive.SelectProps,\n    CommonProps {\n  autocomplete: true;\n}\n\ntype BaseSelectProps = Omit<\n  NormalSelectRootProps | AutocompleteSelectRootProps,\n  'autoComplete' | 'value' | 'onValueChange' | 'defaultValue'\n> & {\n  htmlAutoComplete?: string;\n};\n\nexport interface SingleSelectProps extends BaseSelectProps {\n  multiple?: false;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  defaultValue?: string;\n}\n\nexport interface MultipleSelectProps extends BaseSelectProps {\n  multiple: true;\n  value?: string[];\n  onValueChange?: (value: string[]) => void;\n  defaultValue?: string[];\n}\n\nexport type SelectRootProps = SingleSelectProps | MultipleSelectProps;\n\nconst SELECT_INTERNAL_VALUE = 'SELECT_INTERNAL_VALUE';\n\nexport const SelectRoot = (props: SelectRootProps) => {\n  const {\n    children,\n    value: providedValue,\n    onValueChange,\n    defaultValue,\n    autocomplete,\n    autocompleteMode = 'auto',\n    searchValue: providedSearchValue,\n    onSearch,\n    defaultSearchValue = '',\n    open: providedOpen,\n    defaultOpen = false,\n    onOpenChange,\n    htmlAutoComplete,\n    multiple = false,\n    ...rest\n  } = props;\n\n  const [internalValue, setInternalValue] = useState<\n    string | string[] | undefined\n  >(defaultValue);\n  const [internalSearchValue, setInternalSearchValue] =\n    useState(defaultSearchValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [items, setItems] = useState<SelectContextValue['items']>({});\n  const id = useId();\n  const isSelectionInProgress = useRef(false);\n\n  const computedValue = providedValue ?? internalValue;\n  const searchValue = providedSearchValue ?? internalSearchValue;\n  const open = providedOpen ?? internalOpen;\n\n  const updateSelectionInProgress = useCallback((value: boolean) => {\n    isSelectionInProgress.current = value;\n  }, []);\n\n  const setValue = useCallback(\n    (value: string) => {\n      /*\n       * If the select is placed inside a form, onChange is called with an empty value\n       * WORKAROUND FOR ISSUE https://github.com/radix-ui/primitives/issues/3135\n       */\n      if (value === '') return;\n\n      if (multiple) {\n        updateSelectionInProgress(true);\n        const set = new Set<string>(\n          Array.isArray(computedValue)\n            ? computedValue\n            : [computedValue ?? ''].filter(Boolean)\n        );\n\n        if (set.has(value)) set.delete(value);\n        else set.add(value);\n\n        const newValue = Array.from(set);\n\n        setInternalValue(newValue);\n        (onValueChange as MultipleSelectProps['onValueChange'])?.(newValue);\n      } else {\n        setInternalValue(value);\n        (onValueChange as SingleSelectProps['onValueChange'])?.(value);\n      }\n    },\n    [multiple, onValueChange, computedValue, updateSelectionInProgress]\n  );\n\n  const setSearchValue = useCallback(\n    (value: string) => {\n      setInternalSearchValue(value);\n      onSearch?.(value);\n    },\n    [onSearch]\n  );\n\n  const handleOpenChange = useCallback(\n    (value: boolean) => {\n      if (isSelectionInProgress.current) return;\n      setInternalOpen(value);\n      onOpenChange?.(value);\n    },\n    [onOpenChange]\n  );\n\n  const registerItem = useCallback<SelectContextValue['registerItem']>(item => {\n    setItems(prev => ({ ...prev, [item.value]: item }));\n  }, []);\n\n  const unregisterItem = useCallback<SelectContextValue['unregisterItem']>(\n    value => {\n      setItems(prev => {\n        const { [value]: _, ...rest } = prev;\n        return rest;\n      });\n    },\n    []\n  );\n\n  /*\n   * Radix internally shows the placeholder when the value is empty.\n   * This value is used to manage the internal value of Radix Select to make it work\n   */\n  const radixValue = useMemo(() => {\n    if (!computedValue) return '';\n    if (typeof computedValue === 'string') return computedValue;\n    if (Array.isArray(computedValue) && computedValue.length)\n      return `${SELECT_INTERNAL_VALUE}-${id}`;\n    return String(computedValue) ?? '';\n  }, [computedValue, id]);\n\n  const element = (\n    <ComboboxProvider\n      resetValueOnHide\n      focusLoop={false}\n      includesBaseElement={false}\n      value={searchValue}\n      setValue={setSearchValue}\n      open={open}\n      setOpen={handleOpenChange}\n    >\n      {children}\n    </ComboboxProvider>\n  );\n\n  return (\n    <SelectContext.Provider\n      value={{\n        value: computedValue,\n        registerItem,\n        unregisterItem,\n        autocomplete,\n        autocompleteMode,\n        searchValue,\n        multiple,\n        items,\n        updateSelectionInProgress,\n        setValue\n      }}\n    >\n      <SelectPrimitive.Root\n        autoComplete={htmlAutoComplete}\n        value={radixValue}\n        onValueChange={setValue}\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...rest}\n      >\n        {autocomplete ? element : children}\n      </SelectPrimitive.Root>\n    </SelectContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqCA;;;AAGE;AACF;AAEO;AACL;;AAEE;;AAEF;;AAGE;;AAGA;;;AAGJ;AAuCA;AAEa;;;;;;AA0BX;AACA;AAEA;AACA;AACA;AAEA;AACE;;AAGF;AAEI;;;AAGG;;;;;;AAOG;AACA;AAGJ;AAAoB;;AACf;;;AAKJ;;;;AAGA;;;AAMP;;AAGI;AACF;AAIF;;;;AAII;AACF;AAIF;;;AAIA;;AAGM;AACA;AACF;;AAKJ;;;AAGG;AACH;AACE;AAAoB;;AACmB;;AAErC;AACF;AACF;AAEA;AAcA;AAGM;;;;;;;;;;AAUD;AAcP;;"}

package/dist/hooks/index.cjs

@@ -2,9 +2,11 @@
 
 var useCopyToClipboard = require('./useCopyToClipboard.cjs');
 var useMouse = require('./useMouse.cjs');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs');
 
 
 
 exports.useCopyToClipboard = useCopyToClipboard.useCopyToClipboard;
 exports.useMouse = useMouse.useMouse;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export { useCopyToClipboard } from './useCopyToClipboard';
 export { useMouse } from './useMouse';
+export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../hooks/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../hooks/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/hooks/index.js

@@ -1,3 +1,4 @@
 export { useCopyToClipboard } from './useCopyToClipboard.js';
 export { useMouse } from './useMouse.js';
+export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/hooks/useIsomorphicLayoutEffect.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var react = require('react');
+
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
+
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
+//# sourceMappingURL=useIsomorphicLayoutEffect.cjs.map

package/dist/hooks/useIsomorphicLayoutEffect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.cjs","sources":["../../hooks/useIsomorphicLayoutEffect.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react';\n\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n"],"names":["useLayoutEffect","useEffect"],"mappings":";;;;AAEa,MAAA,yBAAyB,GACpC,OAAO,MAAM,KAAK,WAAW,GAAGA,qBAAe,GAAGC;;;;"}

package/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+//# sourceMappingURL=useIsomorphicLayoutEffect.d.ts.map

package/dist/hooks/useIsomorphicLayoutEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.d.ts","sourceRoot":"","sources":["../../hooks/useIsomorphicLayoutEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAEnD,eAAO,MAAM,yBAAyB,kBACuB,CAAC"}

package/dist/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,6 @@
+import { useLayoutEffect, useEffect } from 'react';
+
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+export { useIsomorphicLayoutEffect };
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map