@salt-ds/core 1.30.0 → 1.32.0

package/dist-cjs/dialog/DialogContent.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 var clsx = require('clsx');
+var React = require('react');
 var makePrefixer = require('../utils/makePrefixer.js');
 require('../utils/useFloatingUI/useFloatingUI.js');
 require('../utils/useId.js');
@@ -27,8 +29,6 @@ require('../button/Button.js');
 require('../card/Card.js');
 require('../checkbox/Checkbox.js');
 require('../checkbox/CheckboxGroup.js');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
 require('@salt-ds/icons');
 require('../combo-box/ComboBox.js');
 require('./Dialog.js');
@@ -47,6 +47,7 @@ require('../flex-item/FlexItem.js');
 require('../flex-layout/FlexLayout.js');
 require('../flow-layout/FlowLayout.js');
 require('../form-field/FormField.js');
+require('../form-field-context/FormFieldContext.js');
 require('../status-indicator/StatusIndicator.js');
 require('../text/Text.js');
 require('../text/Code.js');
@@ -55,7 +56,6 @@ require('../text/Headings.js');
 require('../text/Label.js');
 require('../text/TextAction.js');
 require('../text/TextNotation.js');
-require('../form-field-context/FormFieldContext.js');
 require('../grid-item/GridItem.js');
 require('../grid-layout/GridLayout.js');
 require('../input/Input.js');
@@ -66,12 +66,12 @@ require('../link/Link.js');
 require('../link-card/LinkCard.js');
 require('../list-box/ListBox.js');
 require('../list-control/ListControlContext.js');
-require('../menu/MenuContext.js');
 require('@floating-ui/react');
+require('../menu/MenuContext.js');
 require('../menu/MenuItem.js');
 require('../menu/MenuPanel.js');
-require('../menu/MenuTriggerContext.js');
 require('../menu/MenuPanelContext.js');
+require('../menu/MenuTriggerContext.js');
 require('../menu/MenuGroup.js');
 require('../multiline-input/MultilineInput.js');
 require('../navigation-item/NavigationItem.js');

package/dist-cjs/dialog/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","sources":["../src/dialog/DialogContent.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, ReactNode, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"../utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport dialogContentCss from \"./DialogContent.css\";\n\nconst withBaseName = makePrefixer(\"saltDialogContent\");\n\nexport interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The content of Dialog Content\n   */\n  children?: ReactNode;\n}\n\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  function DialogContent(props, ref) {\n    const { children, className, ...rest } = props;\n    const [scrollTop, setScrollTop] = useState(0);\n\n    const handleScroll = (event: React.UIEvent<HTMLElement>) => {\n      setScrollTop(event.currentTarget.scrollTop);\n    };\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-dialog-content\",\n      css: dialogContentCss,\n      window: targetWindow,\n    });\n\n    return (\n      <>\n        <div className={clsx({ [withBaseName(\"scroll\")]: scrollTop > 0 })} />\n        <div\n          className={clsx(withBaseName(), className)}\n          onScroll={handleScroll}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </div>\n      </>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","DialogContent","useState","useWindow","useComponentCssInjection","dialogContentCss","jsxs","Fragment","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,0BAAa,mBAAmB,CAAA,CAAA;AAS9C,MAAM,aAAgB,GAAAC,gBAAA;AAAA,EAC3B,SAASC,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACzC,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,eAAS,CAAC,CAAA,CAAA;AAE5C,IAAM,MAAA,YAAA,GAAe,CAAC,KAAsC,KAAA;AAC1D,MAAa,YAAA,CAAA,KAAA,CAAM,cAAc,SAAS,CAAA,CAAA;AAAA,KAC5C,CAAA;AAEA,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,eAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,MACE,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAWC,UAAK,EAAE,CAAC,aAAa,QAAQ,CAAA,GAAI,SAAY,GAAA,CAAA,EAAG,CAAA;AAAA,SAAG,CAAA;AAAA,wBAClED,cAAA,CAAA,KAAA,EAAA;AAAA,UACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,UACzC,QAAU,EAAA,YAAA;AAAA,UACT,GAAG,IAAA;AAAA,UACJ,GAAA;AAAA,UAEC,QAAA;AAAA,SACH,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"DialogContent.js","sources":["../src/dialog/DialogContent.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type HTMLAttributes,\n  type ReactNode,\n  forwardRef,\n  useState,\n} from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport dialogContentCss from \"./DialogContent.css\";\n\nconst withBaseName = makePrefixer(\"saltDialogContent\");\n\nexport interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The content of Dialog Content\n   */\n  children?: ReactNode;\n}\n\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  function DialogContent(props, ref) {\n    const { children, className, ...rest } = props;\n    const [scrollTop, setScrollTop] = useState(0);\n\n    const handleScroll = (event: React.UIEvent<HTMLElement>) => {\n      setScrollTop(event.currentTarget.scrollTop);\n    };\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-dialog-content\",\n      css: dialogContentCss,\n      window: targetWindow,\n    });\n\n    return (\n      <>\n        <div className={clsx({ [withBaseName(\"scroll\")]: scrollTop > 0 })} />\n        <div\n          className={clsx(withBaseName(), className)}\n          onScroll={handleScroll}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </div>\n      </>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","DialogContent","useState","useWindow","useComponentCssInjection","dialogContentCss","jsxs","Fragment","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,0BAAa,mBAAmB,CAAA,CAAA;AAS9C,MAAM,aAAgB,GAAAC,gBAAA;AAAA,EAC3B,SAASC,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACzC,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,eAAS,CAAC,CAAA,CAAA;AAE5C,IAAM,MAAA,YAAA,GAAe,CAAC,KAAsC,KAAA;AAC1D,MAAa,YAAA,CAAA,KAAA,CAAM,cAAc,SAAS,CAAA,CAAA;AAAA,KAC5C,CAAA;AAEA,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,eAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,MACE,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAWC,UAAK,EAAE,CAAC,aAAa,QAAQ,CAAA,GAAI,SAAY,GAAA,CAAA,EAAG,CAAA;AAAA,SAAG,CAAA;AAAA,wBAClED,cAAA,CAAA,KAAA,EAAA;AAAA,UACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,UACzC,QAAU,EAAA,YAAA;AAAA,UACT,GAAG,IAAA;AAAA,UACJ,GAAA;AAAA,UAEC,QAAA;AAAA,SACH,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/dialog/DialogContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContext.js","sources":["../src/dialog/DialogContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { ValidationStatus } from \"../status-indicator\";\n\nexport const DialogContext = createContext<{\n  status?: ValidationStatus;\n  id: string | undefined;\n}>({\n  status: undefined,\n  id: \"\",\n});\n\nexport const useDialogContext = () => {\n  return useContext(DialogContext);\n};\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAGO,MAAM,gBAAgBA,mBAG1B,CAAA;AAAA,EACD,MAAQ,EAAA,KAAA,CAAA;AAAA,EACR,EAAI,EAAA,EAAA;AACN,CAAC,EAAA;AAEM,MAAM,mBAAmB,MAAM;AACpC,EAAA,OAAOC,iBAAW,aAAa,CAAA,CAAA;AACjC;;;;;"}
+{"version":3,"file":"DialogContext.js","sources":["../src/dialog/DialogContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ValidationStatus } from \"../status-indicator\";\n\nexport const DialogContext = createContext<{\n  status?: ValidationStatus;\n  id: string | undefined;\n}>({\n  status: undefined,\n  id: \"\",\n});\n\nexport const useDialogContext = () => {\n  return useContext(DialogContext);\n};\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAGO,MAAM,gBAAgBA,mBAG1B,CAAA;AAAA,EACD,MAAQ,EAAA,KAAA,CAAA;AAAA,EACR,EAAI,EAAA,EAAA;AACN,CAAC,EAAA;AAEM,MAAM,mBAAmB,MAAM;AACpC,EAAA,OAAOC,iBAAW,aAAa,CAAA,CAAA;AACjC;;;;;"}

package/dist-cjs/dialog/DialogHeader.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 var clsx = require('clsx');
+var React = require('react');
 var StatusIndicator = require('../status-indicator/StatusIndicator.js');
 var Text = require('../text/Text.js');
 require('../text/Code.js');
@@ -35,8 +37,6 @@ require('../button/Button.js');
 require('../card/Card.js');
 require('../checkbox/Checkbox.js');
 require('../checkbox/CheckboxGroup.js');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
 require('@salt-ds/icons');
 require('../combo-box/ComboBox.js');
 require('./Dialog.js');
@@ -66,12 +66,12 @@ require('../link/Link.js');
 require('../link-card/LinkCard.js');
 require('../list-box/ListBox.js');
 require('../list-control/ListControlContext.js');
-require('../menu/MenuContext.js');
 require('@floating-ui/react');
+require('../menu/MenuContext.js');
 require('../menu/MenuItem.js');
 require('../menu/MenuPanel.js');
-require('../menu/MenuTriggerContext.js');
 require('../menu/MenuPanelContext.js');
+require('../menu/MenuTriggerContext.js');
 require('../menu/MenuGroup.js');
 require('../multiline-input/MultilineInput.js');
 require('../navigation-item/NavigationItem.js');

package/dist-cjs/dialog/DialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.js","sources":["../src/dialog/DialogHeader.tsx"],"sourcesContent":["import { ReactNode, ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport clsx from \"clsx\";\nimport { ValidationStatus, StatusIndicator } from \"../status-indicator\";\nimport { H2, Text } from \"../text\";\nimport { makePrefixer } from \"../utils\";\nimport { useDialogContext } from \"./DialogContext\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport dialogHeaderCss from \"./DialogHeader.css\";\n\nconst withBaseName = makePrefixer(\"saltDialogHeader\");\n\nexport interface DialogHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The status of the Dialog\n   */\n  status?: ValidationStatus | undefined;\n  /**\n   * Displays the accent bar in the Dialog Title */\n  disableAccent?: boolean;\n  /**\n   * Displays the header at the top of the Dialog\n   */\n  header: ReactNode;\n  /**\n   * Displays the preheader just above the header\n   **/\n  preheader?: ReactNode;\n}\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n  function DialogHeader(props, ref) {\n    const {\n      className,\n      header,\n      preheader,\n      disableAccent,\n      status: statusProp,\n      ...rest\n    } = props;\n    const { status: statusContext, id } = useDialogContext();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-dialog-header\",\n      css: dialogHeaderCss,\n      window: targetWindow,\n    });\n\n    const status = statusProp ?? statusContext;\n\n    return (\n      <div\n        id={id}\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"withAccent\")]: !disableAccent && !status,\n            [withBaseName(status ?? \"\")]: !!status,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {status && <StatusIndicator status={status} />}\n        <H2 className={withBaseName(\"header\")}>\n          {preheader && (\n            <Text variant=\"secondary\" className={withBaseName(\"preheader\")}>\n              {preheader}\n            </Text>\n          )}\n          <div>{header}</div>\n        </H2>\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","DialogHeader","useDialogContext","useWindow","useComponentCssInjection","dialogHeaderCss","jsxs","clsx","jsx","StatusIndicator","H2","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,0BAAa,kBAAkB,CAAA,CAAA;AAoB7C,MAAM,YAAe,GAAAC,gBAAA;AAAA,EAC1B,SAASC,aAAa,CAAA,KAAA,EAAO,GAAK,EAAA;AAChC,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAQ,EAAA,UAAA;AAAA,MACL,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AACJ,IAAA,MAAM,EAAE,MAAA,EAAQ,aAAe,EAAA,EAAA,KAAOC,8BAAiB,EAAA,CAAA;AAEvD,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,oBAAA;AAAA,MACR,GAAK,EAAAC,cAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,SAAS,UAAc,IAAA,IAAA,GAAA,UAAA,GAAA,aAAA,CAAA;AAE7B,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAW,EAAAC,wBAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,CAAC,iBAAiB,CAAC,MAAA;AAAA,UACjD,CAAC,YAAa,CAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAU,EAAE,CAAA,GAAI,CAAC,CAAC,MAAA;AAAA,SAClC;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,MAAA,oBAAWC,cAAA,CAAAC,+BAAA,EAAA;AAAA,UAAgB,MAAA;AAAA,SAAgB,CAAA;AAAA,wBAC3CH,eAAA,CAAAI,WAAA,EAAA;AAAA,UAAG,SAAA,EAAW,aAAa,QAAQ,CAAA;AAAA,UACjC,QAAA,EAAA;AAAA,YAAA,SAAA,oBACEF,cAAA,CAAAG,SAAA,EAAA;AAAA,cAAK,OAAQ,EAAA,WAAA;AAAA,cAAY,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,cAC1D,QAAA,EAAA,SAAA;AAAA,aACH,CAAA;AAAA,4BAEDH,cAAA,CAAA,KAAA,EAAA;AAAA,cAAK,QAAA,EAAA,MAAA;AAAA,aAAO,CAAA;AAAA,WAAA;AAAA,SACf,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"DialogHeader.js","sources":["../src/dialog/DialogHeader.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\nimport { StatusIndicator, type ValidationStatus } from \"../status-indicator\";\nimport { H2, Text } from \"../text\";\nimport { makePrefixer } from \"../utils\";\nimport { useDialogContext } from \"./DialogContext\";\nimport dialogHeaderCss from \"./DialogHeader.css\";\n\nconst withBaseName = makePrefixer(\"saltDialogHeader\");\n\nexport interface DialogHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The status of the Dialog\n   */\n  status?: ValidationStatus | undefined;\n  /**\n   * Displays the accent bar in the Dialog Title */\n  disableAccent?: boolean;\n  /**\n   * Displays the header at the top of the Dialog\n   */\n  header: ReactNode;\n  /**\n   * Displays the preheader just above the header\n   **/\n  preheader?: ReactNode;\n}\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n  function DialogHeader(props, ref) {\n    const {\n      className,\n      header,\n      preheader,\n      disableAccent,\n      status: statusProp,\n      ...rest\n    } = props;\n    const { status: statusContext, id } = useDialogContext();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-dialog-header\",\n      css: dialogHeaderCss,\n      window: targetWindow,\n    });\n\n    const status = statusProp ?? statusContext;\n\n    return (\n      <div\n        id={id}\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"withAccent\")]: !disableAccent && !status,\n            [withBaseName(status ?? \"\")]: !!status,\n          },\n          className,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {status && <StatusIndicator status={status} />}\n        <H2 className={withBaseName(\"header\")}>\n          {preheader && (\n            <Text variant=\"secondary\" className={withBaseName(\"preheader\")}>\n              {preheader}\n            </Text>\n          )}\n          <div>{header}</div>\n        </H2>\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","DialogHeader","useDialogContext","useWindow","useComponentCssInjection","dialogHeaderCss","jsxs","clsx","jsx","StatusIndicator","H2","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAA,GAAeA,0BAAa,kBAAkB,CAAA,CAAA;AAoB7C,MAAM,YAAe,GAAAC,gBAAA;AAAA,EAC1B,SAASC,aAAa,CAAA,KAAA,EAAO,GAAK,EAAA;AAChC,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAQ,EAAA,UAAA;AAAA,MACL,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AACJ,IAAA,MAAM,EAAE,MAAA,EAAQ,aAAe,EAAA,EAAA,KAAOC,8BAAiB,EAAA,CAAA;AAEvD,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,oBAAA;AAAA,MACR,GAAK,EAAAC,cAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,SAAS,UAAc,IAAA,IAAA,GAAA,UAAA,GAAA,aAAA,CAAA;AAE7B,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAW,EAAAC,wBAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,CAAC,iBAAiB,CAAC,MAAA;AAAA,UACjD,CAAC,YAAa,CAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAU,EAAE,CAAA,GAAI,CAAC,CAAC,MAAA;AAAA,SAClC;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,MAAA,oBAAWC,cAAA,CAAAC,+BAAA,EAAA;AAAA,UAAgB,MAAA;AAAA,SAAgB,CAAA;AAAA,wBAC3CH,eAAA,CAAAI,WAAA,EAAA;AAAA,UAAG,SAAA,EAAW,aAAa,QAAQ,CAAA;AAAA,UACjC,QAAA,EAAA;AAAA,YAAA,SAAA,oBACEF,cAAA,CAAAG,SAAA,EAAA;AAAA,cAAK,OAAQ,EAAA,WAAA;AAAA,cAAY,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,cAC1D,QAAA,EAAA,SAAA;AAAA,aACH,CAAA;AAAA,4BAEDH,cAAA,CAAA,KAAA,EAAA;AAAA,cAAK,QAAA,EAAA,MAAA;AAAA,aAAO,CAAA;AAAA,WAAA;AAAA,SACf,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/divider/Divider.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 var clsx = require('clsx');
+var React = require('react');
 var makePrefixer = require('../utils/makePrefixer.js');
 require('../utils/useFloatingUI/useFloatingUI.js');
 require('../utils/useId.js');
@@ -27,8 +29,6 @@ require('../button/Button.js');
 require('../card/Card.js');
 require('../checkbox/Checkbox.js');
 require('../checkbox/CheckboxGroup.js');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
 require('@salt-ds/icons');
 require('../combo-box/ComboBox.js');
 require('../dialog/Dialog.js');
@@ -47,6 +47,7 @@ require('../flex-item/FlexItem.js');
 require('../flex-layout/FlexLayout.js');
 require('../flow-layout/FlowLayout.js');
 require('../form-field/FormField.js');
+require('../form-field-context/FormFieldContext.js');
 require('../status-indicator/StatusIndicator.js');
 require('../text/Text.js');
 require('../text/Code.js');
@@ -55,7 +56,6 @@ require('../text/Headings.js');
 require('../text/Label.js');
 require('../text/TextAction.js');
 require('../text/TextNotation.js');
-require('../form-field-context/FormFieldContext.js');
 require('../grid-item/GridItem.js');
 require('../grid-layout/GridLayout.js');
 require('../input/Input.js');
@@ -66,12 +66,12 @@ require('../link/Link.js');
 require('../link-card/LinkCard.js');
 require('../list-box/ListBox.js');
 require('../list-control/ListControlContext.js');
-require('../menu/MenuContext.js');
 require('@floating-ui/react');
+require('../menu/MenuContext.js');
 require('../menu/MenuItem.js');
 require('../menu/MenuPanel.js');
-require('../menu/MenuTriggerContext.js');
 require('../menu/MenuPanelContext.js');
+require('../menu/MenuTriggerContext.js');
 require('../menu/MenuGroup.js');
 require('../multiline-input/MultilineInput.js');
 require('../navigation-item/NavigationItem.js');

package/dist-cjs/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../src/divider/Divider.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"../utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport dividerCss from \"./Divider.css\";\n\nexport interface DividerProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The orientation of the divider. Defaults to `\"horizontal\"`.\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * The variant of the divider. Defaults to `\"primary\"`.\n   */\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nconst withBaseName = makePrefixer(\"saltDivider\");\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  function Divider(props, ref) {\n    const {\n      className,\n      orientation = \"horizontal\",\n      variant = \"primary\",\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-divider\",\n      css: dividerCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(orientation),\n          withBaseName(variant),\n          className\n        )}\n        aria-orientation={orientation}\n        role=\"separator\"\n        ref={ref}\n        {...rest}\n      />\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","Divider","useWindow","useComponentCssInjection","dividerCss","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,YAAA,GAAeA,0BAAa,aAAa,CAAA,CAAA;AAExC,MAAM,OAAU,GAAAC,gBAAA;AAAA,EACrB,SAASC,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,WAAc,GAAA,YAAA;AAAA,MACd,OAAU,GAAA,SAAA;AAAA,MACP,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,cAAA;AAAA,MACR,GAAK,EAAAC,SAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,aAAa,WAAW,CAAA;AAAA,QACxB,aAAa,OAAO,CAAA;AAAA,QACpB,SAAA;AAAA,OACF;AAAA,MACA,kBAAkB,EAAA,WAAA;AAAA,MAClB,IAAK,EAAA,WAAA;AAAA,MACL,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"Divider.js","sources":["../src/divider/Divider.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport dividerCss from \"./Divider.css\";\n\nexport interface DividerProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The orientation of the divider. Defaults to `\"horizontal\"`.\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * The variant of the divider. Defaults to `\"primary\"`.\n   */\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nconst withBaseName = makePrefixer(\"saltDivider\");\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  function Divider(props, ref) {\n    const {\n      className,\n      orientation = \"horizontal\",\n      variant = \"primary\",\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-divider\",\n      css: dividerCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(orientation),\n          withBaseName(variant),\n          className,\n        )}\n        aria-orientation={orientation}\n        role=\"separator\"\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","Divider","useWindow","useComponentCssInjection","dividerCss","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,YAAA,GAAeA,0BAAa,aAAa,CAAA,CAAA;AAExC,MAAM,OAAU,GAAAC,gBAAA;AAAA,EACrB,SAASC,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,WAAc,GAAA,YAAA;AAAA,MACd,OAAU,GAAA,SAAA;AAAA,MACP,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,cAAA;AAAA,MACR,GAAK,EAAAC,SAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,aAAa,WAAW,CAAA;AAAA,QACxB,aAAa,OAAO,CAAA;AAAA,QACpB,SAAA;AAAA,OACF;AAAA,MACA,kBAAkB,EAAA,WAAA;AAAA,MAClB,IAAK,EAAA,WAAA;AAAA,MACL,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/drawer/Drawer.js

@@ -3,9 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
 var react = require('@floating-ui/react');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var React = require('react');
+var Scrim = require('../scrim/Scrim.js');
 var makePrefixer = require('../utils/makePrefixer.js');
 var useFloatingUI = require('../utils/useFloatingUI/useFloatingUI.js');
 var useForkRef = require('../utils/useForkRef.js');
@@ -29,8 +32,6 @@ require('../button/Button.js');
 require('../card/Card.js');
 require('../checkbox/Checkbox.js');
 require('../checkbox/CheckboxGroup.js');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
 require('@salt-ds/icons');
 require('../combo-box/ComboBox.js');
 require('../dialog/Dialog.js');
@@ -49,6 +50,7 @@ require('../flex-item/FlexItem.js');
 require('../flex-layout/FlexLayout.js');
 require('../flow-layout/FlowLayout.js');
 require('../form-field/FormField.js');
+require('../form-field-context/FormFieldContext.js');
 require('../status-indicator/StatusIndicator.js');
 require('../text/Text.js');
 require('../text/Code.js');
@@ -57,7 +59,6 @@ require('../text/Headings.js');
 require('../text/Label.js');
 require('../text/TextAction.js');
 require('../text/TextNotation.js');
-require('../form-field-context/FormFieldContext.js');
 require('../grid-item/GridItem.js');
 require('../grid-layout/GridLayout.js');
 require('../input/Input.js');
@@ -71,8 +72,8 @@ require('../list-control/ListControlContext.js');
 require('../menu/MenuContext.js');
 require('../menu/MenuItem.js');
 require('../menu/MenuPanel.js');
-require('../menu/MenuTriggerContext.js');
 require('../menu/MenuPanelContext.js');
+require('../menu/MenuTriggerContext.js');
 require('../menu/MenuGroup.js');
 require('../multiline-input/MultilineInput.js');
 require('../navigation-item/NavigationItem.js');
@@ -94,7 +95,6 @@ require('../progress/CircularProgress/CircularProgress.js');
 require('../progress/LinearProgress/LinearProgress.js');
 require('../radio-button/RadioButton.js');
 require('../radio-button/RadioButtonGroup.js');
-var Scrim = require('../scrim/Scrim.js');
 require('../segmented-button-group/SegmentedButtonGroup.js');
 require('../spinner/Spinner.js');
 require('../stack-layout/StackLayout.js');
@@ -129,75 +129,77 @@ const ConditionalScrimWrapper = ({
   });
 };
 const withBaseName = makePrefixer.makePrefixer("saltDrawer");
-const Drawer = React.forwardRef(function Drawer2(props, ref) {
-  var _a, _b;
-  const {
-    children,
-    className,
-    position = "left",
-    open = false,
-    onOpenChange,
-    variant = "primary",
-    disableDismiss,
-    disableScrim,
-    ...rest
-  } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-drawer",
-    css: Drawer$1,
-    window: targetWindow
-  });
-  const [showComponent, setShowComponent] = React.useState(false);
-  const { Component: FloatingComponent } = useFloatingUI.useFloatingComponent();
-  const { context, floating, elements } = useFloatingUI.useFloatingUI({
-    open: showComponent,
-    onOpenChange
-  });
-  const { getFloatingProps } = react.useInteractions([
-    react.useClick(context),
-    react.useDismiss(context, { enabled: !disableDismiss })
-  ]);
-  const handleRef = useForkRef.useForkRef(floating, ref);
-  React.useEffect(() => {
-    if (open && !showComponent) {
-      setShowComponent(true);
-    }
-    if (!open && showComponent) {
-      const animate = setTimeout(() => {
-        setShowComponent(false);
-      }, 300);
-      return () => clearTimeout(animate);
-    }
-  }, [open, showComponent, setShowComponent]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ConditionalScrimWrapper, {
-    condition: showComponent && !disableScrim,
-    children: /* @__PURE__ */ jsxRuntime.jsx(FloatingComponent, {
+const Drawer = React.forwardRef(
+  function Drawer2(props, ref) {
+    var _a, _b;
+    const {
+      children,
+      className,
+      position = "left",
+      open = false,
+      onOpenChange,
+      variant = "primary",
+      disableDismiss,
+      disableScrim,
+      ...rest
+    } = props;
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-drawer",
+      css: Drawer$1,
+      window: targetWindow
+    });
+    const [showComponent, setShowComponent] = React.useState(false);
+    const { Component: FloatingComponent } = useFloatingUI.useFloatingComponent();
+    const { context, floating, elements } = useFloatingUI.useFloatingUI({
       open: showComponent,
-      ref: handleRef,
-      role: "dialog",
-      width: (_a = elements.floating) == null ? void 0 : _a.offsetWidth,
-      height: (_b = elements.floating) == null ? void 0 : _b.offsetHeight,
-      "aria-modal": "true",
-      focusManagerProps: {
-        context
-      },
-      className: clsx.clsx(
-        withBaseName(),
-        withBaseName(position),
-        {
-          [withBaseName("enterAnimation")]: open,
-          [withBaseName("exitAnimation")]: !open,
-          [withBaseName(variant)]: variant
+      onOpenChange
+    });
+    const { getFloatingProps } = react.useInteractions([
+      react.useClick(context),
+      react.useDismiss(context, { enabled: !disableDismiss })
+    ]);
+    const handleRef = useForkRef.useForkRef(floating, ref);
+    React.useEffect(() => {
+      if (open && !showComponent) {
+        setShowComponent(true);
+      }
+      if (!open && showComponent) {
+        const animate = setTimeout(() => {
+          setShowComponent(false);
+        }, 300);
+        return () => clearTimeout(animate);
+      }
+    }, [open, showComponent]);
+    return /* @__PURE__ */ jsxRuntime.jsx(ConditionalScrimWrapper, {
+      condition: showComponent && !disableScrim,
+      children: /* @__PURE__ */ jsxRuntime.jsx(FloatingComponent, {
+        open: showComponent,
+        ref: handleRef,
+        role: "dialog",
+        width: (_a = elements.floating) == null ? void 0 : _a.offsetWidth,
+        height: (_b = elements.floating) == null ? void 0 : _b.offsetHeight,
+        "aria-modal": "true",
+        focusManagerProps: {
+          context
         },
-        className
-      ),
-      ...getFloatingProps(),
-      ...rest,
-      children
-    })
-  });
-});
+        className: clsx.clsx(
+          withBaseName(),
+          withBaseName(position),
+          {
+            [withBaseName("enterAnimation")]: open,
+            [withBaseName("exitAnimation")]: !open,
+            [withBaseName(variant)]: variant
+          },
+          className
+        ),
+        ...getFloatingProps(),
+        ...rest,
+        children
+      })
+    });
+  }
+);
 
 exports.Drawer = Drawer;
 //# sourceMappingURL=Drawer.js.map

package/dist-cjs/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../src/drawer/Drawer.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useState,\n  PropsWithChildren,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { useClick, useDismiss, useInteractions } from \"@floating-ui/react\";\nimport {\n  makePrefixer,\n  useFloatingComponent,\n  useFloatingUI,\n  useForkRef,\n} from \"../utils\";\nimport { Scrim } from \"../scrim\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport drawerCss from \"./Drawer.css\";\n\ninterface ConditionalScrimWrapperProps extends PropsWithChildren {\n  condition: boolean;\n}\n\nconst ConditionalScrimWrapper = ({\n  condition,\n  children,\n}: ConditionalScrimWrapperProps) => {\n  return condition ? <Scrim fixed> {children} </Scrim> : <>{children} </>;\n};\n\nexport interface DrawerProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Defines the drawer position within the screen. Defaults to `left`.\n   */\n  position?: \"left\" | \"top\" | \"right\" | \"bottom\";\n  /**\n   * Display or hide the component.\n   */\n  open?: boolean;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (newOpen: boolean) => void;\n  /**\n   * Change background color palette\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Prevent the dialog closing on click away\n   * */\n  disableDismiss?: boolean;\n  /**\n   * Prevent Scrim from rendering\n   * */\n  disableScrim?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltDrawer\");\n\nexport const Drawer = forwardRef<HTMLDivElement, DrawerProps>(function Drawer(\n  props,\n  ref\n) {\n  const {\n    children,\n    className,\n    position = \"left\",\n    open = false,\n    onOpenChange,\n    variant = \"primary\",\n    disableDismiss,\n    disableScrim,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-drawer\",\n    css: drawerCss,\n    window: targetWindow,\n  });\n\n  const [showComponent, setShowComponent] = useState(false);\n  const { Component: FloatingComponent } = useFloatingComponent();\n\n  const { context, floating, elements } = useFloatingUI({\n    open: showComponent,\n    onOpenChange,\n  });\n\n  const { getFloatingProps } = useInteractions([\n    useClick(context),\n    useDismiss(context, { enabled: !disableDismiss }),\n  ]);\n\n  const handleRef = useForkRef<HTMLDivElement>(floating, ref);\n\n  useEffect(() => {\n    if (open && !showComponent) {\n      setShowComponent(true);\n    }\n\n    if (!open && showComponent) {\n      const animate = setTimeout(() => {\n        setShowComponent(false);\n      }, 300); // var(--salt-duration-perceptible)\n      return () => clearTimeout(animate);\n    }\n  }, [open, showComponent, setShowComponent]);\n\n  return (\n    <ConditionalScrimWrapper condition={showComponent && !disableScrim}>\n      <FloatingComponent\n        open={showComponent}\n        ref={handleRef}\n        role={\"dialog\"}\n        width={elements.floating?.offsetWidth}\n        height={elements.floating?.offsetHeight}\n        aria-modal=\"true\"\n        focusManagerProps={{\n          context: context,\n        }}\n        className={clsx(\n          withBaseName(),\n          withBaseName(position),\n          {\n            [withBaseName(\"enterAnimation\")]: open,\n            [withBaseName(\"exitAnimation\")]: !open,\n            [withBaseName(variant)]: variant,\n          },\n          className\n        )}\n        {...getFloatingProps()}\n        {...rest}\n      >\n        {children}\n      </FloatingComponent>\n    </ConditionalScrimWrapper>\n  );\n});\n"],"names":["jsxs","Scrim","Fragment","makePrefixer","forwardRef","Drawer","useWindow","useComponentCssInjection","drawerCss","useState","useFloatingComponent","useFloatingUI","useInteractions","useClick","useDismiss","useForkRef","useEffect","jsx","clsx"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../src/drawer/Drawer.tsx"],"sourcesContent":["import { useClick, useDismiss, useInteractions } from \"@floating-ui/react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type PropsWithChildren,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Scrim } from \"../scrim\";\nimport {\n  makePrefixer,\n  useFloatingComponent,\n  useFloatingUI,\n  useForkRef,\n} from \"../utils\";\nimport drawerCss from \"./Drawer.css\";\n\ninterface ConditionalScrimWrapperProps extends PropsWithChildren {\n  condition: boolean;\n}\n\nconst ConditionalScrimWrapper = ({\n  condition,\n  children,\n}: ConditionalScrimWrapperProps) => {\n  return condition ? <Scrim fixed> {children} </Scrim> : <>{children} </>;\n};\n\nexport interface DrawerProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Defines the drawer position within the screen. Defaults to `left`.\n   */\n  position?: \"left\" | \"top\" | \"right\" | \"bottom\";\n  /**\n   * Display or hide the component.\n   */\n  open?: boolean;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (newOpen: boolean) => void;\n  /**\n   * Change background color palette\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Prevent the dialog closing on click away\n   * */\n  disableDismiss?: boolean;\n  /**\n   * Prevent Scrim from rendering\n   * */\n  disableScrim?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltDrawer\");\n\nexport const Drawer = forwardRef<HTMLDivElement, DrawerProps>(\n  function Drawer(props, ref) {\n    const {\n      children,\n      className,\n      position = \"left\",\n      open = false,\n      onOpenChange,\n      variant = \"primary\",\n      disableDismiss,\n      disableScrim,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-drawer\",\n      css: drawerCss,\n      window: targetWindow,\n    });\n\n    const [showComponent, setShowComponent] = useState(false);\n    const { Component: FloatingComponent } = useFloatingComponent();\n\n    const { context, floating, elements } = useFloatingUI({\n      open: showComponent,\n      onOpenChange,\n    });\n\n    const { getFloatingProps } = useInteractions([\n      useClick(context),\n      useDismiss(context, { enabled: !disableDismiss }),\n    ]);\n\n    const handleRef = useForkRef<HTMLDivElement>(floating, ref);\n\n    useEffect(() => {\n      if (open && !showComponent) {\n        setShowComponent(true);\n      }\n\n      if (!open && showComponent) {\n        const animate = setTimeout(() => {\n          setShowComponent(false);\n        }, 300); // var(--salt-duration-perceptible)\n        return () => clearTimeout(animate);\n      }\n    }, [open, showComponent]);\n\n    return (\n      <ConditionalScrimWrapper condition={showComponent && !disableScrim}>\n        <FloatingComponent\n          open={showComponent}\n          ref={handleRef}\n          role={\"dialog\"}\n          width={elements.floating?.offsetWidth}\n          height={elements.floating?.offsetHeight}\n          aria-modal=\"true\"\n          focusManagerProps={{\n            context: context,\n          }}\n          className={clsx(\n            withBaseName(),\n            withBaseName(position),\n            {\n              [withBaseName(\"enterAnimation\")]: open,\n              [withBaseName(\"exitAnimation\")]: !open,\n              [withBaseName(variant)]: variant,\n            },\n            className,\n          )}\n          {...getFloatingProps()}\n          {...rest}\n        >\n          {children}\n        </FloatingComponent>\n      </ConditionalScrimWrapper>\n    );\n  },\n);\n"],"names":["jsxs","Scrim","Fragment","makePrefixer","forwardRef","Drawer","useWindow","useComponentCssInjection","drawerCss","useState","useFloatingComponent","useFloatingUI","useInteractions","useClick","useDismiss","useForkRef","useEffect","jsx","clsx"],"mappings":"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"}

package/dist-cjs/drawer/DrawerCloseButton.js

@@ -3,8 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var icons = require('@salt-ds/icons');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 var clsx = require('clsx');
+var React = require('react');
 var Button = require('../button/Button.js');
 var makePrefixer = require('../utils/makePrefixer.js');
 require('../utils/useFloatingUI/useFloatingUI.js');
@@ -27,9 +30,6 @@ require('../breakpoints/BreakpointProvider.js');
 require('../card/Card.js');
 require('../checkbox/Checkbox.js');
 require('../checkbox/CheckboxGroup.js');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var icons = require('@salt-ds/icons');
 require('../combo-box/ComboBox.js');
 require('../dialog/Dialog.js');
 require('../dialog/DialogHeader.js');
@@ -47,6 +47,7 @@ require('../flex-item/FlexItem.js');
 require('../flex-layout/FlexLayout.js');
 require('../flow-layout/FlowLayout.js');
 require('../form-field/FormField.js');
+require('../form-field-context/FormFieldContext.js');
 require('../status-indicator/StatusIndicator.js');
 require('../text/Text.js');
 require('../text/Code.js');
@@ -55,7 +56,6 @@ require('../text/Headings.js');
 require('../text/Label.js');
 require('../text/TextAction.js');
 require('../text/TextNotation.js');
-require('../form-field-context/FormFieldContext.js');
 require('../grid-item/GridItem.js');
 require('../grid-layout/GridLayout.js');
 require('../input/Input.js');
@@ -66,12 +66,12 @@ require('../link/Link.js');
 require('../link-card/LinkCard.js');
 require('../list-box/ListBox.js');
 require('../list-control/ListControlContext.js');
-require('../menu/MenuContext.js');
 require('@floating-ui/react');
+require('../menu/MenuContext.js');
 require('../menu/MenuItem.js');
 require('../menu/MenuPanel.js');
-require('../menu/MenuTriggerContext.js');
 require('../menu/MenuPanelContext.js');
+require('../menu/MenuTriggerContext.js');
 require('../menu/MenuGroup.js');
 require('../multiline-input/MultilineInput.js');
 require('../navigation-item/NavigationItem.js');

package/dist-cjs/drawer/DrawerCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerCloseButton.js","sources":["../src/drawer/DrawerCloseButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Button, ButtonProps } from \"../button\";\nimport { makePrefixer } from \"../utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { CloseIcon } from \"@salt-ds/icons\";\n\nimport drawerCloseButtonCss from \"./DrawerCloseButton.css\";\n\nconst withBaseName = makePrefixer(\"saltDrawerCloseButton\");\n\nexport const DrawerCloseButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  function DrawerCloseButton({ className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-drawer-close-button\",\n      css: drawerCloseButtonCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div className={withBaseName(\"container\")}>\n        <Button\n          ref={ref}\n          aria-label=\"Close Drawer\"\n          variant=\"secondary\"\n          className={clsx(withBaseName(), className)}\n          {...rest}\n        >\n          <CloseIcon aria-hidden />\n        </Button>\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","DrawerCloseButton","useWindow","useComponentCssInjection","drawerCloseButtonCss","jsx","Button","clsx","CloseIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,0BAAa,uBAAuB,CAAA,CAAA;AAElD,MAAM,iBAAoB,GAAAC,gBAAA;AAAA,EAC/B,SAASC,kBAAkB,CAAA,EAAE,SAAc,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtD,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,0BAAA;AAAA,MACR,GAAK,EAAAC,mBAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,MACtC,QAAC,kBAAAA,cAAA,CAAAC,aAAA,EAAA;AAAA,QACC,GAAA;AAAA,QACA,YAAW,EAAA,cAAA;AAAA,QACX,OAAQ,EAAA,WAAA;AAAA,QACR,SAAW,EAAAC,wBAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACxC,GAAG,IAAA;AAAA,QAEJ,QAAC,kBAAAF,cAAA,CAAAG,eAAA,EAAA;AAAA,UAAU,aAAW,EAAA,IAAA;AAAA,SAAC,CAAA;AAAA,OACzB,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"DrawerCloseButton.js","sources":["../src/drawer/DrawerCloseButton.tsx"],"sourcesContent":["import { CloseIcon } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"../button\";\nimport { makePrefixer } from \"../utils\";\n\nimport drawerCloseButtonCss from \"./DrawerCloseButton.css\";\n\nconst withBaseName = makePrefixer(\"saltDrawerCloseButton\");\n\nexport const DrawerCloseButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  function DrawerCloseButton({ className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-drawer-close-button\",\n      css: drawerCloseButtonCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div className={withBaseName(\"container\")}>\n        <Button\n          ref={ref}\n          aria-label=\"Close Drawer\"\n          variant=\"secondary\"\n          className={clsx(withBaseName(), className)}\n          {...rest}\n        >\n          <CloseIcon aria-hidden />\n        </Button>\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","DrawerCloseButton","useWindow","useComponentCssInjection","drawerCloseButtonCss","jsx","Button","clsx","CloseIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,0BAAa,uBAAuB,CAAA,CAAA;AAElD,MAAM,iBAAoB,GAAAC,gBAAA;AAAA,EAC/B,SAASC,kBAAkB,CAAA,EAAE,SAAc,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtD,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,0BAAA;AAAA,MACR,GAAK,EAAAC,mBAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,MACtC,QAAC,kBAAAA,cAAA,CAAAC,aAAA,EAAA;AAAA,QACC,GAAA;AAAA,QACA,YAAW,EAAA,cAAA;AAAA,QACX,OAAQ,EAAA,WAAA;AAAA,QACR,SAAW,EAAAC,wBAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACxC,GAAG,IAAA;AAAA,QAEJ,QAAC,kBAAAF,cAAA,CAAAG,eAAA,EAAA;AAAA,UAAU,aAAW,EAAA,IAAA;AAAA,SAAC,CAAA;AAAA,OACzB,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/dropdown/Dropdown.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = ".saltDropdown {\n  --dropdown-borderColor: var(--salt-editable-borderColor);\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-cursor: var(--salt-selectable-cursor-hover);\n}\n\n.saltDropdown {\n  all: unset;\n  box-sizing: border-box;\n  min-width: 4em;\n  width: 100%;\n  background: var(--dropdown-background);\n  cursor: var(--dropdown-cursor);\n  min-height: var(--salt-size-base);\n  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--dropdown-borderColor);\n  display: flex;\n  align-items: center;\n  padding: 0 var(--salt-spacing-100);\n  gap: var(--salt-spacing-100);\n  color: var(--dropdown-color);\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  letter-spacing: var(--salt-text-letterSpacing);\n}\n\n.saltDropdown:hover {\n  --dropdown-borderColor: var(--salt-editable-borderColor-hover);\n}\n\n.saltDropdown:focus-visible {\n  outline: var(--salt-focused-outline);\n  --dropdown-borderColor: var(--salt-editable-borderColor-hover);\n}\n\n.saltDropdown-content {\n  flex: 1;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-wrap: nowrap;\n}\n\n.saltDropdown-placeholder {\n  color: var(--salt-content-secondary-foreground);\n  font-weight: var(--salt-text-fontWeight-small);\n}\n\n.saltDropdown-primary {\n  --dropdown-background: var(--salt-editable-primary-background);\n}\n\n.saltDropdown-secondary {\n  --dropdown-background: var(--salt-editable-secondary-background);\n}\n\n.saltDropdown:disabled {\n  --dropdown-background: var(--salt-editable-primary-background-disabled);\n  --dropdown-borderColor: var(--salt-editable-borderColor-disabled);\n  --dropdown-color: var(--salt-content-primary-foreground-disabled);\n  --dropdown-cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.saltDropdown[aria-readonly=\"true\"] {\n  --dropdown-background: var(--salt-editable-primary-background-readonly);\n  --dropdown-borderColor: var(--salt-editable-borderColor-readonly);\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-cursor: var(--salt-selectable-cursor-readonly);\n}\n\n.saltDropdown-error {\n  --dropdown-background: var(--salt-status-error-background);\n  --dropdown-borderColor: var(--salt-status-error-borderColor);\n}\n\n.saltDropdown-error .saltDropdown:focus-visible {\n  outline-color: var(--salt-status-error-borderColor);\n  --dropdown-borderColor: var(--salt-status-error-borderColor);\n}\n\n.saltDropdown-warning {\n  --dropdown-background: var(--salt-status-warning-background);\n  --dropdown-borderColor: var(--salt-status-warning-borderColor);\n}\n\n.saltDropdown-warning .saltDropdown:focus-visible {\n  outline-color: var(--salt-status-warning-borderColor);\n  --dropdown-borderColor: var(--salt-status-warning-borderColor);\n}\n\n.saltDropdown-success {\n  --dropdown-background: var(--salt-status-success-background);\n  --dropdown-borderColor: var(--salt-status-success-borderColor);\n}\n\n.saltDropdown-success .saltDropdown:focus-visible {\n  outline-color: var(--salt-status-success-borderColor);\n  --dropdown-borderColor: var(--salt-status-success-borderColor);\n}\n";
+var css_248z = ".saltDropdown {\n  --dropdown-border: none;\n  --dropdown-borderColor: var(--salt-editable-borderColor);\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-cursor: var(--salt-selectable-cursor-hover);\n  --dropdown-borderStyle: var(--salt-editable-borderStyle);\n  --dropdown-outlineColor: var(--salt-focused-outlineColor);\n  --dropdown-borderWidth: var(--salt-size-border);\n}\n\n.saltDropdown {\n  all: unset;\n  box-sizing: border-box;\n  min-width: 4em;\n  width: 100%;\n  background: var(--dropdown-background);\n  cursor: var(--dropdown-cursor);\n  min-height: var(--salt-size-base);\n  border: var(--dropdown-border);\n  border-radius: var(--salt-palette-corner-weak, 0);\n  display: inline-flex;\n  align-items: center;\n  padding: 0 var(--salt-spacing-100);\n  gap: var(--salt-spacing-100);\n  color: var(--dropdown-color);\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  letter-spacing: var(--salt-text-letterSpacing);\n  position: relative;\n  overflow: hidden;\n}\n\n.saltDropdown:hover {\n  --dropdown-borderColor: var(--salt-editable-borderColor-hover);\n  --dropdown-borderStyle: var(--salt-editable-borderStyle-hover);\n  --dropdown-background: var(--saltDropdown-background-hover, var(--dropdown-background-hover));\n}\n\n.saltDropdown:active {\n  --dropdown-background: var(--saltDropdown-background-active, var(--dropdown-background-active));\n  --dropdown-borderColor: var(--salt-editable-borderColor-active);\n  --dropdown-borderWidth: var(--salt-editable-borderWidth-active);\n  --dropdown-borderStyle: var(--salt-editable-borderStyle-active);\n}\n\n.saltDropdown:focus {\n  outline: var(--salt-focused-outline);\n  --dropdown-borderColor: var(--salt-editable-borderColor-active);\n  --dropdown-borderWidth: var(--salt-editable-borderWidth-active);\n  --dropdown-borderStyle: var(--salt-editable-borderStyle-active);\n}\n\n.saltDropdown-content {\n  flex: 1;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-wrap: nowrap;\n}\n\n.saltDropdown-placeholder {\n  color: var(--salt-content-secondary-foreground);\n  font-weight: var(--salt-text-fontWeight-small);\n}\n\n.saltDropdown-primary {\n  --dropdown-background: var(--salt-editable-primary-background);\n  --dropdown-background-active: var(--salt-editable-primary-background-active);\n  --dropdown-background-hover: var(--salt-editable-primary-background-hover);\n  --dropdown-background-disabled: var(--salt-editable-primary-background-disabled);\n  --dropdown-background-readonly: var(--salt-editable-primary-background-readonly);\n}\n\n.saltDropdown-secondary {\n  --dropdown-background: var(--salt-editable-secondary-background);\n  --dropdown-background-active: var(--salt-editable-secondary-background-active);\n  --dropdown-background-hover: var(--salt-editable-secondary-background-active);\n  --dropdown-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --dropdown-background-readonly: var(--salt-editable-secondary-background-readonly);\n}\n\n.saltDropdown:disabled,\n.saltDropdown:disabled:active,\n.saltDropdown:disabled:hover,\n.saltDropdown:disabled:focus {\n  --dropdown-background: var(--dropdown-background-disabled);\n  --dropdown-borderColor: var(--salt-editable-borderColor-disabled);\n  --dropdown-color: var(--salt-content-primary-foreground-disabled);\n  --dropdown-cursor: var(--salt-selectable-cursor-disabled);\n  --dropdown-borderWidth: var(--salt-size-border);\n}\n\n.saltDropdown[aria-readonly=\"true\"] {\n  --dropdown-borderColor: var(--salt-editable-borderColor-readonly);\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-cursor: var(--salt-selectable-cursor-readonly);\n  --dropdown-background: var(--dropdown-background-readonly);\n  --dropdown-borderWidth: var(--salt-size-border);\n}\n\n.saltDropdown[aria-readonly=\"true\"]:hover,\n.saltDropdown[aria-readonly=\"true\"]:focus {\n  --dropdown-background: var(--dropdown-background-readonly);\n  --dropdown-borderColor: var(--salt-editable-borderColor-readonly);\n}\n\n.saltDropdown-error,\n.saltDropdown-error:hover,\n.saltDropdown-error:focus {\n  --dropdown-background: var(--salt-status-error-background);\n  --dropdown-borderColor: var(--salt-status-error-borderColor);\n  --dropdown-background-active: var(--salt-status-error-background);\n  --dropdown-background-hover: var(--salt-status-error-background);\n  --dropdown-background-readonly: var(--salt-status-error-background);\n  outline-color: var(--salt-status-error-borderColor);\n}\n\n.saltDropdown-warning,\n.saltDropdown-warning:hover,\n.saltDropdown-warning:focus {\n  --dropdown-background: var(--salt-status-warning-background);\n  --dropdown-borderColor: var(--salt-status-warning-borderColor);\n  --dropdown-background-active: var(--salt-status-warning-background);\n  --dropdown-background-hover: var(--salt-status-warning-background);\n  --dropdown-background-readonly: var(--salt-status-warning-background);\n  outline-color: var(--salt-status-warning-borderColor);\n}\n\n.saltDropdown-success,\n.saltDropdown-success:hover,\n.saltDropdown-success:focus {\n  --dropdown-background: var(--salt-status-success-background);\n  --dropdown-borderColor: var(--salt-status-success-borderColor);\n  --dropdown-background-active: var(--salt-status-success-background);\n  --dropdown-background-hover: var(--salt-status-success-background);\n  --dropdown-background-readonly: var(--salt-status-success-background);\n  outline-color: var(--salt-status-success-borderColor);\n}\n\n.saltDropdown-activationIndicator {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  position: absolute;\n  border-bottom: var(--dropdown-borderWidth) var(--dropdown-borderStyle) var(--dropdown-borderColor);\n}\n\n.saltDropdown-bordered {\n  --dropdown-border: var(--salt-size-border) var(--salt-container-borderStyle) var(--dropdown-borderColor);\n  --dropdown-borderWidth: 0;\n}\n\n/* Style applied if focused or active when `bordered={true}` */\n.saltDropdown-bordered.saltDropdown:focus,\n.saltDropdown-bordered:active {\n  --dropdown-borderWidth: var(--salt-editable-borderWidth-active);\n}\n\n/* Styling when focused if `disabled={true}` or `readOnly={true}` when `bordered={true}` */\n.saltDropdown-bordered[aria-readonly=\"true\"],\n.saltDropdown-bordered[aria-readonly=\"true\"]:hover,\n.saltDropdown[aria-readonly=\"true\"]:focus,\n.saltDropdown-bordered.saltDropdown:disabled,\n.saltDropdown-bordered.saltDropdown:disabled:hover {\n  --dropdown-borderWidth: 0;\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=Dropdown.css.js.map