@wix/design-system 1.161.0 → 1.163.0

package/dist/cjs/PopoverNext/PopoverNext.story.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Box","_interopRequireDefault","_PopoverNext","_DatePickerNext","_DatePicker","_2","_PopoverNext2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_default","exports","title","component","PopoverNext","Template","shownOld","setShownOld","useState","open","setOpen","common","showDelay","hideDelay","timeout","createElement","gap","padding","direction","align","__self","__source","fileName","lineNumber","columnNumber","Popover","_extends2","shown","onClick","onClickOutside","Element","Content","onOpenChange","_","Trigger","ComparisionTemplate","dynamicWidth","maxWidth","content","random","style","minWidth","height","background","commonDatePickerProps","onChange","width","rtl","popoverProps","appendTo","zIndex","DatePickersTemplate","paddingTop","paddingLeft","placeholderText","ScrollableContent","sameProps","placement","fixed","flip","APPEND_TO","scrollParent","marginTop","position","border","overflow","showArrow","ScrollableTemplate","ScrollableWrapper","_ref","children","ScrollableContainer","HEIGHT","commonProps","dataHook","focusManagerEnabled","backgroundColor","borderRadius","onShow","ScrollableScrollParentTemplate","Basic","render","args","Comparision","DatePickers","bind","Scrollable","ScrollableScrollParent"],"sources":["../../../src/PopoverNext/PopoverNext.story.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport type { ComponentMeta, ComponentStory, StoryObj } from '@storybook/react';\nimport Box from '../Box';\nimport PopoverNext from './PopoverNext';\nimport DatePickerNext from './components/DatePickerNext/DatePickerNext';\nimport DatePicker, { DatePickerProps } from '../DatePicker';\nimport type { PopoverNextProps } from './PopoverNext.types';\nimport { Popover, type PopoverProps } from '..';\nimport { APPEND_TO } from './PopoverNext.constants';\n\nexport default {\n  title: 'PopoverNext',\n  component: PopoverNext,\n} as ComponentMeta<typeof PopoverNext>;\n\nconst Template = () => {\n  const [shownOld, setShownOld] = useState(false);\n  const [open, setOpen] = useState(false);\n\n  const common = {\n    showDelay: 500,\n    hideDelay: 1000,\n    timeout: 2000,\n  } as PopoverProps;\n\n  return (\n    <Box gap={8} padding={50} direction=\"vertical\" align=\"center\">\n      <Popover\n        shown={shownOld}\n        onClick={() => setShownOld(true)}\n        onClickOutside={() => setShownOld(false)}\n        {...common}\n      >\n        <Popover.Element>\n          <button>Native button with old</button>\n        </Popover.Element>\n        <Popover.Content>\n          <Box padding=\"10px\">Content</Box>\n        </Popover.Content>\n      </Popover>\n      <PopoverNext\n        {...(common as any)}\n        open={open}\n        onOpenChange={(open, _) => setOpen(open)}\n      >\n        <PopoverNext.Trigger>\n          <button>Native button with new</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          <Box padding=\"10px\">Content</Box>\n        </PopoverNext.Content>\n      </PopoverNext>\n    </Box>\n  );\n};\n\nconst ComparisionTemplate = () => {\n  const [open, setOpen] = useState(false);\n\n  const common: Partial<PopoverNextProps> = {\n    dynamicWidth: true,\n    // minWidth: 300,\n    // minWidth: 300,\n    maxWidth: 300,\n  };\n\n  const content = 'VEry super long content oh so long';\n\n  const random = (\n    <div style={{ minWidth: '400px', height: '10px', background: 'red' }}></div>\n  );\n\n  return (\n    <Box gap={15} padding={50} direction=\"vertical\" align=\"center\">\n      <PopoverNext open={open} onOpenChange={setOpen} {...common}>\n        <PopoverNext.Trigger>\n          <button>Native button with next</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          {content}\n          {random}\n        </PopoverNext.Content>\n      </PopoverNext>\n      <Popover shown {...(common as PopoverProps)}>\n        <Popover.Element>\n          <button>Native button with old</button>\n        </Popover.Element>\n        <Popover.Content>\n          {content}\n          {random}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n};\n\nconst commonDatePickerProps: DatePickerProps = {\n  onChange: () => {},\n  width: 200,\n  rtl: false, // popvoer should be placed on the right\n\n  popoverProps: {\n    appendTo: 'parent',\n    dynamicWidth: true,\n    // excludeClass: 'excludeClass',\n    // flip: false,\n    // fixed: false,\n    // placement: 'top',\n    // hideDelay: 0,\n    // moveArrowTo: 0,\n    // onMouseEnter: () => {},\n    // onMouseLeave: () => {},\n    // placement: 'top',\n    // showDelay: 0,\n    // timeout: 0,\n    // maxWidth: 0,\n    // minWidth: 0,\n    // width: undefined,\n    zIndex: 1000,\n  },\n};\n\n// TODO: remove once DatePicker is refactored to use PopoverNext\nconst DatePickersTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <Box gap={2} paddingTop={50} paddingLeft={50}>\n    <DatePicker placeholderText=\"old\" {...commonDatePickerProps} />\n    <DatePickerNext placeholderText=\"new\" {...commonDatePickerProps} />\n  </Box>\n);\n\nconst ScrollableContent = () => {\n  const sameProps = {\n    placement: 'top',\n    fixed: false,\n    flip: false,\n    appendTo: APPEND_TO.scrollParent,\n  } as any;\n\n  return (\n    <div\n      data-hook=\"parent-of-scrollable\"\n      style={{\n        marginTop: '100px',\n        position: 'relative',\n        border: '1px solid black',\n      }}\n    >\n      <div\n        data-hook=\"scrollable\"\n        style={{\n          overflow: 'auto',\n          position: 'relative',\n          height: '200px',\n          border: '1px solid green',\n        }}\n      >\n        <div style={{ padding: '25px 25px 150px' }}>\n          <Box\n            width=\"350px\"\n            border=\"solid 1px red\"\n            padding=\"60px\"\n            height={160}\n            gap={8}\n          >\n            <Popover shown showArrow {...sameProps}>\n              <Popover.Element>\n                <button>I am an plain Button</button>\n              </Popover.Element>\n              <Popover.Content>\n                <Box padding=\"12px 24px\" width={140}>\n                  Old popover Content\n                </Box>\n              </Popover.Content>\n            </Popover>\n\n            <PopoverNext {...sameProps} open={true}>\n              <PopoverNext.Trigger>\n                <button>Popover trigger</button>\n              </PopoverNext.Trigger>\n              <PopoverNext.Content>\n                <Box padding=\"12px 24px\" width={140}>\n                  New popover Content\n                </Box>\n              </PopoverNext.Content>\n            </PopoverNext>\n          </Box>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ScrollableTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <ScrollableContent />\n);\n\nconst ScrollableWrapper = ({ children, height }: any) => {\n  return (\n    <div\n      style={{\n        overflow: 'hidden',\n        position: 'relative',\n        border: '1px solid black',\n      }}\n    >\n      <div\n        data-hook=\"scrollable\"\n        style={{\n          overflow: 'auto',\n          height,\n        }}\n      >\n        <div style={{ padding: '15px 25px 25px' }}>\n          <Box\n            width=\"150px\"\n            overflow=\"hidden\"\n            border=\"solid 1px black\"\n            padding=\"30px\"\n          >\n            {children}\n          </Box>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ScrollableContainer = () => {\n  const HEIGHT = '50px';\n\n  const commonProps = {\n    placement: 'bottom',\n    fixed: true,\n    flip: true,\n    appendTo: 'scrollParent',\n    dataHook: 'popover',\n  };\n\n  return (\n    <Box gap={3} direction=\"vertical\">\n      <ScrollableWrapper height={HEIGHT}>\n        <PopoverNext\n          {...(commonProps as PopoverNextProps)}\n          open={true}\n          onOpenChange={() => {}}\n          focusManagerEnabled={false}\n        >\n          <PopoverNext.Trigger>\n            <button>Popover trigger</button>\n          </PopoverNext.Trigger>\n          <PopoverNext.Content>\n            <Box padding=\"30px\" backgroundColor=\"pink\" borderRadius=\"inherit\">\n              Content\n            </Box>\n          </PopoverNext.Content>\n        </PopoverNext>\n      </ScrollableWrapper>\n\n      <ScrollableWrapper height={HEIGHT}>\n        <Popover\n          {...(commonProps as PopoverProps)}\n          shown={true}\n          onShow={() => {}}\n        >\n          <Popover.Element>\n            <button>Popover trigger</button>\n          </Popover.Element>\n          <Popover.Content>\n            <Box padding=\"30px\" backgroundColor=\"pink\" borderRadius=\"inherit\">\n              Content\n            </Box>\n          </Popover.Content>\n        </Popover>\n      </ScrollableWrapper>\n    </Box>\n  );\n};\n\nconst ScrollableScrollParentTemplate: ComponentStory<\n  typeof PopoverNext\n> = () => <ScrollableContainer />;\n\nexport const Basic: StoryObj<typeof PopoverNext> = {\n  render: () => <Template />,\n};\nBasic.args = {};\n\nexport const Comparision: StoryObj<typeof PopoverNext> = {\n  render: () => <ComparisionTemplate />,\n};\nComparision.args = {};\n\nexport const DatePickers = DatePickersTemplate.bind({});\nDatePickers.args = {};\n\nexport const Scrollable = ScrollableTemplate.bind({});\nScrollable.args = {};\n\nexport const ScrollableScrollParent = ScrollableScrollParentTemplate.bind({});\nScrollableScrollParent.args = {};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Box","_interopRequireDefault","_PopoverNext","_DatePicker","_2","_PopoverNext2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_default","exports","title","component","PopoverNext","Template","shownOld","setShownOld","useState","open","setOpen","common","showDelay","hideDelay","timeout","createElement","gap","padding","direction","align","__self","__source","fileName","lineNumber","columnNumber","Popover","_extends2","shown","onClick","onClickOutside","Element","Content","onOpenChange","_","Trigger","ComparisionTemplate","dynamicWidth","maxWidth","content","random","style","minWidth","height","background","commonDatePickerProps","onChange","width","rtl","popoverProps","appendTo","zIndex","DatePickersTemplate","paddingTop","paddingLeft","placeholderText","ScrollableContent","sameProps","placement","fixed","flip","APPEND_TO","scrollParent","marginTop","position","border","overflow","showArrow","ScrollableTemplate","ScrollableWrapper","_ref","children","ScrollableContainer","HEIGHT","commonProps","dataHook","focusManagerEnabled","backgroundColor","borderRadius","onShow","ScrollableScrollParentTemplate","Basic","render","args","Comparision","DatePickers","bind","Scrollable","ScrollableScrollParent"],"sources":["../../../src/PopoverNext/PopoverNext.story.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport type { ComponentMeta, ComponentStory, StoryObj } from '@storybook/react';\nimport Box from '../Box';\nimport PopoverNext from './PopoverNext';\nimport DatePicker, { DatePickerProps } from '../DatePicker';\nimport type { PopoverNextProps } from './PopoverNext.types';\nimport { Popover, type PopoverProps } from '..';\nimport { APPEND_TO } from './PopoverNext.constants';\n\nexport default {\n  title: 'PopoverNext',\n  component: PopoverNext,\n} as ComponentMeta<typeof PopoverNext>;\n\nconst Template = () => {\n  const [shownOld, setShownOld] = useState(false);\n  const [open, setOpen] = useState(false);\n\n  const common = {\n    showDelay: 500,\n    hideDelay: 1000,\n    timeout: 2000,\n  } as PopoverProps;\n\n  return (\n    <Box gap={8} padding={50} direction=\"vertical\" align=\"center\">\n      <Popover\n        shown={shownOld}\n        onClick={() => setShownOld(true)}\n        onClickOutside={() => setShownOld(false)}\n        {...common}\n      >\n        <Popover.Element>\n          <button>Native button with old</button>\n        </Popover.Element>\n        <Popover.Content>\n          <Box padding=\"10px\">Content</Box>\n        </Popover.Content>\n      </Popover>\n      <PopoverNext\n        {...(common as any)}\n        open={open}\n        onOpenChange={(open, _) => setOpen(open)}\n      >\n        <PopoverNext.Trigger>\n          <button>Native button with new</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          <Box padding=\"10px\">Content</Box>\n        </PopoverNext.Content>\n      </PopoverNext>\n    </Box>\n  );\n};\n\nconst ComparisionTemplate = () => {\n  const [open, setOpen] = useState(false);\n\n  const common: Partial<PopoverNextProps> = {\n    dynamicWidth: true,\n    // minWidth: 300,\n    // minWidth: 300,\n    maxWidth: 300,\n  };\n\n  const content = 'VEry super long content oh so long';\n\n  const random = (\n    <div style={{ minWidth: '400px', height: '10px', background: 'red' }}></div>\n  );\n\n  return (\n    <Box gap={15} padding={50} direction=\"vertical\" align=\"center\">\n      <PopoverNext open={open} onOpenChange={setOpen} {...common}>\n        <PopoverNext.Trigger>\n          <button>Native button with next</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          {content}\n          {random}\n        </PopoverNext.Content>\n      </PopoverNext>\n      <Popover shown {...(common as PopoverProps)}>\n        <Popover.Element>\n          <button>Native button with old</button>\n        </Popover.Element>\n        <Popover.Content>\n          {content}\n          {random}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n};\n\nconst commonDatePickerProps: DatePickerProps = {\n  onChange: () => {},\n  width: 200,\n  rtl: false, // popvoer should be placed on the right\n\n  popoverProps: {\n    appendTo: 'parent',\n    dynamicWidth: true,\n    // excludeClass: 'excludeClass',\n    // flip: false,\n    // fixed: false,\n    // placement: 'top',\n    // hideDelay: 0,\n    // moveArrowTo: 0,\n    // onMouseEnter: () => {},\n    // onMouseLeave: () => {},\n    // placement: 'top',\n    // showDelay: 0,\n    // timeout: 0,\n    // maxWidth: 0,\n    // minWidth: 0,\n    // width: undefined,\n    zIndex: 1000,\n  },\n};\n\nconst DatePickersTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <Box gap={2} paddingTop={50} paddingLeft={50}>\n    <DatePicker placeholderText=\"old\" {...commonDatePickerProps} />\n  </Box>\n);\n\nconst ScrollableContent = () => {\n  const sameProps = {\n    placement: 'top',\n    fixed: false,\n    flip: false,\n    appendTo: APPEND_TO.scrollParent,\n  } as any;\n\n  return (\n    <div\n      data-hook=\"parent-of-scrollable\"\n      style={{\n        marginTop: '100px',\n        position: 'relative',\n        border: '1px solid black',\n      }}\n    >\n      <div\n        data-hook=\"scrollable\"\n        style={{\n          overflow: 'auto',\n          position: 'relative',\n          height: '200px',\n          border: '1px solid green',\n        }}\n      >\n        <div style={{ padding: '25px 25px 150px' }}>\n          <Box\n            width=\"350px\"\n            border=\"solid 1px red\"\n            padding=\"60px\"\n            height={160}\n            gap={8}\n          >\n            <Popover shown showArrow {...sameProps}>\n              <Popover.Element>\n                <button>I am an plain Button</button>\n              </Popover.Element>\n              <Popover.Content>\n                <Box padding=\"12px 24px\" width={140}>\n                  Old popover Content\n                </Box>\n              </Popover.Content>\n            </Popover>\n\n            <PopoverNext {...sameProps} open={true}>\n              <PopoverNext.Trigger>\n                <button>Popover trigger</button>\n              </PopoverNext.Trigger>\n              <PopoverNext.Content>\n                <Box padding=\"12px 24px\" width={140}>\n                  New popover Content\n                </Box>\n              </PopoverNext.Content>\n            </PopoverNext>\n          </Box>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ScrollableTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <ScrollableContent />\n);\n\nconst ScrollableWrapper = ({ children, height }: any) => {\n  return (\n    <div\n      style={{\n        overflow: 'hidden',\n        position: 'relative',\n        border: '1px solid black',\n      }}\n    >\n      <div\n        data-hook=\"scrollable\"\n        style={{\n          overflow: 'auto',\n          height,\n        }}\n      >\n        <div style={{ padding: '15px 25px 25px' }}>\n          <Box\n            width=\"150px\"\n            overflow=\"hidden\"\n            border=\"solid 1px black\"\n            padding=\"30px\"\n          >\n            {children}\n          </Box>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ScrollableContainer = () => {\n  const HEIGHT = '50px';\n\n  const commonProps = {\n    placement: 'bottom',\n    fixed: true,\n    flip: true,\n    appendTo: 'scrollParent',\n    dataHook: 'popover',\n  };\n\n  return (\n    <Box gap={3} direction=\"vertical\">\n      <ScrollableWrapper height={HEIGHT}>\n        <PopoverNext\n          {...(commonProps as PopoverNextProps)}\n          open={true}\n          onOpenChange={() => {}}\n          focusManagerEnabled={false}\n        >\n          <PopoverNext.Trigger>\n            <button>Popover trigger</button>\n          </PopoverNext.Trigger>\n          <PopoverNext.Content>\n            <Box padding=\"30px\" backgroundColor=\"pink\" borderRadius=\"inherit\">\n              Content\n            </Box>\n          </PopoverNext.Content>\n        </PopoverNext>\n      </ScrollableWrapper>\n\n      <ScrollableWrapper height={HEIGHT}>\n        <Popover\n          {...(commonProps as PopoverProps)}\n          shown={true}\n          onShow={() => {}}\n        >\n          <Popover.Element>\n            <button>Popover trigger</button>\n          </Popover.Element>\n          <Popover.Content>\n            <Box padding=\"30px\" backgroundColor=\"pink\" borderRadius=\"inherit\">\n              Content\n            </Box>\n          </Popover.Content>\n        </Popover>\n      </ScrollableWrapper>\n    </Box>\n  );\n};\n\nconst ScrollableScrollParentTemplate: ComponentStory<\n  typeof PopoverNext\n> = () => <ScrollableContainer />;\n\nexport const Basic: StoryObj<typeof PopoverNext> = {\n  render: () => <Template />,\n};\nBasic.args = {};\n\nexport const Comparision: StoryObj<typeof PopoverNext> = {\n  render: () => <ComparisionTemplate />,\n};\nComparision.args = {};\n\nexport const DatePickers = DatePickersTemplate.bind({});\nDatePickers.args = {};\n\nexport const Scrollable = ScrollableTemplate.bind({});\nScrollable.args = {};\n\nexport const ScrollableScrollParent = ScrollableScrollParentTemplate.bind({});\nScrollableScrollParent.args = {};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,EAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAoD,IAAAO,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,IAAAW,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAErC;EACbgB,KAAK,EAAE,aAAa;EACpBC,SAAS,EAAEC;AACb,CAAC;AAED,IAAMC,QAAQ,GAAGA,CAAA,KAAM;EACrB,IAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,IAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEvC,IAAMG,MAAM,GAAG;IACbC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE,IAAI;IACfC,OAAO,EAAE;EACX,CAAiB;EAEjB,oBACE5C,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC8B,GAAG,EAAE,CAAE;IAACC,OAAO,EAAE,EAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3DtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA;IACNyC,KAAK,EAAErB,QAAS;IAChBsB,OAAO,EAAEA,CAAA,KAAMrB,WAAW,CAAC,IAAI,CAAE;IACjCsB,cAAc,EAAEA,CAAA,KAAMtB,WAAW,CAAC,KAAK;EAAE,GACrCI,MAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEVtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,wBAA8B,CACvB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAAY,CACjB,CACV,CAAC,eACVtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA,MACLyB,MAAM;IACXF,IAAI,EAAEA,IAAK;IACXuB,YAAY,EAAEA,CAACvB,IAAI,EAAEwB,CAAC,KAAKvB,OAAO,CAACD,IAAI,CAAE;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEzCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,wBAA8B,CACnB,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAAY,CACb,CACV,CACV,CAAC;AAEV,CAAC;AAED,IAAMW,mBAAmB,GAAGA,CAAA,KAAM;EAChC,IAAM,CAAC1B,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEvC,IAAMG,MAAiC,GAAG;IACxCyB,YAAY,EAAE,IAAI;IAClB;IACA;IACAC,QAAQ,EAAE;EACZ,CAAC;EAED,IAAMC,OAAO,GAAG,oCAAoC;EAEpD,IAAMC,MAAM,gBACVrE,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAKyB,KAAK,EAAE;MAAEC,QAAQ,EAAE,OAAO;MAAEC,MAAM,EAAE,MAAM;MAAEC,UAAU,EAAE;IAAM,CAAE;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAM,CAC5E;EAED,oBACEtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC8B,GAAG,EAAE,EAAG;IAACC,OAAO,EAAE,EAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5DtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA;IAACuB,IAAI,EAAEA,IAAK;IAACuB,YAAY,EAAEtB;EAAQ,GAAKC,MAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACxDtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,yBAA+B,CACpB,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GACjBc,OAAO,EACPC,MACkB,CACV,CAAC,eACdrE,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA;IAACyC,KAAK;EAAA,GAAMhB,MAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACxBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,wBAA8B,CACvB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GACbc,OAAO,EACPC,MACc,CACV,CACN,CAAC;AAEV,CAAC;AAED,IAAMK,qBAAsC,GAAG;EAC7CC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,KAAK,EAAE,GAAG;EACVC,GAAG,EAAE,KAAK;EAAE;;EAEZC,YAAY,EAAE;IACZC,QAAQ,EAAE,QAAQ;IAClBb,YAAY,EAAE,IAAI;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAc,MAAM,EAAE;EACV;AACF,CAAC;AAED,IAAMC,mBAAuD,GAAGA,CAAA,kBAC9DjF,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;EAAC8B,GAAG,EAAE,CAAE;EAACoC,UAAU,EAAE,EAAG;EAACC,WAAW,EAAE,EAAG;EAAAjC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAC3CtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACvC,WAAA,CAAAU,OAAU,MAAAwC,SAAA,CAAAxC,OAAA;EAACoE,eAAe,EAAC;AAAK,GAAKV,qBAAqB;EAAAxB,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,EAAG,CAC3D,CACN;AAED,IAAM+B,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,IAAMC,SAAS,GAAG;IAChBC,SAAS,EAAE,KAAK;IAChBC,KAAK,EAAE,KAAK;IACZC,IAAI,EAAE,KAAK;IACXV,QAAQ,EAAEW,uBAAS,CAACC;EACtB,CAAQ;EAER,oBACE3F,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACE,aAAU,sBAAsB;IAChCyB,KAAK,EAAE;MACLsB,SAAS,EAAE,OAAO;MAClBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE;IACV,CAAE;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACE,aAAU,YAAY;IACtByB,KAAK,EAAE;MACLyB,QAAQ,EAAE,MAAM;MAChBF,QAAQ,EAAE,UAAU;MACpBrB,MAAM,EAAE,OAAO;MACfsB,MAAM,EAAE;IACV,CAAE;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAKyB,KAAK,EAAE;MAAEvB,OAAO,EAAE;IAAkB,CAAE;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IACF4D,KAAK,EAAC,OAAO;IACbkB,MAAM,EAAC,eAAe;IACtB/C,OAAO,EAAC,MAAM;IACdyB,MAAM,EAAE,GAAI;IACZ1B,GAAG,EAAE,CAAE;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEPtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA;IAACyC,KAAK;IAACuC,SAAS;EAAA,GAAKV,SAAS;IAAApC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACpCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,sBAA4B,CACrB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,WAAW;IAAC6B,KAAK,EAAE,GAAI;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,qBAEhC,CACU,CACV,CAAC,eAEVtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA,MAAKsE,SAAS;IAAE/C,IAAI,EAAE,IAAK;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACrCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,iBAAuB,CACZ,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,WAAW;IAAC6B,KAAK,EAAE,GAAI;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,qBAEhC,CACc,CACV,CACV,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAED,IAAM2C,kBAAsD,GAAGA,CAAA,kBAC7DjG,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACwC,iBAAiB;EAAAnC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CACrB;AAED,IAAM4C,iBAAiB,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC,QAAQ;IAAE5B;EAAY,CAAC,GAAA2B,IAAA;EAClD,oBACEnG,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACEyB,KAAK,EAAE;MACLyB,QAAQ,EAAE,QAAQ;MAClBF,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE;IACV,CAAE;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IACE,aAAU,YAAY;IACtByB,KAAK,EAAE;MACLyB,QAAQ,EAAE,MAAM;MAChBvB;IACF,CAAE;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAKyB,KAAK,EAAE;MAAEvB,OAAO,EAAE;IAAiB,CAAE;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IACF4D,KAAK,EAAC,OAAO;IACbmB,QAAQ,EAAC,QAAQ;IACjBD,MAAM,EAAC,iBAAiB;IACxB/C,OAAO,EAAC,MAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEb8C,QACE,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAED,IAAMC,mBAAmB,GAAGA,CAAA,KAAM;EAChC,IAAMC,MAAM,GAAG,MAAM;EAErB,IAAMC,WAAW,GAAG;IAClBhB,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE,IAAI;IACXC,IAAI,EAAE,IAAI;IACVV,QAAQ,EAAE,cAAc;IACxByB,QAAQ,EAAE;EACZ,CAAC;EAED,oBACExG,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC8B,GAAG,EAAE,CAAE;IAACE,SAAS,EAAC,UAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/BtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACqD,iBAAiB;IAAC1B,MAAM,EAAE8B,MAAO;IAAApD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,MAAAwC,SAAA,CAAAxC,OAAA,MACLuF,WAAW;IAChBhE,IAAI,EAAE,IAAK;IACXuB,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;IACvB2C,mBAAmB,EAAE,KAAM;IAAAvD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAE3BtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAACgD,OAAO;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,iBAAuB,CACZ,CAAC,eACtBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW,CAAC6C,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAC2D,eAAe,EAAC,MAAM;IAACC,YAAY,EAAC,SAAS;IAAAzD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAE7D,CACc,CACV,CACI,CAAC,eAEpBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACqD,iBAAiB;IAAC1B,MAAM,EAAE8B,MAAO;IAAApD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,MAAAC,SAAA,CAAAxC,OAAA,MACDuF,WAAW;IAChB9C,KAAK,EAAE,IAAK;IACZmD,MAAM,EAAEA,CAAA,KAAM,CAAC,CAAE;IAAA1D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEjBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACK,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAQ,iBAAuB,CAChB,CAAC,eAClBtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,EAAA,CAAAgD,OAAO,CAACM,OAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdtD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAAC1C,IAAA,CAAAa,OAAG;IAAC+B,OAAO,EAAC,MAAM;IAAC2D,eAAe,EAAC,MAAM;IAACC,YAAY,EAAC,SAAS;IAAAzD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,SAE7D,CACU,CACV,CACQ,CAChB,CAAC;AAEV,CAAC;AAED,IAAMuD,8BAEL,GAAGA,CAAA,kBAAM7G,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACwD,mBAAmB;EAAAnD,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA3C,YAAA;IAAA4C,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC;AAE1B,IAAMwD,KAAmC,GAAA/E,OAAA,CAAA+E,KAAA,GAAG;EACjDC,MAAM,EAAEA,CAAA,kBAAM/G,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACV,QAAQ;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE;AAC3B,CAAC;AACDwD,KAAK,CAACE,IAAI,GAAG,CAAC,CAAC;AAER,IAAMC,WAAyC,GAAAlF,OAAA,CAAAkF,WAAA,GAAG;EACvDF,MAAM,EAAEA,CAAA,kBAAM/G,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACoB,mBAAmB;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE;AACtC,CAAC;AACD2D,WAAW,CAACD,IAAI,GAAG,CAAC,CAAC;AAEd,IAAME,WAAW,GAAAnF,OAAA,CAAAmF,WAAA,GAAGjC,mBAAmB,CAACkC,IAAI,CAAC,CAAC,CAAC,CAAC;AACvDD,WAAW,CAACF,IAAI,GAAG,CAAC,CAAC;AAEd,IAAMI,UAAU,GAAArF,OAAA,CAAAqF,UAAA,GAAGnB,kBAAkB,CAACkB,IAAI,CAAC,CAAC,CAAC,CAAC;AACrDC,UAAU,CAACJ,IAAI,GAAG,CAAC,CAAC;AAEb,IAAMK,sBAAsB,GAAAtF,OAAA,CAAAsF,sBAAA,GAAGR,8BAA8B,CAACM,IAAI,CAAC,CAAC,CAAC,CAAC;AAC7EE,sBAAsB,CAACL,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/PopoverNext/PopoverNext.uni.driver.js

@@ -2,13 +2,13 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.popoverNextDriverFactory = void 0;
+exports.popoverNextUniDriverFactory = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _unidriver = require("../utils/test-utils/unidriver");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var popoverNextDriverFactory = (base, body) => {
+var popoverNextUniDriverFactory = (base, body) => {
   var getRoot = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)(function* () {
       var isBaseRoot = !!(yield base.attr('data-popover-root'));
@@ -140,5 +140,5 @@ var popoverNextDriverFactory = (base, body) => {
     }()
   });
 };
-exports.popoverNextDriverFactory = popoverNextDriverFactory;
+exports.popoverNextUniDriverFactory = popoverNextUniDriverFactory;
 //# sourceMappingURL=PopoverNext.uni.driver.js.map

package/dist/cjs/PopoverNext/PopoverNext.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","popoverNextDriverFactory","base","body","getRoot","_ref","_asyncToGenerator2","isBaseRoot","attr","$","getRootDataHook","_ref2","getTrigger","_ref3","dataHook","getByHook","concat","getContent","_ref4","baseUniDriverFactory","triggerExists","_triggerExists","trigger","exists","_unused","isContentVisible","_isContentVisible","content","_unused2","clickTrigger","_clickTrigger","click","_unused3","clickOutside","_clickOutside","mouseEnter","_mouseEnter","root","hover","mouseLeave","_mouseLeave","mouse","leave","exports"],"sources":["../../../src/PopoverNext/PopoverNext.uni.driver.ts"],"sourcesContent":["import type {\n  BaseUniDriver,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, getByHook } from '../utils/test-utils/unidriver';\n\nexport type PopoverNextUniDriver = BaseUniDriver & {\n  triggerExists: () => Promise<boolean>;\n  isContentVisible: () => Promise<boolean>;\n  clickTrigger: () => Promise<void>;\n  clickOutside: () => Promise<void>;\n  mouseEnter: () => Promise<void>;\n  mouseLeave: () => Promise<void>;\n};\n\nexport const popoverNextDriverFactory = (\n  base: UniDriver,\n  body: UniDriver,\n): PopoverNextUniDriver => {\n  const getRoot = async () => {\n    const isBaseRoot = !!(await base.attr('data-popover-root'));\n    return isBaseRoot ? base : await base.$('[data-popover-root]');\n  };\n\n  const getRootDataHook = async () => (await getRoot()).attr('data-hook');\n\n  const getTrigger = async () => {\n    const dataHook = await getRootDataHook();\n    return getByHook(body, `${dataHook}-trigger`);\n  };\n\n  const getContent = async () => {\n    const dataHook = await getRootDataHook();\n    return getByHook(body, `${dataHook}-content`);\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Checks whether the trigger element exists\n     * @returns {Promise<boolean>}\n     */\n    triggerExists: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.exists();\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Checks whether the content is visible\n     * @returns {Promise<boolean>}\n     */\n    isContentVisible: async () => {\n      try {\n        const content = await getContent();\n        return (await content.exists()) === true;\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Clicks the trigger element\n     * @returns {Promise<void>}\n     */\n    clickTrigger: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.click();\n      } catch {}\n    },\n    /**\n     * Clicks outside the target element\n     * @returns {Promise<void>}\n     */\n    clickOutside: async () => body.click(),\n\n    /**\n     * Triggers a mouseEnter event\n     * @returns {Promise<void>}\n     */\n    mouseEnter: async () => {\n      const root = await getRoot();\n      return root.hover();\n    },\n\n    /**\n     * Triggers a mouseLeave event\n     * @returns {Promise<void>}\n     */\n    mouseLeave: async () => {\n      const root = await getRoot();\n      return root.mouse.leave();\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","popoverNextUniDriverFactory","base","body","getRoot","_ref","_asyncToGenerator2","isBaseRoot","attr","$","getRootDataHook","_ref2","getTrigger","_ref3","dataHook","getByHook","concat","getContent","_ref4","baseUniDriverFactory","triggerExists","_triggerExists","trigger","exists","_unused","isContentVisible","_isContentVisible","content","_unused2","clickTrigger","_clickTrigger","click","_unused3","clickOutside","_clickOutside","mouseEnter","_mouseEnter","root","hover","mouseLeave","_mouseLeave","mouse","leave","exports"],"sources":["../../../src/PopoverNext/PopoverNext.uni.driver.ts"],"sourcesContent":["import type {\n  BaseUniDriver,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, getByHook } from '../utils/test-utils/unidriver';\n\nexport type PopoverNextUniDriver = BaseUniDriver & {\n  triggerExists: () => Promise<boolean>;\n  isContentVisible: () => Promise<boolean>;\n  clickTrigger: () => Promise<void>;\n  clickOutside: () => Promise<void>;\n  mouseEnter: () => Promise<void>;\n  mouseLeave: () => Promise<void>;\n};\n\nexport const popoverNextUniDriverFactory = (\n  base: UniDriver,\n  body: UniDriver,\n): PopoverNextUniDriver => {\n  const getRoot = async () => {\n    const isBaseRoot = !!(await base.attr('data-popover-root'));\n    return isBaseRoot ? base : await base.$('[data-popover-root]');\n  };\n\n  const getRootDataHook = async () => (await getRoot()).attr('data-hook');\n\n  const getTrigger = async () => {\n    const dataHook = await getRootDataHook();\n    return getByHook(body, `${dataHook}-trigger`);\n  };\n\n  const getContent = async () => {\n    const dataHook = await getRootDataHook();\n    return getByHook(body, `${dataHook}-content`);\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Checks whether the trigger element exists\n     * @returns {Promise<boolean>}\n     */\n    triggerExists: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.exists();\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Checks whether the content is visible\n     * @returns {Promise<boolean>}\n     */\n    isContentVisible: async () => {\n      try {\n        const content = await getContent();\n        return (await content.exists()) === true;\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Clicks the trigger element\n     * @returns {Promise<void>}\n     */\n    clickTrigger: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.click();\n      } catch {}\n    },\n    /**\n     * Clicks outside the target element\n     * @returns {Promise<void>}\n     */\n    clickOutside: async () => body.click(),\n\n    /**\n     * Triggers a mouseEnter event\n     * @returns {Promise<void>}\n     */\n    mouseEnter: async () => {\n      const root = await getRoot();\n      return root.hover();\n    },\n\n    /**\n     * Triggers a mouseLeave event\n     * @returns {Promise<void>}\n     */\n    mouseLeave: async () => {\n      const root = await getRoot();\n      return root.mouse.leave();\n    },\n  };\n};\n"],"mappings":";;;;;;;AAIA,IAAAA,UAAA,GAAAC,OAAA;AAAgF,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAWzE,IAAMqB,2BAA2B,GAAGA,CACzCC,IAAe,EACfC,IAAe,KACU;EACzB,IAAMC,OAAO;IAAA,IAAAC,IAAA,OAAAC,kBAAA,CAAAT,OAAA,EAAG,aAAY;MAC1B,IAAMU,UAAU,GAAG,CAAC,QAAQL,IAAI,CAACM,IAAI,CAAC,mBAAmB,CAAC,CAAC;MAC3D,OAAOD,UAAU,GAAGL,IAAI,SAASA,IAAI,CAACO,CAAC,CAAC,qBAAqB,CAAC;IAChE,CAAC;IAAA,gBAHKL,OAAOA,CAAA;MAAA,OAAAC,IAAA,CAAAd,KAAA,OAAAE,SAAA;IAAA;EAAA,GAGZ;EAED,IAAMiB,eAAe;IAAA,IAAAC,KAAA,OAAAL,kBAAA,CAAAT,OAAA,EAAG;MAAA,OAAY,OAAOO,OAAO,CAAC,CAAC,EAAEI,IAAI,CAAC,WAAW,CAAC;IAAA;IAAA,gBAAjEE,eAAeA,CAAA;MAAA,OAAAC,KAAA,CAAApB,KAAA,OAAAE,SAAA;IAAA;EAAA,GAAkD;EAEvE,IAAMmB,UAAU;IAAA,IAAAC,KAAA,OAAAP,kBAAA,CAAAT,OAAA,EAAG,aAAY;MAC7B,IAAMiB,QAAQ,SAASJ,eAAe,CAAC,CAAC;MACxC,OAAO,IAAAK,oBAAS,EAACZ,IAAI,KAAAa,MAAA,CAAKF,QAAQ,aAAU,CAAC;IAC/C,CAAC;IAAA,gBAHKF,UAAUA,CAAA;MAAA,OAAAC,KAAA,CAAAtB,KAAA,OAAAE,SAAA;IAAA;EAAA,GAGf;EAED,IAAMwB,UAAU;IAAA,IAAAC,KAAA,OAAAZ,kBAAA,CAAAT,OAAA,EAAG,aAAY;MAC7B,IAAMiB,QAAQ,SAASJ,eAAe,CAAC,CAAC;MACxC,OAAO,IAAAK,oBAAS,EAACZ,IAAI,KAAAa,MAAA,CAAKF,QAAQ,aAAU,CAAC;IAC/C,CAAC;IAAA,gBAHKG,UAAUA,CAAA;MAAA,OAAAC,KAAA,CAAA3B,KAAA,OAAAE,SAAA;IAAA;EAAA,GAGf;EAED,OAAAD,aAAA,CAAAA,aAAA,KACK,IAAA2B,+BAAoB,EAACjB,IAAI,CAAC;IAE7B;AACJ;AACA;AACA;IACIkB,aAAa;MAAA,IAAAC,cAAA,OAAAf,kBAAA,CAAAT,OAAA,EAAE,aAAY;QACzB,IAAI;UACF,IAAMyB,OAAO,SAASV,UAAU,CAAC,CAAC;UAClC,OAAOU,OAAO,CAACC,MAAM,CAAC,CAAC;QACzB,CAAC,CAAC,OAAAC,OAAA,EAAM;UACN,OAAO,KAAK;QACd;MACF,CAAC;MAAA,SAPDJ,aAAaA,CAAA;QAAA,OAAAC,cAAA,CAAA9B,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAb2B,aAAa;IAAA,GAOZ;IAED;AACJ;AACA;AACA;IACIK,gBAAgB;MAAA,IAAAC,iBAAA,OAAApB,kBAAA,CAAAT,OAAA,EAAE,aAAY;QAC5B,IAAI;UACF,IAAM8B,OAAO,SAASV,UAAU,CAAC,CAAC;UAClC,OAAO,OAAOU,OAAO,CAACJ,MAAM,CAAC,CAAC,MAAM,IAAI;QAC1C,CAAC,CAAC,OAAAK,QAAA,EAAM;UACN,OAAO,KAAK;QACd;MACF,CAAC;MAAA,SAPDH,gBAAgBA,CAAA;QAAA,OAAAC,iBAAA,CAAAnC,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAhBgC,gBAAgB;IAAA,GAOf;IAED;AACJ;AACA;AACA;IACII,YAAY;MAAA,IAAAC,aAAA,OAAAxB,kBAAA,CAAAT,OAAA,EAAE,aAAY;QACxB,IAAI;UACF,IAAMyB,OAAO,SAASV,UAAU,CAAC,CAAC;UAClC,OAAOU,OAAO,CAACS,KAAK,CAAC,CAAC;QACxB,CAAC,CAAC,OAAAC,QAAA,EAAM,CAAC;MACX,CAAC;MAAA,SALDH,YAAYA,CAAA;QAAA,OAAAC,aAAA,CAAAvC,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAZoC,YAAY;IAAA,GAKX;IACD;AACJ;AACA;AACA;IACII,YAAY;MAAA,IAAAC,aAAA,OAAA5B,kBAAA,CAAAT,OAAA,EAAE;QAAA,OAAYM,IAAI,CAAC4B,KAAK,CAAC,CAAC;MAAA;MAAA,SAAtCE,YAAYA,CAAA;QAAA,OAAAC,aAAA,CAAA3C,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAZwC,YAAY;IAAA,GAA0B;IAEtC;AACJ;AACA;AACA;IACIE,UAAU;MAAA,IAAAC,WAAA,OAAA9B,kBAAA,CAAAT,OAAA,EAAE,aAAY;QACtB,IAAMwC,IAAI,SAASjC,OAAO,CAAC,CAAC;QAC5B,OAAOiC,IAAI,CAACC,KAAK,CAAC,CAAC;MACrB,CAAC;MAAA,SAHDH,UAAUA,CAAA;QAAA,OAAAC,WAAA,CAAA7C,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAV0C,UAAU;IAAA,GAGT;IAED;AACJ;AACA;AACA;IACII,UAAU;MAAA,IAAAC,WAAA,OAAAlC,kBAAA,CAAAT,OAAA,EAAE,aAAY;QACtB,IAAMwC,IAAI,SAASjC,OAAO,CAAC,CAAC;QAC5B,OAAOiC,IAAI,CAACI,KAAK,CAACC,KAAK,CAAC,CAAC;MAC3B,CAAC;MAAA,SAHDH,UAAUA,CAAA;QAAA,OAAAC,WAAA,CAAAjD,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAV8C,UAAU;IAAA;EAGT;AAEL,CAAC;AAACI,OAAA,CAAA1C,2BAAA,GAAAA,2BAAA","ignoreList":[]}

package/dist/cjs/PopoverNext/components/Content/Content.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_161_0_PopoverNextContent";
+var _namespace_ = "wds_1_163_0_PopoverNextContent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_PopoverNextContent__root"};
+module.exports.classes = {"root":"wds_1_163_0_PopoverNextContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PopoverNext/components/Trigger/Trigger.js

@@ -5,27 +5,32 @@ exports.__esModule = true;
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
-var _mergeRefs = require("../../../utils/mergeRefs");
 var _usePopoverNextContext = require("../../hooks/usePopoverNextContext");
+var _mergeRefs = require("../../../utils/mergeRefs");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Trigger = /*#__PURE__*/(0, _react.forwardRef)(function PopoverTrigger(_ref, propRef) {
+var Trigger = /*#__PURE__*/(0, _react.forwardRef)(function PopoverTriggerWrapper(_ref, propRef) {
   var {
-    children
+    children: triggerElement
   } = _ref;
   var {
     dataHook,
     context,
     interactions
   } = (0, _usePopoverNextContext.usePopoverNextContext)();
-  if (! /*#__PURE__*/(0, _react.isValidElement)(children)) {
+  if (! /*#__PURE__*/(0, _react.isValidElement)(triggerElement)) {
     throw new Error('<PopoverNext.Trigger /> children must be a valid React element');
   }
-  var ref = (0, _mergeRefs.mergeRefs)(context == null ? void 0 : context.refs.setReference, propRef, children.ref);
-  return /*#__PURE__*/(0, _react.cloneElement)(children, interactions.getReferenceProps(_objectSpread(_objectSpread({}, children.props), {}, {
+  var ref = (0, _mergeRefs.mergeRefs)(context == null ? void 0 : context.refs.setReference, propRef, triggerElement.ref);
+  var referenceProps = interactions.getReferenceProps(_objectSpread(_objectSpread({}, triggerElement.props), {}, {
     ref,
     'data-hook': "".concat(dataHook, "-trigger")
-  })));
+  }));
+  return /*#__PURE__*/(0, _react.cloneElement)(triggerElement, //@ts-ignore TODO: this overrides onKeyDown for DatePicker,
+  // to allow entering white space inside input
+  _objectSpread(_objectSpread({}, referenceProps), {}, {
+    onKeyDown: undefined
+  }));
 });
 var _default = exports.default = Trigger;
 //# sourceMappingURL=Trigger.js.map

package/dist/cjs/PopoverNext/components/Trigger/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mergeRefs","_usePopoverNextContext","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Trigger","forwardRef","PopoverTrigger","_ref","propRef","children","dataHook","context","interactions","usePopoverNextContext","isValidElement","Error","ref","mergeRefs","refs","setReference","cloneElement","getReferenceProps","props","concat","_default","exports"],"sources":["../../../../../src/PopoverNext/components/Trigger/Trigger.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react';\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { usePopoverNextContext } from '../../hooks/usePopoverNextContext';\nimport { PopoverNextTriggerProps } from '../../PopoverNext.types';\n\nconst Trigger = forwardRef<HTMLElement, PopoverNextTriggerProps>(\n  function PopoverTrigger({ children }, propRef) {\n    const { dataHook, context, interactions } = usePopoverNextContext();\n\n    if (!isValidElement(children)) {\n      throw new Error(\n        '<PopoverNext.Trigger /> children must be a valid React element',\n      );\n    }\n\n    const ref = mergeRefs(\n      context?.refs.setReference,\n      propRef,\n      (children as any).ref,\n    );\n\n    return cloneElement(\n      children,\n      interactions.getReferenceProps({\n        ...children.props,\n        ref,\n        'data-hook': `${dataHook}-trigger`,\n      }),\n    );\n  },\n);\n\nexport default Trigger;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAA0E,SAAAG,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAG1E,IAAMqB,OAAO,gBAAG,IAAAC,iBAAU,EACxB,SAASC,cAAcA,CAAAC,IAAA,EAAeC,OAAO,EAAE;EAAA,IAAvB;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAClC,IAAM;IAAEG,QAAQ;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAEnE,IAAI,eAAC,IAAAC,qBAAc,EAACL,QAAQ,CAAC,EAAE;IAC7B,MAAM,IAAIM,KAAK,CACb,gEACF,CAAC;EACH;EAEA,IAAMC,GAAG,GAAG,IAAAC,oBAAS,EACnBN,OAAO,oBAAPA,OAAO,CAAEO,IAAI,CAACC,YAAY,EAC1BX,OAAO,EACNC,QAAQ,CAASO,GACpB,CAAC;EAED,oBAAO,IAAAI,mBAAY,EACjBX,QAAQ,EACRG,YAAY,CAACS,iBAAiB,CAAA1B,aAAA,CAAAA,aAAA,KACzBc,QAAQ,CAACa,KAAK;IACjBN,GAAG;IACH,WAAW,KAAAO,MAAA,CAAKb,QAAQ;EAAU,EACnC,CACH,CAAC;AACH,CACF,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAEaI,OAAO","ignoreList":[]}
+{"version":3,"names":["_react","require","_usePopoverNextContext","_mergeRefs","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Trigger","forwardRef","PopoverTriggerWrapper","_ref","propRef","children","triggerElement","dataHook","context","interactions","usePopoverNextContext","isValidElement","Error","ref","mergeRefs","refs","setReference","referenceProps","getReferenceProps","props","concat","cloneElement","onKeyDown","undefined","_default","exports"],"sources":["../../../../../src/PopoverNext/components/Trigger/Trigger.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react';\nimport { usePopoverNextContext } from '../../hooks/usePopoverNextContext';\nimport { PopoverNextTriggerProps } from '../../PopoverNext.types';\nimport { mergeRefs } from '../../../utils/mergeRefs';\n\nconst Trigger = forwardRef<HTMLElement, PopoverNextTriggerProps>(\n  function PopoverTriggerWrapper({ children: triggerElement }, propRef) {\n    const { dataHook, context, interactions } = usePopoverNextContext();\n\n    if (!isValidElement(triggerElement)) {\n      throw new Error(\n        '<PopoverNext.Trigger /> children must be a valid React element'\n      );\n    }\n\n    const ref = mergeRefs(\n      context?.refs.setReference,\n      propRef,\n      (triggerElement as any).ref\n    );\n\n    const referenceProps = interactions.getReferenceProps({\n      ...triggerElement.props,\n      ref,\n      'data-hook': `${dataHook}-trigger`,\n    });\n\n    return cloneElement(\n      triggerElement,\n      //@ts-ignore TODO: this overrides onKeyDown for DatePicker,\n      // to allow entering white space inside input\n      { ...referenceProps, onKeyDown: undefined }\n    );\n  }\n);\n\nexport default Trigger;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAAqD,SAAAG,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAErD,IAAMqB,OAAO,gBAAG,IAAAC,iBAAU,EACxB,SAASC,qBAAqBA,CAAAC,IAAA,EAA+BC,OAAO,EAAE;EAAA,IAAvC;IAAEC,QAAQ,EAAEC;EAAe,CAAC,GAAAH,IAAA;EACzD,IAAM;IAAEI,QAAQ;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAEnE,IAAI,eAAC,IAAAC,qBAAc,EAACL,cAAc,CAAC,EAAE;IACnC,MAAM,IAAIM,KAAK,CACb,gEACF,CAAC;EACH;EAEA,IAAMC,GAAG,GAAG,IAAAC,oBAAS,EACnBN,OAAO,oBAAPA,OAAO,CAAEO,IAAI,CAACC,YAAY,EAC1BZ,OAAO,EACNE,cAAc,CAASO,GAC1B,CAAC;EAED,IAAMI,cAAc,GAAGR,YAAY,CAACS,iBAAiB,CAAA3B,aAAA,CAAAA,aAAA,KAChDe,cAAc,CAACa,KAAK;IACvBN,GAAG;IACH,WAAW,KAAAO,MAAA,CAAKb,QAAQ;EAAU,EACnC,CAAC;EAEF,oBAAO,IAAAc,mBAAY,EACjBf,cAAc,EACd;EACA;EAAAf,aAAA,CAAAA,aAAA,KACK0B,cAAc;IAAEK,SAAS,EAAEC;EAAS,EAC3C,CAAC;AACH,CACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEaI,OAAO","ignoreList":[]}

package/dist/cjs/PopoverNext/hooks/useDelayOpen.js

@@ -7,6 +7,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * usePopover open with delay hook.
+ * TODO: Needs handling open prop changes.
+ */
 var useDelayOpen = _ref => {
   var {
     open,

package/dist/cjs/PopoverNext/hooks/useDelayOpen.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","useDelayOpen","_ref","open","onOpenChange","timeout","transition","showDelay","hideDelay","isOpen","setIsOpen","useState","getDuration","type","useEffect","exitTransition","setTimeout","clearTimeout","handleChange","newOpen","reason","styles","transitionProperty","opacity","transitionDelay","concat","transitionDuration","exports"],"sources":["../../../../src/PopoverNext/hooks/useDelayOpen.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { UsePopoverProps } from './usePopover';\nimport { type OpenChangeReason } from '@floating-ui/react';\n\ntype UseDelayOpenProps = Pick<\n  UsePopoverProps,\n  'open' | 'onOpenChange' | 'timeout' | 'showDelay' | 'hideDelay'\n>;\n\nexport const useDelayOpen = ({\n  open,\n  onOpenChange,\n  timeout: transition = 0,\n  showDelay = 0,\n  hideDelay = 0,\n}: UseDelayOpenProps) => {\n  const [isOpen, setIsOpen] = useState(open);\n\n  const getDuration = (\n    timeout: NonNullable<UsePopoverProps['timeout']>,\n    type: 'enter' | 'exit',\n  ): number => (typeof timeout === 'number' ? timeout : timeout[type] || 0);\n\n  useEffect(() => {\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    if (!open) {\n      const exitTransition = getDuration(transition, 'exit');\n\n      timeout = setTimeout(() => {\n        setIsOpen(false);\n      }, hideDelay + exitTransition);\n    }\n\n    return () => clearTimeout(timeout);\n  }, [open, hideDelay, transition]);\n\n  const handleChange = (newOpen: boolean, reason?: OpenChangeReason) => {\n    // Put element into DOM first, then delay envoking transition.\n    setIsOpen(true);\n\n    setTimeout(() => {\n      onOpenChange(newOpen, reason);\n    });\n  };\n\n  const styles = {\n    transitionProperty: 'opacity',\n    ...(open\n      ? {\n          opacity: 1,\n          transitionDelay: `${showDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'enter')}ms`,\n        }\n      : {\n          opacity: 0,\n          transitionDelay: `${hideDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'exit')}ms`,\n        }),\n  };\n\n  return { isOpen, setIsOpen: handleChange, styles };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","useDelayOpen","_ref","open","onOpenChange","timeout","transition","showDelay","hideDelay","isOpen","setIsOpen","useState","getDuration","type","useEffect","exitTransition","setTimeout","clearTimeout","handleChange","newOpen","reason","styles","transitionProperty","opacity","transitionDelay","concat","transitionDuration","exports"],"sources":["../../../../src/PopoverNext/hooks/useDelayOpen.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { UsePopoverProps } from './usePopover';\nimport { type OpenChangeReason } from '@floating-ui/react';\n\ntype UseDelayOpenProps = Pick<\n  UsePopoverProps,\n  'open' | 'onOpenChange' | 'timeout' | 'showDelay' | 'hideDelay'\n>;\n\n/**\n * usePopover open with delay hook.\n * TODO: Needs handling open prop changes.\n */\nexport const useDelayOpen = ({\n  open,\n  onOpenChange,\n  timeout: transition = 0,\n  showDelay = 0,\n  hideDelay = 0,\n}: UseDelayOpenProps) => {\n  const [isOpen, setIsOpen] = useState(open);\n\n  const getDuration = (\n    timeout: NonNullable<UsePopoverProps['timeout']>,\n    type: 'enter' | 'exit',\n  ): number => (typeof timeout === 'number' ? timeout : timeout[type] || 0);\n\n  useEffect(() => {\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    if (!open) {\n      const exitTransition = getDuration(transition, 'exit');\n\n      timeout = setTimeout(() => {\n        setIsOpen(false);\n      }, hideDelay + exitTransition);\n    }\n\n    return () => clearTimeout(timeout);\n  }, [open, hideDelay, transition]);\n\n  const handleChange = (newOpen: boolean, reason?: OpenChangeReason) => {\n    // Put element into DOM first, then delay envoking transition.\n    setIsOpen(true);\n\n    setTimeout(() => {\n      onOpenChange(newOpen, reason);\n    });\n  };\n\n  const styles = {\n    transitionProperty: 'opacity',\n    ...(open\n      ? {\n          opacity: 1,\n          transitionDelay: `${showDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'enter')}ms`,\n        }\n      : {\n          opacity: 0,\n          transitionDelay: `${hideDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'exit')}ms`,\n        }),\n  };\n\n  return { isOpen, setIsOpen: handleChange, styles };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAA4C,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAS5C;AACA;AACA;AACA;AACO,IAAMqB,YAAY,GAAGC,IAAA,IAMH;EAAA,IANI;IAC3BC,IAAI;IACJC,YAAY;IACZC,OAAO,EAAEC,UAAU,GAAG,CAAC;IACvBC,SAAS,GAAG,CAAC;IACbC,SAAS,GAAG;EACK,CAAC,GAAAN,IAAA;EAClB,IAAM,CAACO,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAACR,IAAI,CAAC;EAE1C,IAAMS,WAAW,GAAGA,CAClBP,OAAgD,EAChDQ,IAAsB,KACV,OAAOR,OAAO,KAAK,QAAQ,GAAGA,OAAO,GAAGA,OAAO,CAACQ,IAAI,CAAC,IAAI,CAAE;EAEzE,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIT,OAAkD;IAEtD,IAAI,CAACF,IAAI,EAAE;MACT,IAAMY,cAAc,GAAGH,WAAW,CAACN,UAAU,EAAE,MAAM,CAAC;MAEtDD,OAAO,GAAGW,UAAU,CAAC,MAAM;QACzBN,SAAS,CAAC,KAAK,CAAC;MAClB,CAAC,EAAEF,SAAS,GAAGO,cAAc,CAAC;IAChC;IAEA,OAAO,MAAME,YAAY,CAACZ,OAAO,CAAC;EACpC,CAAC,EAAE,CAACF,IAAI,EAAEK,SAAS,EAAEF,UAAU,CAAC,CAAC;EAEjC,IAAMY,YAAY,GAAGA,CAACC,OAAgB,EAAEC,MAAyB,KAAK;IACpE;IACAV,SAAS,CAAC,IAAI,CAAC;IAEfM,UAAU,CAAC,MAAM;MACfZ,YAAY,CAACe,OAAO,EAAEC,MAAM,CAAC;IAC/B,CAAC,CAAC;EACJ,CAAC;EAED,IAAMC,MAAM,GAAA7B,aAAA;IACV8B,kBAAkB,EAAE;EAAS,GACzBnB,IAAI,GACJ;IACEoB,OAAO,EAAE,CAAC;IACVC,eAAe,KAAAC,MAAA,CAAKlB,SAAS,OAAI;IACjCmB,kBAAkB,KAAAD,MAAA,CAAKb,WAAW,CAACN,UAAU,EAAE,OAAO,CAAC;EACzD,CAAC,GACD;IACEiB,OAAO,EAAE,CAAC;IACVC,eAAe,KAAAC,MAAA,CAAKjB,SAAS,OAAI;IACjCkB,kBAAkB,KAAAD,MAAA,CAAKb,WAAW,CAACN,UAAU,EAAE,MAAM,CAAC;EACxD,CAAC,CACN;EAED,OAAO;IAAEG,MAAM;IAAEC,SAAS,EAAEQ,YAAY;IAAEG;EAAO,CAAC;AACpD,CAAC;AAACM,OAAA,CAAA1B,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/cjs/PopoverNext/hooks/usePopover.js

@@ -9,7 +9,6 @@ var _react2 = require("@floating-ui/react");
 var _PopoverNext = require("../PopoverNext.constants");
 var _ZIndex = require("../../common/ZIndex");
 var _usePositioning = require("./usePositioning");
-var _useDelayOpen = require("./useDelayOpen");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var formatWidth = value => typeof value === 'number' ? "".concat(value, "px") : value;
@@ -17,7 +16,7 @@ function usePopover(_ref) {
   var {
     dataHook,
     open = false,
-    onOpenChange,
+    onOpenChange: _onOpenChange,
     focusManagerEnabled = true,
     appendTo = _PopoverNext.APPEND_TO.parent,
     dynamicWidth = false,
@@ -30,22 +29,8 @@ function usePopover(_ref) {
     flip: shouldFlip = true,
     placement = 'bottom',
     fixed = false,
-    showDelay,
-    hideDelay,
-    timeout,
     rootRef
   } = _ref;
-  var {
-    isOpen,
-    setIsOpen,
-    styles: delayStyles
-  } = (0, _useDelayOpen.useDelayOpen)({
-    open,
-    onOpenChange,
-    showDelay,
-    hideDelay,
-    timeout
-  });
   var positioning = (0, _usePositioning.usePositioning)({
     flip: shouldFlip,
     fixed,
@@ -55,7 +40,7 @@ function usePopover(_ref) {
   });
   var data = (0, _react2.useFloating)({
     open,
-    onOpenChange: (newOpen, _, reason) => setIsOpen(newOpen, reason),
+    onOpenChange: (newOpen, _, reason) => _onOpenChange(newOpen, reason),
     whileElementsMounted: (referenceEl, floatingEl, update) => (0, _react2.autoUpdate)(referenceEl, floatingEl, update, {
       animationFrame: true
     }),
@@ -111,9 +96,9 @@ function usePopover(_ref) {
     context,
     appendTo,
     zIndex,
-    open: isOpen,
-    popoverStyles: _objectSpread(_objectSpread({}, context.floatingStyles), delayStyles),
+    open,
+    popoverStyles: _objectSpread({}, context.floatingStyles),
     portalRoot: positioning.portalRoot
-  }), [dataHook, focusManagerEnabled, interactions, context, delayStyles, isOpen, zIndex, appendTo, positioning]);
+  }), [dataHook, focusManagerEnabled, interactions, context, open, zIndex, appendTo, positioning]);
 }
 //# sourceMappingURL=usePopover.js.map

package/dist/cjs/PopoverNext/hooks/usePopover.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_react2","_PopoverNext","_ZIndex","_usePositioning","_useDelayOpen","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","formatWidth","value","concat","usePopover","_ref","dataHook","open","onOpenChange","focusManagerEnabled","appendTo","APPEND_TO","parent","dynamicWidth","zIndex","ZIndex","popover","width","minWidth","maxWidth","excludeClass","moveBy","flip","shouldFlip","placement","fixed","showDelay","hideDelay","timeout","rootRef","isOpen","setIsOpen","styles","delayStyles","useDelayOpen","positioning","usePositioning","data","useFloating","newOpen","_","reason","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","animationFrame","middleware","size","_ref2","rects","elements","reference","assign","floating","style","shift","offset","mainAxis","y","crossAxis","x","context","click","useClick","dismiss","useDismiss","outsidePress","event","classes","target","classList","contains","escapeKey","role","useRole","interactions","useInteractions","useMemo","popoverStyles","floatingStyles","portalRoot"],"sources":["../../../../src/PopoverNext/hooks/usePopover.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  useFloating,\n  autoUpdate,\n  flip,\n  shift,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  size,\n  offset,\n} from '@floating-ui/react';\nimport type { PopoverNextProps } from '../PopoverNext.types';\nimport { APPEND_TO } from '../PopoverNext.constants';\nimport { ZIndex } from '../../common/ZIndex';\nimport { usePositioning } from './usePositioning';\nimport { useDelayOpen } from './useDelayOpen';\nimport { PopoverNextContextValue } from './usePopoverNextContext';\n\nexport type UsePopoverProps = Omit<PopoverNextProps, 'children'> & {\n  rootRef: React.RefObject<HTMLDivElement> | null;\n};\n\nconst formatWidth = (value: string | number): string =>\n  typeof value === 'number' ? `${value}px` : value;\n\ntype UsePopoverReturn = Omit<\n  PopoverNextContextValue,\n  'rootPortal' | 'flip' | 'placement'\n>;\n\nexport function usePopover({\n  dataHook,\n  open = false,\n  onOpenChange,\n  focusManagerEnabled = true,\n  appendTo = APPEND_TO.parent,\n  dynamicWidth = false,\n  zIndex = ZIndex.popover,\n  width,\n  minWidth,\n  maxWidth,\n  excludeClass,\n  moveBy,\n  flip: shouldFlip = true,\n  placement = 'bottom',\n  fixed = false,\n  showDelay,\n  hideDelay,\n  timeout,\n  rootRef,\n}: UsePopoverProps): UsePopoverReturn {\n  const {\n    isOpen,\n    setIsOpen,\n    styles: delayStyles,\n  } = useDelayOpen({ open, onOpenChange, showDelay, hideDelay, timeout });\n  const positioning = usePositioning({\n    flip: shouldFlip,\n    fixed,\n    placement,\n    appendTo,\n    rootRef,\n  });\n\n  const data = useFloating({\n    open,\n    onOpenChange: (newOpen, _, reason) => setIsOpen(newOpen, reason),\n    whileElementsMounted: (referenceEl, floatingEl, update) =>\n      autoUpdate(referenceEl, floatingEl, update, {\n        animationFrame: true,\n      }),\n    placement,\n    middleware: [\n      size({\n        apply({ rects, elements }) {\n          const styles: Record<string, string> = {};\n\n          if (!!width) {\n            styles.width = formatWidth(width);\n          } else if (dynamicWidth) {\n            styles.minWidth = `${rects.reference.width}px`;\n\n            if (!!maxWidth) {\n              styles.maxWidth = formatWidth(maxWidth);\n            }\n          } else {\n            if (!!minWidth) {\n              styles.minWidth = formatWidth(minWidth);\n            }\n            if (!!maxWidth) {\n              styles.maxWidth = formatWidth(maxWidth);\n            }\n          }\n\n          Object.assign(elements.floating.style, styles);\n        },\n      }),\n      flip(positioning.flip),\n      shift(positioning.shift),\n      offset({ mainAxis: moveBy?.y, crossAxis: moveBy?.x }),\n    ],\n  });\n\n  const context = data.context;\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context, {\n    outsidePress: event => {\n      if (excludeClass) {\n        const classes = (event.target as Element).classList;\n        return !classes.contains(excludeClass);\n      } else {\n        return true;\n      }\n    },\n    escapeKey: true,\n  });\n\n  const role = useRole(context);\n\n  const interactions = useInteractions([click, dismiss, role]);\n\n  return useMemo(\n    () => ({\n      dataHook,\n      focusManagerEnabled,\n      interactions,\n      context,\n      appendTo,\n      zIndex,\n      open: isOpen,\n      popoverStyles: {\n        ...context.floatingStyles,\n        ...delayStyles,\n      },\n      portalRoot: positioning.portalRoot,\n    }),\n    [\n      dataHook,\n      focusManagerEnabled,\n      interactions,\n      context,\n      delayStyles,\n      isOpen,\n      zIndex,\n      appendTo,\n      positioning,\n    ],\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_react2","_PopoverNext","_ZIndex","_usePositioning","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","formatWidth","value","concat","usePopover","_ref","dataHook","open","onOpenChange","focusManagerEnabled","appendTo","APPEND_TO","parent","dynamicWidth","zIndex","ZIndex","popover","width","minWidth","maxWidth","excludeClass","moveBy","flip","shouldFlip","placement","fixed","rootRef","positioning","usePositioning","data","useFloating","newOpen","_","reason","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","animationFrame","middleware","size","_ref2","rects","elements","styles","reference","assign","floating","style","shift","offset","mainAxis","y","crossAxis","x","context","click","useClick","dismiss","useDismiss","outsidePress","event","classes","target","classList","contains","escapeKey","role","useRole","interactions","useInteractions","useMemo","popoverStyles","floatingStyles","portalRoot"],"sources":["../../../../src/PopoverNext/hooks/usePopover.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  useFloating,\n  autoUpdate,\n  flip,\n  shift,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  size,\n  offset,\n} from '@floating-ui/react';\nimport type { PopoverNextProps } from '../PopoverNext.types';\nimport { APPEND_TO } from '../PopoverNext.constants';\nimport { ZIndex } from '../../common/ZIndex';\nimport { usePositioning } from './usePositioning';\nimport { PopoverNextContextValue } from './usePopoverNextContext';\n\nexport type UsePopoverProps = Omit<PopoverNextProps, 'children'> & {\n  rootRef: React.RefObject<HTMLDivElement> | null;\n};\n\nconst formatWidth = (value: string | number): string =>\n  typeof value === 'number' ? `${value}px` : value;\n\ntype UsePopoverReturn = Omit<\n  PopoverNextContextValue,\n  'rootPortal' | 'flip' | 'placement'\n>;\n\nexport function usePopover({\n  dataHook,\n  open = false,\n  onOpenChange,\n  focusManagerEnabled = true,\n  appendTo = APPEND_TO.parent,\n  dynamicWidth = false,\n  zIndex = ZIndex.popover,\n  width,\n  minWidth,\n  maxWidth,\n  excludeClass,\n  moveBy,\n  flip: shouldFlip = true,\n  placement = 'bottom',\n  fixed = false,\n  rootRef,\n}: UsePopoverProps): UsePopoverReturn {\n  const positioning = usePositioning({\n    flip: shouldFlip,\n    fixed,\n    placement,\n    appendTo,\n    rootRef,\n  });\n\n  const data = useFloating({\n    open,\n    onOpenChange: (newOpen, _, reason) => onOpenChange(newOpen, reason),\n    whileElementsMounted: (referenceEl, floatingEl, update) =>\n      autoUpdate(referenceEl, floatingEl, update, {\n        animationFrame: true,\n      }),\n    placement,\n    middleware: [\n      size({\n        apply({ rects, elements }) {\n          const styles: Record<string, string> = {};\n\n          if (!!width) {\n            styles.width = formatWidth(width);\n          } else if (dynamicWidth) {\n            styles.minWidth = `${rects.reference.width}px`;\n\n            if (!!maxWidth) {\n              styles.maxWidth = formatWidth(maxWidth);\n            }\n          } else {\n            if (!!minWidth) {\n              styles.minWidth = formatWidth(minWidth);\n            }\n            if (!!maxWidth) {\n              styles.maxWidth = formatWidth(maxWidth);\n            }\n          }\n\n          Object.assign(elements.floating.style, styles);\n        },\n      }),\n      flip(positioning.flip),\n      shift(positioning.shift),\n      offset({ mainAxis: moveBy?.y, crossAxis: moveBy?.x }),\n    ],\n  });\n\n  const context = data.context;\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context, {\n    outsidePress: event => {\n      if (excludeClass) {\n        const classes = (event.target as Element).classList;\n        return !classes.contains(excludeClass);\n      } else {\n        return true;\n      }\n    },\n    escapeKey: true,\n  });\n\n  const role = useRole(context);\n\n  const interactions = useInteractions([click, dismiss, role]);\n\n  return useMemo(\n    () => ({\n      dataHook,\n      focusManagerEnabled,\n      interactions,\n      context,\n      appendTo,\n      zIndex,\n      open,\n      popoverStyles: {\n        ...context.floatingStyles,\n      },\n      portalRoot: positioning.portalRoot,\n    }),\n    [\n      dataHook,\n      focusManagerEnabled,\n      interactions,\n      context,\n      open,\n      zIndex,\n      appendTo,\n      positioning,\n    ],\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/PreviewWidget/PreviewWidget.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_PreviewWidget";
+var _namespace_ = "wds_1_163_0_PreviewWidget";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_PreviewWidget__root","contentArea":"wds_1_161_0_PreviewWidget__contentArea"};
+module.exports.classes = {"root":"wds_1_163_0_PreviewWidget__root","contentArea":"wds_1_163_0_PreviewWidget__contentArea"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Proportion/Proportion.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_Proportion";
+var _namespace_ = "wds_1_163_0_Proportion";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_Proportion__root","ratioHolder":"wds_1_161_0_Proportion__ratioHolder","contentWrapper":"wds_1_161_0_Proportion__contentWrapper"};
+module.exports.classes = {"root":"wds_1_163_0_Proportion__root","ratioHolder":"wds_1_163_0_Proportion__ratioHolder","contentWrapper":"wds_1_163_0_Proportion__contentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PulseAnimation/PulseAnimation.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_PulseAnimation";
+var _namespace_ = "wds_1_163_0_PulseAnimation";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_PulseAnimation__root"};
-module.exports.keyframes = {"pulseSmallB10":"wds_1_161_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_161_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_161_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_161_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_161_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_161_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_161_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_161_0_PulseAnimation__pulseMediumG10"}; 
+module.exports.classes = {"root":"wds_1_163_0_PulseAnimation__root"};
+module.exports.keyframes = {"pulseSmallB10":"wds_1_163_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_163_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_163_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_163_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_163_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_163_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_163_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_163_0_PulseAnimation__pulseMediumG10"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"animationDuration":"1050ms","smallShadowSpread":"30px","mediumShadowSpread":"12px"}; 

package/dist/cjs/RadarChart/RadarChart.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_RadarChart";
+var _namespace_ = "wds_1_163_0_RadarChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_RadarChart__root","text-tiny-thin":"wds_1_161_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_161_0_StylableTypography__text-small-thin","axis":"wds_1_161_0_RadarChart__axis","axisLabel":"wds_1_161_0_RadarChart__axisLabel","circles":"wds_1_161_0_RadarChart__circles","scaleLabel":"wds_1_161_0_RadarChart__scaleLabel","dataPoint":"wds_1_161_0_RadarChart__dataPoint","tooltip":"wds_1_161_0_RadarChart__tooltip"};
+module.exports.classes = {"root":"wds_1_163_0_RadarChart__root","text-tiny-thin":"wds_1_163_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_163_0_StylableTypography__text-small-thin","axis":"wds_1_163_0_RadarChart__axis","axisLabel":"wds_1_163_0_RadarChart__axisLabel","circles":"wds_1_163_0_RadarChart__circles","scaleLabel":"wds_1_163_0_RadarChart__scaleLabel","dataPoint":"wds_1_163_0_RadarChart__dataPoint","tooltip":"wds_1_163_0_RadarChart__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Radio/Radio.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_Radio";
+var _namespace_ = "wds_1_163_0_Radio";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_Radio__root","input":"wds_1_161_0_Radio__input","icon":"wds_1_161_0_Radio__icon","label":"wds_1_161_0_Radio__label","labelText":"wds_1_161_0_Radio__labelText"};
+module.exports.classes = {"root":"wds_1_163_0_Radio__root","input":"wds_1_163_0_Radio__input","icon":"wds_1_163_0_Radio__icon","label":"wds_1_163_0_Radio__label","labelText":"wds_1_163_0_Radio__labelText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/RadioGroup/RadioGroup.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_RadioGroup";
+var _namespace_ = "wds_1_163_0_RadioGroup";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_RadioGroup__root","mobile":"wds_1_161_0_WixDesignSystemProvider__mobile","radio":"wds_1_161_0_RadioGroup__radio","radioContainer":"wds_1_161_0_RadioGroup__radioContainer","optionContainer":"wds_1_161_0_RadioGroup__optionContainer","content":"wds_1_161_0_RadioGroup__content"};
+module.exports.classes = {"root":"wds_1_163_0_RadioGroup__root","mobile":"wds_1_163_0_WixDesignSystemProvider__mobile","radio":"wds_1_163_0_RadioGroup__radio","radioContainer":"wds_1_163_0_RadioGroup__radioContainer","optionContainer":"wds_1_163_0_RadioGroup__optionContainer","content":"wds_1_163_0_RadioGroup__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Range/Range.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_Range";
+var _namespace_ = "wds_1_163_0_Range";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_Range__root","firstinput":"wds_1_161_0_Range__firstinput","firstDate":"wds_1_161_0_Range__firstDate","lastinput":"wds_1_161_0_Range__lastinput","lastDate":"wds_1_161_0_Range__lastDate","label":"wds_1_161_0_Range__label","inputWrapper":"wds_1_161_0_Range__inputWrapper"};
+module.exports.classes = {"root":"wds_1_163_0_Range__root","firstinput":"wds_1_163_0_Range__firstinput","firstDate":"wds_1_163_0_Range__firstDate","lastinput":"wds_1_163_0_Range__lastinput","lastDate":"wds_1_163_0_Range__lastDate","label":"wds_1_163_0_Range__label","inputWrapper":"wds_1_163_0_Range__inputWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/RichTextInputArea/Form/RichTextInputAreaForm.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_161_0_RichTextInputAreaForm";
+var _namespace_ = "wds_1_163_0_RichTextInputAreaForm";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_RichTextInputAreaForm__root","footer":"wds_1_161_0_RichTextInputAreaForm__footer"};
+module.exports.classes = {"root":"wds_1_163_0_RichTextInputAreaForm__root","footer":"wds_1_163_0_RichTextInputAreaForm__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};