@usefragments/ui 1.5.4 → 1.6.0

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

@@ -1,27 +1,28 @@
-const container = "_container_1nldn_1";
-const title = "_title_1nldn_5";
-const wrapper = "_wrapper_1nldn_14";
-const header = "_header_1nldn_21";
-const filename = "_filename_1nldn_31";
-const copyButton = "_copyButton_1nldn_39";
-const copied = "_copied_1nldn_77";
-const copyOverlay = "_copyOverlay_1nldn_82";
-const withCopyOverlay = "_withCopyOverlay_1nldn_93";
-const codeContainer = "_codeContainer_1nldn_100";
-const loading = "_loading_1nldn_101";
-const icon = "_icon_1nldn_105";
-const persistentCopy = "_persistentCopy_1nldn_109";
-const persistentCopyWrapper = "_persistentCopyWrapper_1nldn_115";
-const withLineNumbers = "_withLineNumbers_1nldn_199";
-const withDiff = "_withDiff_1nldn_203";
-const compact = "_compact_1nldn_227";
-const wordWrap = "_wordWrap_1nldn_244";
-const caption = "_caption_1nldn_254";
-const collapseButton = "_collapseButton_1nldn_260";
-const tabbedPanel = "_tabbedPanel_1nldn_303";
+const container = "_container_13oe3_1";
+const title = "_title_13oe3_6";
+const caption = "_caption_13oe3_7";
+const wrapper = "_wrapper_13oe3_21";
+const header = "_header_13oe3_29";
+const filename = "_filename_13oe3_38";
+const copyButton = "_copyButton_13oe3_47";
+const copied = "_copied_13oe3_116";
+const copyOverlay = "_copyOverlay_13oe3_121";
+const withCopyOverlay = "_withCopyOverlay_13oe3_130";
+const codeContainer = "_codeContainer_13oe3_135";
+const loading = "_loading_13oe3_136";
+const icon = "_icon_13oe3_140";
+const persistentCopy = "_persistentCopy_13oe3_146";
+const persistentCopyWrapper = "_persistentCopyWrapper_13oe3_152";
+const withLineNumbers = "_withLineNumbers_13oe3_222";
+const withDiff = "_withDiff_13oe3_226";
+const compact = "_compact_13oe3_251";
+const wordWrap = "_wordWrap_13oe3_272";
+const collapseButton = "_collapseButton_13oe3_282";
+const tabbedPanel = "_tabbedPanel_13oe3_331";
 const styles = {
   container,
   title,
+  caption,
   wrapper,
   header,
   filename,
@@ -38,7 +39,6 @@ const styles = {
   withDiff,
   compact,
   wordWrap,
-  caption,
   collapseButton,
   tabbedPanel
 };

package/dist/components/Collapsible/Collapsible.module.scss.cjs

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1wt3m_1";
-const trigger = "_trigger_1wt3m_5";
-const triggerContent = "_triggerContent_1wt3m_33";
-const chevron = "_chevron_1wt3m_38";
-const chevronOpen = "_chevronOpen_1wt3m_46";
-const content = "_content_1wt3m_50";
-const contentOpen = "_contentOpen_1wt3m_55";
-const contentClosed = "_contentClosed_1wt3m_60";
-const contentInner = "_contentInner_1wt3m_65";
-const disabled = "_disabled_1wt3m_69";
+const root = "_root_17reb_1";
+const trigger = "_trigger_17reb_5";
+const triggerContent = "_triggerContent_17reb_61";
+const chevron = "_chevron_17reb_66";
+const chevronOpen = "_chevronOpen_17reb_74";
+const content = "_content_17reb_78";
+const contentOpen = "_contentOpen_17reb_86";
+const contentInner = "_contentInner_17reb_91";
+const disabled = "_disabled_17reb_104";
 const styles = {
   root,
   trigger,
@@ -18,14 +17,12 @@ const styles = {
   chevronOpen,
   content,
   contentOpen,
-  contentClosed,
   contentInner,
   disabled
 };
 exports.chevron = chevron;
 exports.chevronOpen = chevronOpen;
 exports.content = content;
-exports.contentClosed = contentClosed;
 exports.contentInner = contentInner;
 exports.contentOpen = contentOpen;
 exports.default = styles;

package/dist/components/Collapsible/Collapsible.module.scss.js

@@ -1,13 +1,12 @@
-const root = "_root_1wt3m_1";
-const trigger = "_trigger_1wt3m_5";
-const triggerContent = "_triggerContent_1wt3m_33";
-const chevron = "_chevron_1wt3m_38";
-const chevronOpen = "_chevronOpen_1wt3m_46";
-const content = "_content_1wt3m_50";
-const contentOpen = "_contentOpen_1wt3m_55";
-const contentClosed = "_contentClosed_1wt3m_60";
-const contentInner = "_contentInner_1wt3m_65";
-const disabled = "_disabled_1wt3m_69";
+const root = "_root_17reb_1";
+const trigger = "_trigger_17reb_5";
+const triggerContent = "_triggerContent_17reb_61";
+const chevron = "_chevron_17reb_66";
+const chevronOpen = "_chevronOpen_17reb_74";
+const content = "_content_17reb_78";
+const contentOpen = "_contentOpen_17reb_86";
+const contentInner = "_contentInner_17reb_91";
+const disabled = "_disabled_17reb_104";
 const styles = {
   root,
   trigger,
@@ -16,7 +15,6 @@ const styles = {
   chevronOpen,
   content,
   contentOpen,
-  contentClosed,
   contentInner,
   disabled
 };
@@ -24,7 +22,6 @@ export {
   chevron,
   chevronOpen,
   content,
-  contentClosed,
   contentInner,
   contentOpen,
   styles as default,

package/dist/components/Collapsible/index.cjs

@@ -127,7 +127,7 @@ function CollapsibleTrigger({
         },
         (event) => handleKeyDown(event)
       ),
-      className: [className, childProps.className].filter(Boolean).join(" ")
+      className: [Collapsible_module.default.trigger, className, childProps.className].filter(Boolean).join(" ")
     });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -168,9 +168,10 @@ function CollapsibleContent({
       id: htmlProps.id ?? contentId,
       role: "region",
       "aria-labelledby": triggerId,
+      "aria-hidden": !isOpen || void 0,
+      inert: !isOpen || void 0,
       className: `${Collapsible_module.default.content} ${isOpen ? Collapsible_module.default.contentOpen : Collapsible_module.default.contentClosed} ${className || ""}`,
       "data-state": isOpen ? "open" : "closed",
-      hidden: !isOpen && !forceMount,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Collapsible_module.default.contentInner, children })
     }
   );

package/dist/components/Collapsible/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 interface CollapsibleContextValue {
     isOpen: boolean;
     toggle: () => void;
@@ -24,7 +24,7 @@ export interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTML
     /** Show chevron indicator */
     showChevron?: boolean;
     /** Chevron position */
-    chevronPosition?: 'start' | 'end';
+    chevronPosition?: "start" | "end";
     /** Render as child element (for custom triggers) */
     asChild?: boolean;
 }
@@ -40,6 +40,6 @@ export declare const Collapsible: typeof CollapsibleRoot & {
     Trigger: typeof CollapsibleTrigger;
     Content: typeof CollapsibleContent;
 };
-export { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, useCollapsibleContext, };
+export { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, useCollapsibleContext };
 export type CollapsibleProps = CollapsibleRootProps;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Collapsible/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAevF,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,iBAAS,qBAAqB,4BAM7B;AAGD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CA2CtB;AAGD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAClC,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,WAAkB,EAClB,eAAuB,EACvB,OAAe,EACf,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,uBAAuB,2CAgFzB;AAGD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,UAAkB,EAClB,GAAG,SAAS,EACb,EAAE,uBAAuB,kDAqBzB;AAGD,eAAO,MAAM,WAAW;;;;CAItB,CAAC;AAGH,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,GACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAevF,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,iBAAS,qBAAqB,4BAM7B;AAGD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CA2CtB;AAGD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAClC,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,WAAkB,EAClB,eAAuB,EACvB,OAAe,EACf,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,uBAAuB,2CAgFzB;AAGD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,UAAkB,EAClB,GAAG,SAAS,EACb,EAAE,uBAAuB,kDAsBzB;AAGD,eAAO,MAAM,WAAW;;;;CAItB,CAAC;AAGH,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;AAE1F,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC"}

package/dist/components/Collapsible/index.js

@@ -125,7 +125,7 @@ function CollapsibleTrigger({
         },
         (event) => handleKeyDown(event)
       ),
-      className: [className, childProps.className].filter(Boolean).join(" ")
+      className: [styles.trigger, className, childProps.className].filter(Boolean).join(" ")
     });
   }
   return /* @__PURE__ */ jsxs(
@@ -166,9 +166,10 @@ function CollapsibleContent({
       id: htmlProps.id ?? contentId,
       role: "region",
       "aria-labelledby": triggerId,
+      "aria-hidden": !isOpen || void 0,
+      inert: !isOpen || void 0,
       className: `${styles.content} ${isOpen ? styles.contentOpen : styles.contentClosed} ${className || ""}`,
       "data-state": isOpen ? "open" : "closed",
-      hidden: !isOpen && !forceMount,
       children: /* @__PURE__ */ jsx("div", { className: styles.contentInner, children })
     }
   );

package/dist/components/ColorPicker/ColorPicker.module.scss.cjs

@@ -1,23 +1,22 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_1saup_1";
-const label = "_label_1saup_6";
-const required = "_required_1saup_14";
-const helper = "_helper_1saup_19";
-const helperError = "_helperError_1saup_26";
-const errorMessage = "_errorMessage_1saup_30";
-const sizeSm = "_sizeSm_1saup_36";
-const inputWrapper = "_inputWrapper_1saup_36";
-const swatch = "_swatch_1saup_39";
-const hexInput = "_hexInput_1saup_43";
-const sizeLg = "_sizeLg_1saup_51";
-const hexInputField = "_hexInputField_1saup_124";
-const positioner = "_positioner_1saup_129";
-const popup = "_popup_1saup_134";
+const wrapper = "_wrapper_g10zs_1";
+const label = "_label_g10zs_8";
+const helper = "_helper_g10zs_17";
+const helperError = "_helperError_g10zs_27";
+const errorMessage = "_errorMessage_g10zs_28";
+const sizeSm = "_sizeSm_g10zs_38";
+const inputWrapper = "_inputWrapper_g10zs_38";
+const swatch = "_swatch_g10zs_41";
+const hexInput = "_hexInput_g10zs_53";
+const sizeMd = "_sizeMd_g10zs_58";
+const sizeLg = "_sizeLg_g10zs_74";
+const hexInputField = "_hexInputField_g10zs_138";
+const positioner = "_positioner_g10zs_143";
+const popup = "_popup_g10zs_148";
 const styles = {
   wrapper,
   label,
-  required,
   helper,
   helperError,
   errorMessage,
@@ -25,6 +24,7 @@ const styles = {
   inputWrapper,
   swatch,
   hexInput,
+  sizeMd,
   sizeLg,
   hexInputField,
   positioner,
@@ -40,8 +40,8 @@ exports.inputWrapper = inputWrapper;
 exports.label = label;
 exports.popup = popup;
 exports.positioner = positioner;
-exports.required = required;
 exports.sizeLg = sizeLg;
+exports.sizeMd = sizeMd;
 exports.sizeSm = sizeSm;
 exports.swatch = swatch;
 exports.wrapper = wrapper;

package/dist/components/ColorPicker/ColorPicker.module.scss.js

@@ -1,21 +1,20 @@
-const wrapper = "_wrapper_1saup_1";
-const label = "_label_1saup_6";
-const required = "_required_1saup_14";
-const helper = "_helper_1saup_19";
-const helperError = "_helperError_1saup_26";
-const errorMessage = "_errorMessage_1saup_30";
-const sizeSm = "_sizeSm_1saup_36";
-const inputWrapper = "_inputWrapper_1saup_36";
-const swatch = "_swatch_1saup_39";
-const hexInput = "_hexInput_1saup_43";
-const sizeLg = "_sizeLg_1saup_51";
-const hexInputField = "_hexInputField_1saup_124";
-const positioner = "_positioner_1saup_129";
-const popup = "_popup_1saup_134";
+const wrapper = "_wrapper_g10zs_1";
+const label = "_label_g10zs_8";
+const helper = "_helper_g10zs_17";
+const helperError = "_helperError_g10zs_27";
+const errorMessage = "_errorMessage_g10zs_28";
+const sizeSm = "_sizeSm_g10zs_38";
+const inputWrapper = "_inputWrapper_g10zs_38";
+const swatch = "_swatch_g10zs_41";
+const hexInput = "_hexInput_g10zs_53";
+const sizeMd = "_sizeMd_g10zs_58";
+const sizeLg = "_sizeLg_g10zs_74";
+const hexInputField = "_hexInputField_g10zs_138";
+const positioner = "_positioner_g10zs_143";
+const popup = "_popup_g10zs_148";
 const styles = {
   wrapper,
   label,
-  required,
   helper,
   helperError,
   errorMessage,
@@ -23,6 +22,7 @@ const styles = {
   inputWrapper,
   swatch,
   hexInput,
+  sizeMd,
   sizeLg,
   hexInputField,
   positioner,
@@ -39,8 +39,8 @@ export {
   label,
   popup,
   positioner,
-  required,
   sizeLg,
+  sizeMd,
   sizeSm,
   swatch,
   wrapper

package/dist/components/ColorPicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,iBAAS,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAkBzC;AAqBD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,CAC5B;IACC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4HD,eAAO,MAAM,WAAW;;IAEtB,qEAAqE;;CAErE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,iBAAS,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAkBzC;AAqBD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,CAC5B;IACC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4HD,eAAO,MAAM,WAAW;;IAEtB,qEAAqE;;CAErE,CAAC"}

package/dist/components/Combobox/Combobox.module.scss.cjs

@@ -1,28 +1,26 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_1hwb3_1";
-const label = "_label_1hwb3_6";
-const helper = "_helper_1hwb3_19";
-const helperError = "_helperError_1hwb3_26";
-const errorMessage = "_errorMessage_1hwb3_30";
-const inputWrapper = "_inputWrapper_1hwb3_36";
-const inputWrapperSm = "_inputWrapperSm_1hwb3_74";
-const inputWrapperLg = "_inputWrapperLg_1hwb3_78";
-const inputSm = "_inputSm_1hwb3_82";
-const inputLg = "_inputLg_1hwb3_86";
-const input = "_input_1hwb3_36";
-const chips = "_chips_1hwb3_119";
-const chip = "_chip_1hwb3_119";
-const chipLabel = "_chipLabel_1hwb3_139";
-const chipRemove = "_chipRemove_1hwb3_145";
-const trigger = "_trigger_1hwb3_180";
-const positioner = "_positioner_1hwb3_226";
-const popup = "_popup_1hwb3_231";
-const item = "_item_1hwb3_269";
-const itemIndicator = "_itemIndicator_1hwb3_318";
-const empty = "_empty_1hwb3_332";
-const group = "_group_1hwb3_347";
-const groupLabel = "_groupLabel_1hwb3_353";
+const wrapper = "_wrapper_1t3q0_1";
+const label = "_label_1t3q0_8";
+const helper = "_helper_1t3q0_17";
+const helperError = "_helperError_1t3q0_27";
+const errorMessage = "_errorMessage_1t3q0_28";
+const inputWrapper = "_inputWrapper_1t3q0_38";
+const inputWrapperSm = "_inputWrapperSm_1t3q0_72";
+const inputWrapperLg = "_inputWrapperLg_1t3q0_94";
+const input = "_input_1t3q0_38";
+const chips = "_chips_1t3q0_128";
+const chip = "_chip_1t3q0_128";
+const chipLabel = "_chipLabel_1t3q0_162";
+const chipRemove = "_chipRemove_1t3q0_168";
+const trigger = "_trigger_1t3q0_213";
+const positioner = "_positioner_1t3q0_260";
+const popup = "_popup_1t3q0_265";
+const item = "_item_1t3q0_313";
+const itemIndicator = "_itemIndicator_1t3q0_342";
+const empty = "_empty_1t3q0_356";
+const group = "_group_1t3q0_373";
+const groupLabel = "_groupLabel_1t3q0_381";
 const styles = {
   wrapper,
   label,
@@ -32,8 +30,6 @@ const styles = {
   inputWrapper,
   inputWrapperSm,
   inputWrapperLg,
-  inputSm,
-  inputLg,
   input,
   chips,
   chip,
@@ -60,8 +56,6 @@ exports.groupLabel = groupLabel;
 exports.helper = helper;
 exports.helperError = helperError;
 exports.input = input;
-exports.inputLg = inputLg;
-exports.inputSm = inputSm;
 exports.inputWrapper = inputWrapper;
 exports.inputWrapperLg = inputWrapperLg;
 exports.inputWrapperSm = inputWrapperSm;

package/dist/components/Combobox/Combobox.module.scss.js

@@ -1,26 +1,24 @@
-const wrapper = "_wrapper_1hwb3_1";
-const label = "_label_1hwb3_6";
-const helper = "_helper_1hwb3_19";
-const helperError = "_helperError_1hwb3_26";
-const errorMessage = "_errorMessage_1hwb3_30";
-const inputWrapper = "_inputWrapper_1hwb3_36";
-const inputWrapperSm = "_inputWrapperSm_1hwb3_74";
-const inputWrapperLg = "_inputWrapperLg_1hwb3_78";
-const inputSm = "_inputSm_1hwb3_82";
-const inputLg = "_inputLg_1hwb3_86";
-const input = "_input_1hwb3_36";
-const chips = "_chips_1hwb3_119";
-const chip = "_chip_1hwb3_119";
-const chipLabel = "_chipLabel_1hwb3_139";
-const chipRemove = "_chipRemove_1hwb3_145";
-const trigger = "_trigger_1hwb3_180";
-const positioner = "_positioner_1hwb3_226";
-const popup = "_popup_1hwb3_231";
-const item = "_item_1hwb3_269";
-const itemIndicator = "_itemIndicator_1hwb3_318";
-const empty = "_empty_1hwb3_332";
-const group = "_group_1hwb3_347";
-const groupLabel = "_groupLabel_1hwb3_353";
+const wrapper = "_wrapper_1t3q0_1";
+const label = "_label_1t3q0_8";
+const helper = "_helper_1t3q0_17";
+const helperError = "_helperError_1t3q0_27";
+const errorMessage = "_errorMessage_1t3q0_28";
+const inputWrapper = "_inputWrapper_1t3q0_38";
+const inputWrapperSm = "_inputWrapperSm_1t3q0_72";
+const inputWrapperLg = "_inputWrapperLg_1t3q0_94";
+const input = "_input_1t3q0_38";
+const chips = "_chips_1t3q0_128";
+const chip = "_chip_1t3q0_128";
+const chipLabel = "_chipLabel_1t3q0_162";
+const chipRemove = "_chipRemove_1t3q0_168";
+const trigger = "_trigger_1t3q0_213";
+const positioner = "_positioner_1t3q0_260";
+const popup = "_popup_1t3q0_265";
+const item = "_item_1t3q0_313";
+const itemIndicator = "_itemIndicator_1t3q0_342";
+const empty = "_empty_1t3q0_356";
+const group = "_group_1t3q0_373";
+const groupLabel = "_groupLabel_1t3q0_381";
 const styles = {
   wrapper,
   label,
@@ -30,8 +28,6 @@ const styles = {
   inputWrapper,
   inputWrapperSm,
   inputWrapperLg,
-  inputSm,
-  inputLg,
   input,
   chips,
   chip,
@@ -59,8 +55,6 @@ export {
   helper,
   helperError,
   input,
-  inputLg,
-  inputSm,
   inputWrapper,
   inputWrapperLg,
   inputWrapperSm,

package/dist/components/Combobox/index.cjs

@@ -6,6 +6,7 @@ const React = require("react");
 const combobox = require("@base-ui/react/combobox");
 const index = require("../ComponentDefaults/index.cjs");
 const aria = require("../../utils/aria.cjs");
+const popup = require("../../recipes/popup.cjs");
 const Combobox_module = require("./Combobox.module.scss.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -359,9 +360,8 @@ function ComboboxInput({
   ...htmlProps
 }) {
   const context = React__namespace.useContext(ComboboxContext);
-  const inputSizeClass = context.size === "sm" ? Combobox_module.default.inputSm : context.size === "lg" ? Combobox_module.default.inputLg : void 0;
   const wrapperSizeClass = context.size === "sm" ? Combobox_module.default.inputWrapperSm : context.size === "lg" ? Combobox_module.default.inputWrapperLg : void 0;
-  const classes = [Combobox_module.default.input, inputSizeClass, className].filter(Boolean).join(" ");
+  const classes = [Combobox_module.default.input, className].filter(Boolean).join(" ");
   const wrapperClasses = [Combobox_module.default.inputWrapper, wrapperSizeClass].filter(Boolean).join(" ");
   const renderTrigger = showTrigger && context.explicitTriggerCount === 0;
   const inputId = context.inputId ?? htmlProps.id;
@@ -406,7 +406,7 @@ function ComboboxTrigger({ children, className, ...htmlProps }) {
 function ComboboxContent({
   children,
   className,
-  sideOffset = 4,
+  sideOffset = popup.POPUP_OFFSET_PX,
   align = "start",
   maxVisibleItems,
   ...htmlProps
@@ -424,7 +424,7 @@ function ComboboxContent({
     [children, visibleValues]
   );
   const popupStyle = maxVisibleItems != null ? {
-    "--fui-select-max-items": maxVisibleItems + 0.5,
+    "--fui-popup-viewport-rows": popup.resolvePopupViewportRows(maxVisibleItems),
     ...htmlProps.style
   } : htmlProps.style;
   return /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/components/Combobox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Combobox/index.js

@@ -4,6 +4,7 @@ import * as React from "react";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 import { useResolvedControlSize } from "../ComponentDefaults/index.js";
 import { useFormFieldIds, mergeAriaIds } from "../../utils/aria.js";
+import { POPUP_OFFSET_PX, resolvePopupViewportRows } from "../../recipes/popup.js";
 import styles from "./Combobox.module.scss.js";
 function ChevronDownIcon() {
   return /* @__PURE__ */ jsx(
@@ -340,9 +341,8 @@ function ComboboxInput({
   ...htmlProps
 }) {
   const context = React.useContext(ComboboxContext);
-  const inputSizeClass = context.size === "sm" ? styles.inputSm : context.size === "lg" ? styles.inputLg : void 0;
   const wrapperSizeClass = context.size === "sm" ? styles.inputWrapperSm : context.size === "lg" ? styles.inputWrapperLg : void 0;
-  const classes = [styles.input, inputSizeClass, className].filter(Boolean).join(" ");
+  const classes = [styles.input, className].filter(Boolean).join(" ");
   const wrapperClasses = [styles.inputWrapper, wrapperSizeClass].filter(Boolean).join(" ");
   const renderTrigger = showTrigger && context.explicitTriggerCount === 0;
   const inputId = context.inputId ?? htmlProps.id;
@@ -387,7 +387,7 @@ function ComboboxTrigger({ children, className, ...htmlProps }) {
 function ComboboxContent({
   children,
   className,
-  sideOffset = 4,
+  sideOffset = POPUP_OFFSET_PX,
   align = "start",
   maxVisibleItems,
   ...htmlProps
@@ -405,7 +405,7 @@ function ComboboxContent({
     [children, visibleValues]
   );
   const popupStyle = maxVisibleItems != null ? {
-    "--fui-select-max-items": maxVisibleItems + 0.5,
+    "--fui-popup-viewport-rows": resolvePopupViewportRows(maxVisibleItems),
     ...htmlProps.style
   } : htmlProps.style;
   return /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(

package/dist/components/Command/Command.module.scss.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const command = "_command_18jdg_1";
-const inputWrapper = "_inputWrapper_18jdg_11";
-const input = "_input_18jdg_11";
-const list = "_list_18jdg_70";
-const item = "_item_18jdg_76";
-const itemActive = "_itemActive_18jdg_114";
-const itemDisabled = "_itemDisabled_18jdg_119";
-const group = "_group_18jdg_125";
-const groupHeading = "_groupHeading_18jdg_129";
-const empty = "_empty_18jdg_136";
-const separator = "_separator_18jdg_143";
+const command = "_command_1qw7x_1";
+const inputWrapper = "_inputWrapper_1qw7x_36";
+const input = "_input_1qw7x_36";
+const list = "_list_1qw7x_88";
+const item = "_item_1qw7x_94";
+const itemActive = "_itemActive_1qw7x_118";
+const itemDisabled = "_itemDisabled_1qw7x_122";
+const group = "_group_1qw7x_127";
+const groupHeading = "_groupHeading_1qw7x_135";
+const empty = "_empty_1qw7x_149";
+const separator = "_separator_1qw7x_161";
 const styles = {
   command,
   inputWrapper,

package/dist/components/Command/Command.module.scss.js

@@ -1,14 +1,14 @@
-const command = "_command_18jdg_1";
-const inputWrapper = "_inputWrapper_18jdg_11";
-const input = "_input_18jdg_11";
-const list = "_list_18jdg_70";
-const item = "_item_18jdg_76";
-const itemActive = "_itemActive_18jdg_114";
-const itemDisabled = "_itemDisabled_18jdg_119";
-const group = "_group_18jdg_125";
-const groupHeading = "_groupHeading_18jdg_129";
-const empty = "_empty_18jdg_136";
-const separator = "_separator_18jdg_143";
+const command = "_command_1qw7x_1";
+const inputWrapper = "_inputWrapper_1qw7x_36";
+const input = "_input_1qw7x_36";
+const list = "_list_1qw7x_88";
+const item = "_item_1qw7x_94";
+const itemActive = "_itemActive_1qw7x_118";
+const itemDisabled = "_itemDisabled_1qw7x_122";
+const group = "_group_1qw7x_127";
+const groupHeading = "_groupHeading_1qw7x_135";
+const empty = "_empty_1qw7x_149";
+const separator = "_separator_1qw7x_161";
 const styles = {
   command,
   inputWrapper,