@usefragments/ui 1.0.2 → 1.2.0

package/dist/components/Drawer/index.js

@@ -2,6 +2,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
 import styles from "./Drawer.module.scss.js";
+const SWIPE_DIRECTION_BY_SIDE = {
+  left: "left",
+  right: "right",
+  top: "up",
+  bottom: "down"
+};
+const DrawerContentSideContext = React.createContext(() => {
+});
 function getAsChildElement(children, componentName) {
   if (!React.isValidElement(children)) {
     throw new Error(`${componentName} with asChild requires a single valid React element child.`);
@@ -40,7 +48,9 @@ function DrawerRoot({
   snapPoints,
   disablePointerDismissal
 }) {
-  return /* @__PURE__ */ jsx(
+  const [contentSide, setContentSide] = React.useState("right");
+  const resolvedSwipeDirection = swipeDirection ?? SWIPE_DIRECTION_BY_SIDE[contentSide];
+  return /* @__PURE__ */ jsx(DrawerContentSideContext.Provider, { value: setContentSide, children: /* @__PURE__ */ jsx(
     Drawer$1.Root,
     {
       open,
@@ -48,12 +58,12 @@ function DrawerRoot({
       onOpenChange,
       onOpenChangeComplete,
       modal,
-      swipeDirection,
+      swipeDirection: resolvedSwipeDirection,
       snapPoints,
       disablePointerDismissal,
       children
     }
-  );
+  ) });
 }
 function DrawerTrigger({ children, asChild, className, ...htmlProps }) {
   if (asChild) {
@@ -72,8 +82,15 @@ function DrawerContent({
   className,
   ...htmlProps
 }) {
+  const registerContentSide = React.useContext(DrawerContentSideContext);
   const { className: viewportClassName, ...viewportHtmlProps } = viewportProps ?? {};
   const popupClasses = [styles.popup, styles[`side-${side}`], styles[`size-${size}`], className].filter(Boolean).join(" ");
+  React.useEffect(() => {
+    registerContentSide(side);
+    return () => {
+      registerContentSide("right");
+    };
+  }, [registerContentSide, side]);
   return /* @__PURE__ */ jsxs(Drawer$1.Portal, { children: [
     backdrop && /* @__PURE__ */ jsx(Drawer$1.Backdrop, { className: styles.backdrop }),
     /* @__PURE__ */ jsx(

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

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const editor = "_editor_15yn6_1";
-const contentTextarea = "_contentTextarea_15yn6_19";
-const content = "_content_15yn6_19";
-const toolbar = "_toolbar_15yn6_38";
-const toolbarGroup = "_toolbarGroup_15yn6_49";
-const toolbarButton = "_toolbarButton_15yn6_55";
-const toolbarButtonActive = "_toolbarButtonActive_15yn6_110";
-const separator = "_separator_15yn6_121";
-const statusIndicator = "_statusIndicator_15yn6_129";
-const statusError = "_statusError_15yn6_142";
-const contentRich = "_contentRich_15yn6_152";
-const statusBar = "_statusBar_15yn6_275";
-const statusBarLeft = "_statusBarLeft_15yn6_285";
-const statusBarRight = "_statusBarRight_15yn6_291";
-const statusBarItem = "_statusBarItem_15yn6_298";
-const statusBarItemWarning = "_statusBarItemWarning_15yn6_305";
-const statusBarItemError = "_statusBarItemError_15yn6_310";
+const editor = "_editor_du1z6_1";
+const contentTextarea = "_contentTextarea_du1z6_19";
+const content = "_content_du1z6_19";
+const toolbar = "_toolbar_du1z6_38";
+const toolbarGroup = "_toolbarGroup_du1z6_49";
+const toolbarButton = "_toolbarButton_du1z6_55";
+const toolbarButtonActive = "_toolbarButtonActive_du1z6_110";
+const separator = "_separator_du1z6_121";
+const statusIndicator = "_statusIndicator_du1z6_129";
+const statusError = "_statusError_du1z6_142";
+const contentRich = "_contentRich_du1z6_152";
+const statusBar = "_statusBar_du1z6_275";
+const statusBarLeft = "_statusBarLeft_du1z6_285";
+const statusBarRight = "_statusBarRight_du1z6_291";
+const statusBarItem = "_statusBarItem_du1z6_298";
+const statusBarItemWarning = "_statusBarItemWarning_du1z6_305";
+const statusBarItemError = "_statusBarItemError_du1z6_310";
 const styles = {
   editor,
   contentTextarea,

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

@@ -1,20 +1,20 @@
-const editor = "_editor_15yn6_1";
-const contentTextarea = "_contentTextarea_15yn6_19";
-const content = "_content_15yn6_19";
-const toolbar = "_toolbar_15yn6_38";
-const toolbarGroup = "_toolbarGroup_15yn6_49";
-const toolbarButton = "_toolbarButton_15yn6_55";
-const toolbarButtonActive = "_toolbarButtonActive_15yn6_110";
-const separator = "_separator_15yn6_121";
-const statusIndicator = "_statusIndicator_15yn6_129";
-const statusError = "_statusError_15yn6_142";
-const contentRich = "_contentRich_15yn6_152";
-const statusBar = "_statusBar_15yn6_275";
-const statusBarLeft = "_statusBarLeft_15yn6_285";
-const statusBarRight = "_statusBarRight_15yn6_291";
-const statusBarItem = "_statusBarItem_15yn6_298";
-const statusBarItemWarning = "_statusBarItemWarning_15yn6_305";
-const statusBarItemError = "_statusBarItemError_15yn6_310";
+const editor = "_editor_du1z6_1";
+const contentTextarea = "_contentTextarea_du1z6_19";
+const content = "_content_du1z6_19";
+const toolbar = "_toolbar_du1z6_38";
+const toolbarGroup = "_toolbarGroup_du1z6_49";
+const toolbarButton = "_toolbarButton_du1z6_55";
+const toolbarButtonActive = "_toolbarButtonActive_du1z6_110";
+const separator = "_separator_du1z6_121";
+const statusIndicator = "_statusIndicator_du1z6_129";
+const statusError = "_statusError_du1z6_142";
+const contentRich = "_contentRich_du1z6_152";
+const statusBar = "_statusBar_du1z6_275";
+const statusBarLeft = "_statusBarLeft_du1z6_285";
+const statusBarRight = "_statusBarRight_du1z6_291";
+const statusBarItem = "_statusBarItem_du1z6_298";
+const statusBarItemWarning = "_statusBarItemWarning_du1z6_305";
+const statusBarItemError = "_statusBarItemError_du1z6_310";
 const styles = {
   editor,
   contentTextarea,

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const emptyState = "_emptyState_xv2f8_1";
-const sm = "_sm_xv2f8_11";
-const title = "_title_xv2f8_14";
-const description = "_description_xv2f8_17";
-const icon = "_icon_xv2f8_21";
-const actions = "_actions_xv2f8_24";
-const md = "_md_xv2f8_28";
-const lg = "_lg_xv2f8_45";
+const emptyState = "_emptyState_2ooam_1";
+const sm = "_sm_2ooam_11";
+const title = "_title_2ooam_14";
+const description = "_description_2ooam_17";
+const icon = "_icon_2ooam_21";
+const actions = "_actions_2ooam_24";
+const md = "_md_2ooam_28";
+const lg = "_lg_2ooam_45";
 const styles = {
   emptyState,
   sm,

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

@@ -1,11 +1,11 @@
-const emptyState = "_emptyState_xv2f8_1";
-const sm = "_sm_xv2f8_11";
-const title = "_title_xv2f8_14";
-const description = "_description_xv2f8_17";
-const icon = "_icon_xv2f8_21";
-const actions = "_actions_xv2f8_24";
-const md = "_md_xv2f8_28";
-const lg = "_lg_xv2f8_45";
+const emptyState = "_emptyState_2ooam_1";
+const sm = "_sm_2ooam_11";
+const title = "_title_2ooam_14";
+const description = "_description_2ooam_17";
+const icon = "_icon_2ooam_21";
+const actions = "_actions_2ooam_24";
+const md = "_md_2ooam_28";
+const lg = "_lg_2ooam_45";
 const styles = {
   emptyState,
   sm,

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_u0dc8_1";
-const label = "_label_u0dc8_6";
-const description = "_description_u0dc8_17";
-const error = "_error_u0dc8_24";
+const root = "_root_14d52_1";
+const label = "_label_14d52_6";
+const description = "_description_14d52_17";
+const error = "_error_14d52_24";
 const styles = {
   root,
   label,

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

@@ -1,7 +1,7 @@
-const root = "_root_u0dc8_1";
-const label = "_label_u0dc8_6";
-const description = "_description_u0dc8_17";
-const error = "_error_u0dc8_24";
+const root = "_root_14d52_1";
+const label = "_label_14d52_6";
+const description = "_description_14d52_17";
+const error = "_error_14d52_24";
 const styles = {
   root,
   label,

package/dist/components/Field/index.cjs

@@ -34,15 +34,9 @@ function FieldLabel({ children, className }) {
   const classes = [Field_module.default.label, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx(field.Field.Label, { className: classes, children });
 }
-function FieldControl({ children, className }) {
+function FieldControl({ children, className, ...controlProps }) {
   const classes = [Field_module.default.control, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    field.Field.Control,
-    {
-      className: classes,
-      render: children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(field.Field.Control, { ...controlProps, className: classes, render: children });
 }
 function FieldDescription({ children, className }) {
   const classes = [Field_module.default.description, className].filter(Boolean).join(" ");
@@ -50,7 +44,14 @@ function FieldDescription({ children, className }) {
 }
 function FieldError({ children, match, className }) {
   const classes = [Field_module.default.error, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(field.Field.Error, { match, className: classes, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    field.Field.Error,
+    {
+      match,
+      className: classes,
+      ...children === void 0 ? {} : { children }
+    }
+  );
 }
 function FieldValidity({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(field.Field.Validity, { children });

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

@@ -1,19 +1,19 @@
-import * as React from 'react';
-import { type FieldValidityState } from '@base-ui/react/field';
+import * as React from "react";
+import { type FieldControlProps as BaseFieldControlProps, type FieldValidityState } from "@base-ui/react/field";
 export interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     name?: string;
     disabled?: boolean;
     invalid?: boolean;
     validate?: (value: unknown) => string | string[] | null | Promise<string | string[] | null>;
-    validationMode?: 'onSubmit' | 'onBlur' | 'onChange';
+    validationMode?: "onSubmit" | "onBlur" | "onChange";
     validationDebounceTime?: number;
 }
 export interface FieldLabelProps {
     children: React.ReactNode;
     className?: string;
 }
-export interface FieldControlProps {
+export interface FieldControlProps extends Omit<BaseFieldControlProps, "children" | "className" | "ref" | "render"> {
     children: React.ReactElement;
     className?: string;
 }
@@ -23,7 +23,7 @@ export interface FieldDescriptionProps {
 }
 export interface FieldErrorProps {
     children?: React.ReactNode;
-    match?: 'valueMissing' | 'typeMismatch' | 'tooShort' | 'tooLong' | 'patternMismatch' | 'customError' | boolean;
+    match?: "valueMissing" | "typeMismatch" | "tooShort" | "tooLong" | "patternMismatch" | "customError" | boolean;
     className?: string;
 }
 export interface FieldValidityProps {
@@ -39,7 +39,7 @@ declare function FieldLabel({ children, className }: FieldLabelProps): import("r
  *
  * Works with Input, Textarea, Checkbox, Switch, Select, or any element.
  */
-declare function FieldControl({ children, className }: FieldControlProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldControl({ children, className, ...controlProps }: FieldControlProps): import("react/jsx-runtime").JSX.Element;
 declare function FieldDescription({ children, className }: FieldDescriptionProps): import("react/jsx-runtime").JSX.Element;
 declare function FieldError({ children, match, className }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
 declare function FieldValidity({ children }: FieldValidityProps): import("react/jsx-runtime").JSX.Element;
@@ -50,5 +50,5 @@ export declare const Field: typeof FieldRoot & {
     Error: typeof FieldError;
     Validity: typeof FieldValidity;
 };
-export { FieldRoot, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity, };
+export { FieldRoot, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAsB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAOnF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;IAC5F,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,GAAG,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,GAAG,aAAa,GAAG,OAAO,CAAC;IAC/G,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1D;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAMnC,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,UAAU,2CAiBZ;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAG3D;AAED;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAQ/D;AAED,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAOvE;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,2CAOlE;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAEtD;AAMD,eAAO,MAAM,KAAK;;;;;;CAMhB,CAAC;AAEH,OAAO,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,aAAa,GACd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,iBAAiB,IAAI,qBAAqB,EAC/C,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;AAO9B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;IAC5F,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,qBAAqB,EACrB,UAAU,GAAG,WAAW,GAAG,KAAK,GAAG,QAAQ,CAC5C;IACC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EACF,cAAc,GACd,cAAc,GACd,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,aAAa,GACb,OAAO,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1D;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAMnC,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,UAAU,2CAiBZ;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAG3D;AAED;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,EAAE,iBAAiB,2CAGhF;AAED,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAGvE;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,2CASlE;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAEtD;AAMD,eAAO,MAAM,KAAK;;;;;;CAMhB,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Field/index.js

@@ -32,15 +32,9 @@ function FieldLabel({ children, className }) {
   const classes = [styles.label, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx(Field$1.Label, { className: classes, children });
 }
-function FieldControl({ children, className }) {
+function FieldControl({ children, className, ...controlProps }) {
   const classes = [styles.control, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(
-    Field$1.Control,
-    {
-      className: classes,
-      render: children
-    }
-  );
+  return /* @__PURE__ */ jsx(Field$1.Control, { ...controlProps, className: classes, render: children });
 }
 function FieldDescription({ children, className }) {
   const classes = [styles.description, className].filter(Boolean).join(" ");
@@ -48,7 +42,14 @@ function FieldDescription({ children, className }) {
 }
 function FieldError({ children, match, className }) {
   const classes = [styles.error, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(Field$1.Error, { match, className: classes, children });
+  return /* @__PURE__ */ jsx(
+    Field$1.Error,
+    {
+      match,
+      className: classes,
+      ...children === void 0 ? {} : { children }
+    }
+  );
 }
 function FieldValidity({ children }) {
   return /* @__PURE__ */ jsx(Field$1.Validity, { children });

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_2bqad_1";
-const legend = "_legend_2bqad_15";
-const description = "_description_2bqad_25";
+const root = "_root_2801s_1";
+const legend = "_legend_2801s_15";
+const description = "_description_2801s_25";
 const styles = {
   root,
   legend,

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

@@ -1,6 +1,6 @@
-const root = "_root_2bqad_1";
-const legend = "_legend_2bqad_15";
-const description = "_description_2bqad_25";
+const root = "_root_2801s_1";
+const legend = "_legend_2801s_15";
+const description = "_description_2801s_25";
 const styles = {
   root,
   legend,

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

@@ -1,40 +1,49 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const header = "_header_52luq_1";
-const fixed = "_fixed_52luq_13";
-const sticky = "_sticky_52luq_20";
-const container = "_container_52luq_25";
-const brand = "_brand_52luq_38";
-const nav = "_nav_52luq_56";
-const navList = "_navList_52luq_66";
-const navItem = "_navItem_52luq_75";
-const navItemActive = "_navItemActive_52luq_123";
-const navMenuTrigger = "_navMenuTrigger_52luq_137";
-const navMenuChevron = "_navMenuChevron_52luq_142";
-const navMenuPositioner = "_navMenuPositioner_52luq_150";
-const navMenuPopup = "_navMenuPopup_52luq_155";
-const navMenuItem = "_navMenuItem_52luq_176";
-const navMenuItemActive = "_navMenuItemActive_52luq_212";
-const search = "_search_52luq_234";
-const searchExpandable = "_searchExpandable_52luq_244";
-const actions = "_actions_52luq_248";
-const trigger = "_trigger_52luq_255";
-const spacer = "_spacer_52luq_297";
-const mobileNavBackdrop = "_mobileNavBackdrop_52luq_301";
-const mobileNavDrawer = "_mobileNavDrawer_52luq_309";
-const mobileNavHeader = "_mobileNavHeader_52luq_323";
-const mobileNavClose = "_mobileNavClose_52luq_331";
-const mobileNavBody = "_mobileNavBody_52luq_369";
-const mobileNavLink = "_mobileNavLink_52luq_375";
-const mobileNavLinkActive = "_mobileNavLinkActive_52luq_409";
-const skipLink = "_skipLink_52luq_436";
+const header = "_header_hge7p_1";
+const fixed = "_fixed_hge7p_13";
+const sticky = "_sticky_hge7p_20";
+const elevatedOnScroll = "_elevatedOnScroll_hge7p_25";
+const scrolled = "_scrolled_hge7p_30";
+const containerPage = "_containerPage_hge7p_34";
+const container = "_container_hge7p_34";
+const navCentered = "_navCentered_hge7p_55";
+const nav = "_nav_hge7p_55";
+const brand = "_brand_hge7p_67";
+const navList = "_navList_hge7p_95";
+const navItem = "_navItem_hge7p_104";
+const navItemActive = "_navItemActive_hge7p_152";
+const navMenuTrigger = "_navMenuTrigger_hge7p_166";
+const navMenuChevron = "_navMenuChevron_hge7p_171";
+const navMenuPositioner = "_navMenuPositioner_hge7p_179";
+const navMenuPopup = "_navMenuPopup_hge7p_184";
+const navMenuItem = "_navMenuItem_hge7p_205";
+const navMenuItemActive = "_navMenuItemActive_hge7p_241";
+const search = "_search_hge7p_263";
+const searchExpandable = "_searchExpandable_hge7p_273";
+const actions = "_actions_hge7p_277";
+const trigger = "_trigger_hge7p_284";
+const spacer = "_spacer_hge7p_326";
+const mobileNavBackdrop = "_mobileNavBackdrop_hge7p_330";
+const mobileNavDrawer = "_mobileNavDrawer_hge7p_338";
+const mobileNavHeader = "_mobileNavHeader_hge7p_352";
+const mobileNavClose = "_mobileNavClose_hge7p_360";
+const mobileNavBody = "_mobileNavBody_hge7p_398";
+const mobileNavLink = "_mobileNavLink_hge7p_404";
+const mobileNavLinkActive = "_mobileNavLinkActive_hge7p_438";
+const mobileNavActions = "_mobileNavActions_hge7p_443";
+const skipLink = "_skipLink_hge7p_472";
 const styles = {
   header,
   fixed,
   sticky,
+  elevatedOnScroll,
+  scrolled,
+  containerPage,
   container,
-  brand,
+  navCentered,
   nav,
+  brand,
   navList,
   navItem,
   navItemActive,
@@ -56,14 +65,18 @@ const styles = {
   mobileNavBody,
   mobileNavLink,
   mobileNavLinkActive,
+  mobileNavActions,
   skipLink
 };
 exports.actions = actions;
 exports.brand = brand;
 exports.container = container;
+exports.containerPage = containerPage;
 exports.default = styles;
+exports.elevatedOnScroll = elevatedOnScroll;
 exports.fixed = fixed;
 exports.header = header;
+exports.mobileNavActions = mobileNavActions;
 exports.mobileNavBackdrop = mobileNavBackdrop;
 exports.mobileNavBody = mobileNavBody;
 exports.mobileNavClose = mobileNavClose;
@@ -72,6 +85,7 @@ exports.mobileNavHeader = mobileNavHeader;
 exports.mobileNavLink = mobileNavLink;
 exports.mobileNavLinkActive = mobileNavLinkActive;
 exports.nav = nav;
+exports.navCentered = navCentered;
 exports.navItem = navItem;
 exports.navItemActive = navItemActive;
 exports.navList = navList;
@@ -81,6 +95,7 @@ exports.navMenuItemActive = navMenuItemActive;
 exports.navMenuPopup = navMenuPopup;
 exports.navMenuPositioner = navMenuPositioner;
 exports.navMenuTrigger = navMenuTrigger;
+exports.scrolled = scrolled;
 exports.search = search;
 exports.searchExpandable = searchExpandable;
 exports.skipLink = skipLink;

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

@@ -1,38 +1,47 @@
-const header = "_header_52luq_1";
-const fixed = "_fixed_52luq_13";
-const sticky = "_sticky_52luq_20";
-const container = "_container_52luq_25";
-const brand = "_brand_52luq_38";
-const nav = "_nav_52luq_56";
-const navList = "_navList_52luq_66";
-const navItem = "_navItem_52luq_75";
-const navItemActive = "_navItemActive_52luq_123";
-const navMenuTrigger = "_navMenuTrigger_52luq_137";
-const navMenuChevron = "_navMenuChevron_52luq_142";
-const navMenuPositioner = "_navMenuPositioner_52luq_150";
-const navMenuPopup = "_navMenuPopup_52luq_155";
-const navMenuItem = "_navMenuItem_52luq_176";
-const navMenuItemActive = "_navMenuItemActive_52luq_212";
-const search = "_search_52luq_234";
-const searchExpandable = "_searchExpandable_52luq_244";
-const actions = "_actions_52luq_248";
-const trigger = "_trigger_52luq_255";
-const spacer = "_spacer_52luq_297";
-const mobileNavBackdrop = "_mobileNavBackdrop_52luq_301";
-const mobileNavDrawer = "_mobileNavDrawer_52luq_309";
-const mobileNavHeader = "_mobileNavHeader_52luq_323";
-const mobileNavClose = "_mobileNavClose_52luq_331";
-const mobileNavBody = "_mobileNavBody_52luq_369";
-const mobileNavLink = "_mobileNavLink_52luq_375";
-const mobileNavLinkActive = "_mobileNavLinkActive_52luq_409";
-const skipLink = "_skipLink_52luq_436";
+const header = "_header_hge7p_1";
+const fixed = "_fixed_hge7p_13";
+const sticky = "_sticky_hge7p_20";
+const elevatedOnScroll = "_elevatedOnScroll_hge7p_25";
+const scrolled = "_scrolled_hge7p_30";
+const containerPage = "_containerPage_hge7p_34";
+const container = "_container_hge7p_34";
+const navCentered = "_navCentered_hge7p_55";
+const nav = "_nav_hge7p_55";
+const brand = "_brand_hge7p_67";
+const navList = "_navList_hge7p_95";
+const navItem = "_navItem_hge7p_104";
+const navItemActive = "_navItemActive_hge7p_152";
+const navMenuTrigger = "_navMenuTrigger_hge7p_166";
+const navMenuChevron = "_navMenuChevron_hge7p_171";
+const navMenuPositioner = "_navMenuPositioner_hge7p_179";
+const navMenuPopup = "_navMenuPopup_hge7p_184";
+const navMenuItem = "_navMenuItem_hge7p_205";
+const navMenuItemActive = "_navMenuItemActive_hge7p_241";
+const search = "_search_hge7p_263";
+const searchExpandable = "_searchExpandable_hge7p_273";
+const actions = "_actions_hge7p_277";
+const trigger = "_trigger_hge7p_284";
+const spacer = "_spacer_hge7p_326";
+const mobileNavBackdrop = "_mobileNavBackdrop_hge7p_330";
+const mobileNavDrawer = "_mobileNavDrawer_hge7p_338";
+const mobileNavHeader = "_mobileNavHeader_hge7p_352";
+const mobileNavClose = "_mobileNavClose_hge7p_360";
+const mobileNavBody = "_mobileNavBody_hge7p_398";
+const mobileNavLink = "_mobileNavLink_hge7p_404";
+const mobileNavLinkActive = "_mobileNavLinkActive_hge7p_438";
+const mobileNavActions = "_mobileNavActions_hge7p_443";
+const skipLink = "_skipLink_hge7p_472";
 const styles = {
   header,
   fixed,
   sticky,
+  elevatedOnScroll,
+  scrolled,
+  containerPage,
   container,
-  brand,
+  navCentered,
   nav,
+  brand,
   navList,
   navItem,
   navItemActive,
@@ -54,15 +63,19 @@ const styles = {
   mobileNavBody,
   mobileNavLink,
   mobileNavLinkActive,
+  mobileNavActions,
   skipLink
 };
 export {
   actions,
   brand,
   container,
+  containerPage,
   styles as default,
+  elevatedOnScroll,
   fixed,
   header,
+  mobileNavActions,
   mobileNavBackdrop,
   mobileNavBody,
   mobileNavClose,
@@ -71,6 +84,7 @@ export {
   mobileNavLink,
   mobileNavLinkActive,
   nav,
+  navCentered,
   navItem,
   navItemActive,
   navList,
@@ -80,6 +94,7 @@ export {
   navMenuPopup,
   navMenuPositioner,
   navMenuTrigger,
+  scrolled,
   search,
   searchExpandable,
   skipLink,