@dropins/tools 1.9.0-alpha-20260515103751 → 1.9.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (193) hide show
  1. package/CHANGELOG.md +1 -12
  2. package/chunks/Image.js +1 -1
  3. package/chunks/Image.js.map +1 -1
  4. package/chunks/preact-vendor.js +1 -1
  5. package/components.d.ts +1 -1
  6. package/components.js +1 -1
  7. package/components.js.map +1 -1
  8. package/event-bus.d.ts +1 -1
  9. package/fetch-graphql.d.ts +1 -1
  10. package/i18n.d.ts +1 -1
  11. package/i18n.js +1 -1
  12. package/initializer.d.ts +1 -1
  13. package/lib/aem/assets.d.ts +1 -1
  14. package/lib/aem/assets.js +1 -1
  15. package/lib/aem/configs.d.ts +1 -1
  16. package/lib/aem/configs.js +1 -1
  17. package/lib.d.ts +1 -1
  18. package/package.json +1 -1
  19. package/preact-compat.d.ts +1 -1
  20. package/preact-hooks.d.ts +1 -1
  21. package/preact-jsx-runtime.d.ts +1 -1
  22. package/preact.d.ts +1 -1
  23. package/recaptcha.d.ts +1 -1
  24. package/recaptcha.js +5 -5
  25. package/recaptcha.js.map +1 -1
  26. package/shims/importmap.d.ts +1 -1
  27. package/signals.d.ts +1 -1
  28. package/{src → types/elsie/src}/components/Accordion/Accordion.d.ts +5 -5
  29. package/{src/components/ActionButton → types/elsie/src/components/Accordion}/index.d.ts +2 -1
  30. package/{src → types/elsie/src}/components/ActionButton/ActionButton.d.ts +1 -0
  31. package/{src/components/Card → types/elsie/src/components/ActionButton}/index.d.ts +1 -1
  32. package/{src → types/elsie/src}/components/ActionButtonGroup/ActionButtonGroup.d.ts +2 -1
  33. package/{src/components/Icon → types/elsie/src/components/ActionButtonGroup}/index.d.ts +1 -1
  34. package/{src → types/elsie/src}/components/AlertBanner/AlertBanner.d.ts +1 -0
  35. package/types/elsie/src/components/AlertBanner/index.d.ts +11 -0
  36. package/{src → types/elsie/src}/components/Breadcrumbs/Breadcrumbs.d.ts +1 -0
  37. package/types/elsie/src/components/Breadcrumbs/index.d.ts +11 -0
  38. package/{src → types/elsie/src}/components/Button/Button.d.ts +1 -0
  39. package/{src/components/Field → types/elsie/src/components/Button}/index.d.ts +2 -1
  40. package/{src → types/elsie/src}/components/Card/Card.d.ts +1 -0
  41. package/types/elsie/src/components/Card/index.d.ts +10 -0
  42. package/{src → types/elsie/src}/components/CartItem/CartItem.d.ts +1 -0
  43. package/{src → types/elsie/src}/components/CartItem/CartItemSkeleton.d.ts +1 -0
  44. package/types/elsie/src/components/CartItem/index.d.ts +12 -0
  45. package/{src → types/elsie/src}/components/CartList/CartList.d.ts +1 -0
  46. package/types/elsie/src/components/CartList/index.d.ts +11 -0
  47. package/{src → types/elsie/src}/components/Checkbox/Checkbox.d.ts +1 -0
  48. package/types/elsie/src/components/Checkbox/index.d.ts +10 -0
  49. package/{src → types/elsie/src}/components/ColorSwatch/ColorSwatch.d.ts +1 -0
  50. package/types/elsie/src/components/ColorSwatch/index.d.ts +11 -0
  51. package/{src → types/elsie/src}/components/ContentGrid/ContentGrid.d.ts +1 -0
  52. package/types/elsie/src/components/ContentGrid/index.d.ts +11 -0
  53. package/{src → types/elsie/src}/components/Divider/Divider.d.ts +1 -0
  54. package/types/elsie/src/components/Divider/index.d.ts +11 -0
  55. package/{src → types/elsie/src}/components/Field/Field.d.ts +1 -0
  56. package/types/elsie/src/components/Field/index.d.ts +10 -0
  57. package/{src → types/elsie/src}/components/Header/Header.d.ts +1 -0
  58. package/{src/components/Checkbox → types/elsie/src/components/Header}/index.d.ts +2 -1
  59. package/{src → types/elsie/src}/components/Icon/Icon.d.ts +1 -0
  60. package/types/elsie/src/components/Icon/index.d.ts +10 -0
  61. package/{src → types/elsie/src}/components/IllustratedMessage/IllustratedMessage.d.ts +1 -0
  62. package/types/elsie/src/components/IllustratedMessage/index.d.ts +11 -0
  63. package/{src → types/elsie/src}/components/Image/Image.d.ts +2 -1
  64. package/types/elsie/src/components/Image/index.d.ts +10 -0
  65. package/{src → types/elsie/src}/components/ImageSwatch/ImageSwatch.d.ts +2 -1
  66. package/types/elsie/src/components/ImageSwatch/index.d.ts +11 -0
  67. package/{src → types/elsie/src}/components/InLineAlert/InLineAlert.d.ts +1 -0
  68. package/types/elsie/src/components/InLineAlert/index.d.ts +11 -0
  69. package/{src → types/elsie/src}/components/Incrementer/Incrementer.d.ts +1 -0
  70. package/types/elsie/src/components/Incrementer/index.d.ts +10 -0
  71. package/{src → types/elsie/src}/components/Input/Input.d.ts +1 -0
  72. package/types/elsie/src/components/Input/index.d.ts +11 -0
  73. package/{src → types/elsie/src}/components/InputDate/InputDate.d.ts +2 -1
  74. package/types/elsie/src/components/InputDate/index.d.ts +11 -0
  75. package/{src → types/elsie/src}/components/InputFile/InputFile.d.ts +1 -0
  76. package/types/elsie/src/components/InputFile/index.d.ts +11 -0
  77. package/{src → types/elsie/src}/components/InputPassword/InputPassword.d.ts +1 -0
  78. package/{src → types/elsie/src}/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.d.ts +1 -0
  79. package/types/elsie/src/components/InputPassword/PasswordStatusIndicator/index.d.ts +11 -0
  80. package/types/elsie/src/components/InputPassword/index.d.ts +11 -0
  81. package/{src → types/elsie/src}/components/Modal/Modal.d.ts +1 -0
  82. package/types/elsie/src/components/Modal/index.d.ts +10 -0
  83. package/{src → types/elsie/src}/components/MultiSelect/MultiSelect.d.ts +1 -0
  84. package/types/elsie/src/components/MultiSelect/index.d.ts +11 -0
  85. package/{src → types/elsie/src}/components/Pagination/Pagination.d.ts +1 -0
  86. package/{src → types/elsie/src}/components/Pagination/PaginationButton.d.ts +1 -0
  87. package/types/elsie/src/components/Pagination/index.d.ts +11 -0
  88. package/{src → types/elsie/src}/components/Picker/Picker.d.ts +1 -0
  89. package/types/elsie/src/components/Picker/index.d.ts +10 -0
  90. package/{src → types/elsie/src}/components/Portal/Portal.d.ts +1 -0
  91. package/{src → types/elsie/src}/components/Price/Price.d.ts +1 -0
  92. package/types/elsie/src/components/Price/index.d.ts +10 -0
  93. package/{src → types/elsie/src}/components/PriceRange/PriceRange.d.ts +1 -0
  94. package/types/elsie/src/components/PriceRange/index.d.ts +11 -0
  95. package/{src → types/elsie/src}/components/ProductItemCard/ProductItemCard.d.ts +1 -0
  96. package/{src → types/elsie/src}/components/ProductItemCard/ProductItemCardSkeleton.d.ts +1 -0
  97. package/types/elsie/src/components/ProductItemCard/index.d.ts +11 -0
  98. package/{src → types/elsie/src}/components/ProgressSpinner/ProgressSpinner.d.ts +1 -0
  99. package/types/elsie/src/components/ProgressSpinner/index.d.ts +11 -0
  100. package/{src → types/elsie/src}/components/RadioButton/RadioButton.d.ts +1 -0
  101. package/types/elsie/src/components/RadioButton/index.d.ts +11 -0
  102. package/{src → types/elsie/src}/components/Skeleton/Skeleton.d.ts +1 -0
  103. package/types/elsie/src/components/Skeleton/index.d.ts +10 -0
  104. package/{src → types/elsie/src}/components/Table/Table.d.ts +1 -0
  105. package/{src/components/Image → types/elsie/src/components/Table}/index.d.ts +3 -2
  106. package/{src → types/elsie/src}/components/Tag/Tag.d.ts +1 -0
  107. package/types/elsie/src/components/Tag/index.d.ts +11 -0
  108. package/{src → types/elsie/src}/components/TextArea/TextArea.d.ts +1 -0
  109. package/types/elsie/src/components/TextArea/index.d.ts +11 -0
  110. package/{src → types/elsie/src}/components/TextSwatch/TextSwatch.d.ts +1 -0
  111. package/types/elsie/src/components/TextSwatch/index.d.ts +11 -0
  112. package/{src → types/elsie/src}/components/ToggleButton/ToggleButton.d.ts +1 -0
  113. package/{src/components/ActionButtonGroup → types/elsie/src/components/ToggleButton}/index.d.ts +2 -1
  114. package/{src → types/elsie/src}/components/UIProvider/UIProvider.d.ts +3 -2
  115. package/types/elsie/src/components/UIProvider/index.d.ts +10 -0
  116. package/types/elsie/src/components/index.d.ts +53 -0
  117. package/{src → types/elsie/src}/lib/aem/assets.d.ts +2 -1
  118. package/{src → types/elsie/src}/lib/classes.d.ts +1 -0
  119. package/types/elsie/src/lib/index.d.ts +28 -0
  120. package/{src → types/elsie/src}/lib/initializer.d.ts +2 -1
  121. package/{src → types/elsie/src}/lib/render.d.ts +3 -2
  122. package/{src → types/elsie/src}/lib/slot.d.ts +2 -1
  123. package/{src → types/elsie/src}/lib/tests.d.ts +2 -1
  124. package/{src → types/elsie/src}/lib/types.d.ts +1 -0
  125. package/{src → types/elsie/src}/lib/vcomponent.d.ts +1 -0
  126. package/types/event-bus/src/events-catalog.d.ts +24 -0
  127. package/types/event-bus/src/index.d.ts +66 -0
  128. package/types/fetch-graphql/src/index.d.ts +252 -0
  129. package/types/recaptcha/src/configs/index.d.ts +12 -0
  130. package/{src/components/AlertBanner/index.d.ts → types/recaptcha/src/configs/message.config.d.ts} +9 -3
  131. package/types/recaptcha/src/configs/recaptchaBadgeSelector.config.d.ts +10 -0
  132. package/types/recaptcha/src/configs/typeForms.config.d.ts +10 -0
  133. package/types/recaptcha/src/graphql/recaptchaConfig.graphql.d.ts +2 -0
  134. package/types/recaptcha/src/index.d.ts +47 -0
  135. package/types/recaptcha/src/lib/_checkRecaptchaBadge.d.ts +10 -0
  136. package/types/recaptcha/src/lib/_convertKeysToCamelCase.d.ts +14 -0
  137. package/types/recaptcha/src/lib/_extendConfig.d.ts +4 -0
  138. package/types/recaptcha/src/lib/_storageConfig.d.ts +6 -0
  139. package/{src/components/Button → types/recaptcha/src/lib}/index.d.ts +4 -2
  140. package/types/recaptcha/src/services/recaptcha.service.d.ts +6 -0
  141. package/src/components/Accordion/index.d.ts +0 -11
  142. package/src/components/Breadcrumbs/index.d.ts +0 -11
  143. package/src/components/CartItem/index.d.ts +0 -12
  144. package/src/components/CartList/index.d.ts +0 -11
  145. package/src/components/ColorSwatch/index.d.ts +0 -11
  146. package/src/components/ContentGrid/index.d.ts +0 -11
  147. package/src/components/Divider/index.d.ts +0 -11
  148. package/src/components/Header/index.d.ts +0 -11
  149. package/src/components/IllustratedMessage/index.d.ts +0 -11
  150. package/src/components/ImageSwatch/index.d.ts +0 -11
  151. package/src/components/InLineAlert/index.d.ts +0 -11
  152. package/src/components/Incrementer/index.d.ts +0 -10
  153. package/src/components/Input/index.d.ts +0 -11
  154. package/src/components/InputDate/index.d.ts +0 -11
  155. package/src/components/InputFile/index.d.ts +0 -11
  156. package/src/components/InputPassword/PasswordStatusIndicator/index.d.ts +0 -11
  157. package/src/components/InputPassword/index.d.ts +0 -11
  158. package/src/components/Modal/index.d.ts +0 -10
  159. package/src/components/MultiSelect/index.d.ts +0 -11
  160. package/src/components/Pagination/index.d.ts +0 -11
  161. package/src/components/Picker/index.d.ts +0 -10
  162. package/src/components/Price/index.d.ts +0 -10
  163. package/src/components/PriceRange/index.d.ts +0 -11
  164. package/src/components/ProductItemCard/index.d.ts +0 -11
  165. package/src/components/ProgressSpinner/index.d.ts +0 -11
  166. package/src/components/RadioButton/index.d.ts +0 -11
  167. package/src/components/Skeleton/index.d.ts +0 -10
  168. package/src/components/Table/index.d.ts +0 -11
  169. package/src/components/Tag/index.d.ts +0 -11
  170. package/src/components/TextArea/index.d.ts +0 -11
  171. package/src/components/TextSwatch/index.d.ts +0 -11
  172. package/src/components/ToggleButton/index.d.ts +0 -11
  173. package/src/components/UIProvider/index.d.ts +0 -10
  174. package/src/components/index.d.ts +0 -53
  175. package/src/lib/index.d.ts +0 -28
  176. /package/{src → types/elsie/src}/i18n/index.d.ts +0 -0
  177. /package/{src → types/elsie/src}/icons/index.d.ts +0 -0
  178. /package/{src → types/elsie/src}/lib/aem/configs.d.ts +0 -0
  179. /package/{src → types/elsie/src}/lib/config.d.ts +0 -0
  180. /package/{src → types/elsie/src}/lib/debounce.d.ts +0 -0
  181. /package/{src → types/elsie/src}/lib/deepmerge.d.ts +0 -0
  182. /package/{src → types/elsie/src}/lib/deviceUtils.d.ts +0 -0
  183. /package/{src → types/elsie/src}/lib/form-values.d.ts +0 -0
  184. /package/{src → types/elsie/src}/lib/get-cookie.d.ts +0 -0
  185. /package/{src → types/elsie/src}/lib/get-path-value.d.ts +0 -0
  186. /package/{src → types/elsie/src}/lib/get-price-formatter.d.ts +0 -0
  187. /package/{src → types/elsie/src}/lib/i18n.d.ts +0 -0
  188. /package/{src → types/elsie/src}/lib/image-params-keymap.d.ts +0 -0
  189. /package/{src → types/elsie/src}/lib/is-number.d.ts +0 -0
  190. /package/{src → types/elsie/src}/lib/locale-config.d.ts +0 -0
  191. /package/{src → types/elsie/src}/lib/resolve-image.d.ts +0 -0
  192. /package/{src → types/elsie/src}/lib/signals.d.ts +0 -0
  193. /package/{src → types/elsie/src}/shims/importmap.d.ts +0 -0
package/CHANGELOG.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @adobe-commerce/elsie
2
2
 
3
- ## 1.9.0-alpha-20260515103751
3
+ ## 1.9.0-beta.0
4
4
 
5
5
  ### Minor Changes
6
6
 
@@ -12,17 +12,6 @@
12
12
 
13
13
  Drop-ins must be rebuilt against this release to get the reduced request footprint. No source changes are required.
14
14
 
15
- - b9e4104: Upgrade TypeScript from 4.7 to 6.0
16
-
17
- - Upgraded `typescript` from `^4.7.3` to `^6.0.3`
18
- - Upgraded `@typescript-eslint/parser` and `@typescript-eslint/eslint-plugin` from `^5.32.0` to `^8.59.3`
19
- - Upgraded `vite-plugin-dts` from `^3.9.1` to `^4.5.4`
20
- - Fixed tsconfig breaking changes: `moduleResolution: "node"` → `"bundler"` (recaptcha), explicit `types` arrays, `skipLibCheck: true` (elsie), `rootDir` (fetch-graphql)
21
- - Retained `baseUrl` in elsie tsconfig with `ignoreDeprecations: "6.0"` for `babel-plugin-tsconfig-paths` compatibility (Storybook build)
22
- - Fixed ~65 source-level type errors across all packages (stricter inference in TS6)
23
- - `AccordionSectionProps`: `title` is now an explicit required `ComponentChildren` prop (was inherited as optional `string` from `HTMLAttributes`); `ariaLabelTitle` is now optional
24
- - Added `elsie tsc [--config <path>]` CLI command to validate `tsconfig.json` for TS6 incompatible/deprecated settings and run `tsc --noEmit` using the consumer's local TypeScript
25
-
26
15
  ## 1.8.1
27
16
 
28
17
  ### Patch Changes
package/chunks/Image.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
- import{G as x,T as m,u as s,e as S,k as y,h as v}from"./preact-vendor.js";import{d as r}from"./cjs.js";import{R as f,g as T,c as I}from"./vcomponent.js";const A={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{placeholder:"Password",floatingLabel:"Password",buttonShowTitle:"Click to show password",buttonHideTitle:"Click to hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"},Table:{sortedAscending:"Sort {label} ascending",sortedDescending:"Sort {label} descending",sortBy:"Sort by {label}"},MultiSelect:{selectAll:"Select All",deselectAll:"Deselect All",placeholder:"Select options",noResultsText:"No options available",ariaLabel:{removed:"removed",added:"added",itemsSelected:"items selected",itemsAdded:"items added",itemsRemoved:"items removed",selectedTotal:"selected total",noResultsFor:"No results found for",optionsAvailable:"options available",dropdownExpanded:"Dropdown expanded",useArrowKeys:"Use arrow keys to navigate",removeFromSelection:"Remove",fromSelection:"from selection",selectedItem:"Selected item:",inField:" in {floatingLabel}",selectedItems:"Selected items",scrollableOptionsList:"Scrollable options list",selectOptions:"Select options",itemAction:"{label} {action}. {count} items selected.",bulkAdded:"{count} items added. {total} items selected total.",bulkRemoved:"{count} items removed. {total} items selected total.",dropdownExpandedWithOptions:"Dropdown expanded. {count} option{s} available. Use arrow keys to navigate.",selectedItemInField:"Selected item: {label} in {field}",removeFromSelectionWithText:"Remove {label} from selection. {text}",itemsSelectedDescription:"{count} item{s} selected: {labels}",noItemsSelected:"No items selected"}}},d={Dropin:A},c={default:d,en_US:d},k=e=>r(c.default,c[e]||{}),L=x({locale:"en-US"}),P=({lang:e="en_US",langDefinitions:t={},children:a})=>{const i=m(()=>{const o=r(t.default,t[e]??{});return r(k(e),o)},[e,t]),l=e.replace("_","-"),n=s(y,{children:a});return s(L.Provider,{value:{locale:l},children:s(S,{definition:i,children:n})})},R=new f(s(P,{})),U=({className:e,src:t,params:a,loading:i="lazy",srcSet:l,sizes:n,onLoad:o,...u})=>{const[p,b]=v(!1),h=m(()=>{if(l)return l;if(!(!t||!a))return T(t,{...a})},[a,t,l]),g=w=>{b(!0),o==null||o(w)};return s("img",{...u,className:I(["dropin-image",["dropin-image--loaded",p],e]),loading:i,onLoad:g,src:t,srcSet:h,sizes:n})};export{U as I,L as U,P as a,R as p};
3
+ import{G as x,T as m,u as o,e as S,k as y,h as f}from"./preact-vendor.js";import{d as r}from"./cjs.js";import{R as v,g as T,c as I}from"./vcomponent.js";const A={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{placeholder:"Password",floatingLabel:"Password",buttonShowTitle:"Click to show password",buttonHideTitle:"Click to hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"},Table:{sortedAscending:"Sort {label} ascending",sortedDescending:"Sort {label} descending",sortBy:"Sort by {label}"},MultiSelect:{selectAll:"Select All",deselectAll:"Deselect All",placeholder:"Select options",noResultsText:"No options available",ariaLabel:{removed:"removed",added:"added",itemsSelected:"items selected",itemsAdded:"items added",itemsRemoved:"items removed",selectedTotal:"selected total",noResultsFor:"No results found for",optionsAvailable:"options available",dropdownExpanded:"Dropdown expanded",useArrowKeys:"Use arrow keys to navigate",removeFromSelection:"Remove",fromSelection:"from selection",selectedItem:"Selected item:",inField:" in {floatingLabel}",selectedItems:"Selected items",scrollableOptionsList:"Scrollable options list",selectOptions:"Select options",itemAction:"{label} {action}. {count} items selected.",bulkAdded:"{count} items added. {total} items selected total.",bulkRemoved:"{count} items removed. {total} items selected total.",dropdownExpandedWithOptions:"Dropdown expanded. {count} option{s} available. Use arrow keys to navigate.",selectedItemInField:"Selected item: {label} in {field}",removeFromSelectionWithText:"Remove {label} from selection. {text}",itemsSelectedDescription:"{count} item{s} selected: {labels}",noItemsSelected:"No items selected"}}},d={Dropin:A},c={default:d,en_US:d},k=e=>r(c.default,c[e]||{}),L=x({locale:"en-US"}),P=({lang:e="en_US",langDefinitions:t={},children:a})=>{const s=m(()=>{const i=r(t.default,t[e]??{});return r(k(e),i)},[e,t]),l=e.replace("_","-");return o(L.Provider,{value:{locale:l},children:o(S,{definition:s,children:o(y,{children:a})})})},R=new v(o(P,{})),U=({className:e,src:t,params:a,loading:s="lazy",srcSet:l,sizes:i,onLoad:n,...u})=>{const[p,b]=f(!1),h=m(()=>{if(l)return l;if(!(!t||!a))return T(t,{...a})},[a,t,l]),g=w=>{b(!0),n==null||n(w)};return o("img",{...u,className:I(["dropin-image",["dropin-image--loaded",p],e]),loading:s,onLoad:g,src:t,srcSet:h,sizes:i})};export{U as I,L as U,P as a,R as p};
4
4
  //# sourceMappingURL=Image.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Image.js","sources":["/@dropins/tools/src/i18n/index.ts","/@dropins/tools/src/components/UIProvider/UIProvider.tsx","/@dropins/tools/src/components/Image/Image.tsx"],"sourcesContent":["/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { deepmerge } from '@adobe-commerce/elsie/lib';\nimport en_US from '@adobe-commerce/elsie/i18n/en_US.json';\n\nexport type Lang = 'en_US';\n\nexport const definition = {\n default: en_US,\n en_US,\n};\n\n// https://github.com/synacor/preact-i18n\n// eslint-disable-next-line no-restricted-imports\nexport * from 'preact-i18n';\n\nexport const getDefinitionByLanguage = (lang: Lang) => {\n return deepmerge(definition.default, definition[lang] || {});\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, createContext, useMemo } from 'preact/compat';\nimport { deepmerge, Render } from '@adobe-commerce/elsie/lib';\nimport { IntlProvider, getDefinitionByLanguage, Lang } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/UIProvider/UIProvider.css';\nimport '@adobe-commerce/elsie/components/UIProvider/normalize.css';\n\nexport const UIContext = createContext<{\n locale: string;\n}>({\n locale: 'en-US',\n});\n\ntype LangDefinitions = { [key: string]: any };\n\nexport interface UIProviderProps extends HTMLAttributes<HTMLDivElement> {\n lang?: Lang; // ... list of other supported languages\n langDefinitions?: LangDefinitions;\n}\n\nexport const UIProvider: FunctionComponent<UIProviderProps> = ({\n lang = 'en_US',\n langDefinitions = {},\n children,\n}) => {\n const definitions = useMemo(() => {\n // Merge default definition with selected definition\n const selectedDefinitions: LangDefinitions = deepmerge(\n langDefinitions.default,\n langDefinitions[lang] ?? {}\n );\n\n // Merge SDK default definitions with custom definitions\n return deepmerge(\n getDefinitionByLanguage(lang), // SDK default definitions\n selectedDefinitions // Custom definitions\n );\n }, [lang, langDefinitions]);\n\n const locale = lang.replace('_', '-');\n const providerChildren = <>{children}</>;\n\n return (\n <UIContext.Provider value={{ locale }}>\n {\n // @ts-expect-error - preact-i18n IntlProvider JSX types are incompatible with TS6, but render correctly at runtime.\n <IntlProvider definition={definitions}>{providerChildren}</IntlProvider>\n }\n </UIContext.Provider>\n );\n};\n\nexport const provider = new Render(<UIProvider />);","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo, useState } from 'preact/compat';\nimport {\n classes,\n generateSrcset,\n ResolveImageUrlOptions,\n} from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Image/Image.css';\n\nexport interface ImageProps extends HTMLAttributes<HTMLDivElement> {\n params?: ResolveImageUrlOptions;\n src: string;\n sizes?: string;\n onLoad?: (e: any) => void;\n}\nexport const Image: FunctionComponent<ImageProps> = ({\n className,\n src,\n params,\n loading = 'lazy',\n srcSet,\n sizes,\n onLoad,\n ...props\n}) => {\n const [loaded, setLoaded] = useState(false);\n\n const _srcSet = useMemo(() => {\n // If srcSet is provided, use it\n if (srcSet) return srcSet;\n\n // If src is not provided, return \"undefined\"\n if (!src || !params) return;\n\n // Otherwise, generate srcSet based on params\n return generateSrcset(src, { ...params });\n }, [params, src, srcSet]);\n\n // Add class at image onLoad\n const onLoadHandler = (e: any) => {\n setLoaded(true); \n onLoad?.(e);\n };\n\n return (\n <img\n {...props}\n className={classes([\n 'dropin-image',\n ['dropin-image--loaded', loaded],\n className,\n ])}\n loading={loading}\n onLoad={onLoadHandler}\n src={src}\n srcSet={_srcSet}\n sizes={sizes}\n />\n );\n};\n"],"names":["definition","en_US","getDefinitionByLanguage","lang","deepmerge","UIContext","createContext","UIProvider","langDefinitions","children","definitions","useMemo","selectedDefinitions","locale","providerChildren","jsx","IntlProvider","provider","Render","Image","className","src","params","loading","srcSet","sizes","onLoad","props","loaded","setLoaded","useState","_srcSet","generateSrcset","onLoadHandler","e","classes"],"mappings":"iqHAcaA,EAAa,CACxB,QAASC,EACT,MAAAA,CACF,EAMaC,EAA2BC,GAC/BC,EAAUJ,EAAW,QAASA,EAAWG,CAAI,GAAK,EAAE,ECPhDE,EAAYC,EAEtB,CACD,OAAQ,OACV,CAAC,EASYC,EAAiD,CAAC,CAC7D,KAAAJ,EAAO,QACP,gBAAAK,EAAkB,CAAA,EAClB,SAAAC,CACF,IAAM,CACJ,MAAMC,EAAcC,EAAQ,IAAM,CAEhC,MAAMC,EAAuCR,EAC3CI,EAAgB,QAChBA,EAAgBL,CAAI,GAAK,CAAA,CAAC,EAI5B,OAAOC,EACLF,EAAwBC,CAAI,EAC5BS,CAAA,CAEJ,EAAG,CAACT,EAAMK,CAAe,CAAC,EAEpBK,EAASV,EAAK,QAAQ,IAAK,GAAG,EAC9BW,OAAsB,SAAAL,CAAA,CAAS,EAErC,OACEM,EAACV,EAAU,SAAV,CAAmB,MAAO,CAAE,OAAAQ,CAAA,EAGzB,SAAAE,EAACC,EAAA,CAAa,WAAYN,EAAc,SAAAI,CAAA,CAAiB,CAAA,CAE7D,CAEJ,EAEaG,EAAW,IAAIC,EAAOH,EAACR,IAAW,CAAE,ECtCpCY,EAAuC,CAAC,CACnD,UAAAC,EACA,IAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,OACV,OAAAC,EACA,MAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,EAAK,EAEpCC,EAAUpB,EAAQ,IAAM,CAE5B,GAAIa,EAAQ,OAAOA,EAGnB,GAAI,GAACH,GAAO,CAACC,GAGb,OAAOU,EAAeX,EAAK,CAAE,GAAGC,EAAQ,CAC1C,EAAG,CAACA,EAAQD,EAAKG,CAAM,CAAC,EAGlBS,EAAiBC,GAAW,CAChCL,EAAU,EAAI,EACdH,GAAA,MAAAA,EAASQ,EACX,EAEA,OACEnB,EAAC,MAAA,CACE,GAAGY,EACJ,UAAWQ,EAAQ,CACjB,eACA,CAAC,uBAAwBP,CAAM,EAC/BR,CAAA,CACD,EACD,QAAAG,EACA,OAAQU,EACR,IAAAZ,EACA,OAAQU,EACR,MAAAN,CAAA,CAAA,CAGN"}
1
+ {"version":3,"file":"Image.js","sources":["/@dropins/tools/src/i18n/index.ts","/@dropins/tools/src/components/UIProvider/UIProvider.tsx","/@dropins/tools/src/components/Image/Image.tsx"],"sourcesContent":["/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { deepmerge } from '@adobe-commerce/elsie/lib';\nimport en_US from '@adobe-commerce/elsie/i18n/en_US.json';\n\nexport type Lang = 'en_US';\n\nexport const definition = {\n default: en_US,\n en_US,\n};\n\n// https://github.com/synacor/preact-i18n\n// eslint-disable-next-line no-restricted-imports\nexport * from 'preact-i18n';\n\nexport const getDefinitionByLanguage = (lang: Lang) => {\n return deepmerge(definition.default, definition[lang] || {});\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, createContext, useMemo } from 'preact/compat';\nimport { deepmerge, Render } from '@adobe-commerce/elsie/lib';\nimport { IntlProvider, getDefinitionByLanguage, Lang } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/UIProvider/UIProvider.css';\nimport '@adobe-commerce/elsie/components/UIProvider/normalize.css';\n\nexport const UIContext = createContext<{\n locale: string;\n}>({\n locale: 'en-US',\n});\n\ntype LangDefinitions = { [key: string]: any };\n\nexport interface UIProviderProps extends HTMLAttributes<HTMLDivElement> {\n lang?: Lang; // ... list of other supported languages\n langDefinitions?: LangDefinitions;\n}\n\nexport const UIProvider: FunctionComponent<UIProviderProps> = ({\n lang = 'en_US',\n langDefinitions = {},\n children,\n}) => {\n const definitions = useMemo(() => {\n // Merge default definition with selected definition\n const selectedDefinitions: LangDefinitions = deepmerge(\n langDefinitions.default,\n langDefinitions[lang] ?? {}\n );\n\n // Merge SDK default definitions with custom definitions\n return deepmerge(\n getDefinitionByLanguage(lang), // SDK default definitions\n selectedDefinitions // Custom definitions\n );\n }, [lang, langDefinitions]);\n\n const locale = lang.replace('_', '-');\n\n return (\n <UIContext.Provider value={{ locale }}>\n <IntlProvider definition={definitions}>\n <>{children}</>\n </IntlProvider>\n </UIContext.Provider>\n );\n};\n\nexport const provider = new Render(<UIProvider />);","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo, useState } from 'preact/compat';\nimport {\n classes,\n generateSrcset,\n ResolveImageUrlOptions,\n} from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Image/Image.css';\n\nexport interface ImageProps extends HTMLAttributes<HTMLDivElement> {\n params?: ResolveImageUrlOptions;\n src: string;\n sizes?: string;\n onLoad?: (e: any) => void;\n}\nexport const Image: FunctionComponent<ImageProps> = ({\n className,\n src,\n params,\n loading = 'lazy',\n srcSet,\n sizes,\n onLoad,\n ...props\n}) => {\n const [loaded, setLoaded] = useState(false);\n\n const _srcSet = useMemo(() => {\n // If srcSet is provided, use it\n if (srcSet) return srcSet;\n\n // If src is not provided, return \"undefined\"\n if (!src || !params) return;\n\n // Otherwise, generate srcSet based on params\n return generateSrcset(src, { ...params });\n }, [params, src, srcSet]);\n\n // Add class at image onLoad\n const onLoadHandler = (e: any) => {\n setLoaded(true); \n onLoad?.(e);\n };\n\n return (\n <img\n {...props}\n className={classes([\n 'dropin-image',\n ['dropin-image--loaded', loaded],\n className,\n ])}\n loading={loading}\n onLoad={onLoadHandler}\n src={src}\n srcSet={_srcSet}\n sizes={sizes}\n />\n );\n};\n"],"names":["definition","en_US","getDefinitionByLanguage","lang","deepmerge","UIContext","createContext","UIProvider","langDefinitions","children","definitions","useMemo","selectedDefinitions","locale","jsx","IntlProvider","Fragment","provider","Render","Image","className","src","params","loading","srcSet","sizes","onLoad","props","loaded","setLoaded","useState","_srcSet","generateSrcset","onLoadHandler","e","classes"],"mappings":"iqHAcaA,EAAa,CACxB,QAASC,EACT,MAAAA,CACF,EAMaC,EAA2BC,GAC/BC,EAAUJ,EAAW,QAASA,EAAWG,CAAI,GAAK,EAAE,ECPhDE,EAAYC,EAEtB,CACD,OAAQ,OACV,CAAC,EASYC,EAAiD,CAAC,CAC7D,KAAAJ,EAAO,QACP,gBAAAK,EAAkB,CAAA,EAClB,SAAAC,CACF,IAAM,CACJ,MAAMC,EAAcC,EAAQ,IAAM,CAEhC,MAAMC,EAAuCR,EAC3CI,EAAgB,QAChBA,EAAgBL,CAAI,GAAK,CAAA,CAAC,EAI5B,OAAOC,EACLF,EAAwBC,CAAI,EAC5BS,CAAA,CAEJ,EAAG,CAACT,EAAMK,CAAe,CAAC,EAEpBK,EAASV,EAAK,QAAQ,IAAK,GAAG,EAEpC,OACEW,EAACT,EAAU,SAAV,CAAmB,MAAO,CAAE,OAAAQ,CAAA,EAC3B,SAAAC,EAACC,GAAa,WAAYL,EACxB,SAAAI,EAAAE,EAAA,CAAG,SAAAP,CAAA,CAAS,EACd,EACF,CAEJ,EAEaQ,EAAW,IAAIC,EAAOJ,EAACP,IAAW,CAAE,ECpCpCY,EAAuC,CAAC,CACnD,UAAAC,EACA,IAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,OACV,OAAAC,EACA,MAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,EAAK,EAEpCC,EAAUpB,EAAQ,IAAM,CAE5B,GAAIa,EAAQ,OAAOA,EAGnB,GAAI,GAACH,GAAO,CAACC,GAGb,OAAOU,EAAeX,EAAK,CAAE,GAAGC,EAAQ,CAC1C,EAAG,CAACA,EAAQD,EAAKG,CAAM,CAAC,EAGlBS,EAAiBC,GAAW,CAChCL,EAAU,EAAI,EACdH,GAAA,MAAAA,EAASQ,EACX,EAEA,OACEpB,EAAC,MAAA,CACE,GAAGa,EACJ,UAAWQ,EAAQ,CACjB,eACA,CAAC,uBAAwBP,CAAM,EAC/BR,CAAA,CACD,EACD,QAAAG,EACA,OAAQU,EACR,IAAAZ,EACA,OAAQU,EACR,MAAAN,CAAA,CAAA,CAGN"}
@@ -10,5 +10,5 @@ var le,p,Nt,hn,I,Qe,St,De,Be,Me,We,Tt,ie={},At=[],mn=/acit|ex(?:s|g|n|p|$)|rph|g
10
10
  `),D=!1,H=0;H<W.length;H++){var Pe=W[H];if(Pe!=null&&Pe!==!1){var Y=te(Pe,t,n,!0,u==="svg"||u!=="foreignObject"&&o,i);if(_&&!V&&wt(Y)&&(V=!0),Y)if(_){var Ke=Y.length>0&&Y[0]!="<";D&&Ke?F[F.length-1]+=Y:F.push(Y),D=Ke}else F.push(Y)}}if(_&&V)for(var Oe=F.length;Oe--;)F[Oe]=`
11
11
  `+a+xt(F[Oe],a)}if(F.length||S)w+=F.join("");else if(n&&n.xml)return w.substring(0,w.length-1)+" />";return!Q||W||S?(_&&~w.indexOf(`
12
12
  `)&&(w+=`
13
- `),w=w+"</"+u+">"):w=w.replace(/>$/," />"),w}var Cr={shallow:!0};be.render=be;var Pr=function(e,t){return be(e,t,Cr)},Pt=[];function be(e,t,n){t=t||{};var r=p.__s;p.__s=!0;var o,i=P(U,null);return i.__k=[e],o=n&&(n.pretty||n.voidElements||n.sortAttributes||n.shallow||n.allAttributes||n.xml||n.attributeHook)?te(e,t,n):ne(e,t,!1,void 0,i),p.__c&&p.__c(e,Pt),p.__s=r,Pt.length=0,o}function Ue(e){return e==null||typeof e=="boolean"?null:typeof e=="string"||typeof e=="number"||typeof e=="bigint"?P(null,null,e):e}function Or(e,t){return e==="className"?"class":e==="htmlFor"?"for":e==="defaultValue"?"value":e==="defaultChecked"?"checked":e==="defaultSelected"?"selected":t&&pn.test(e)?e.toLowerCase().replace(/^xlink:?/,"xlink:"):e}function Er(e,t){return e==="style"&&t!=null&&typeof t=="object"?dn(t):e[0]==="a"&&e[1]==="r"&&typeof t=="boolean"?String(t):t}var Ot=Array.isArray,Et=Object.assign;function ne(e,t,n,r,o){if(e==null||e===!0||e===!1||e==="")return"";if(typeof e!="object")return typeof e=="function"?"":oe(e);if(Ot(e)){var i="";o.__k=e;for(var _=0;_<e.length;_++)i+=ne(e[_],t,n,r,o),e[_]=Ue(e[_]);return i}if(e.constructor!==void 0)return"";e.__=o,p.__b&&p.__b(e);var a=e.type,l=e.props;if(typeof a=="function"){var s;if(a===U)s=l.children;else{s=a.prototype&&typeof a.prototype.render=="function"?function(C,A){var v=C.type,m=ge(v,A),y=new v(C.props,m);C.__c=y,y.__v=C,y.__d=!0,y.props=C.props,y.state==null&&(y.state={}),y.__s==null&&(y.__s=y.state),y.context=m,v.getDerivedStateFromProps?y.state=Et({},y.state,v.getDerivedStateFromProps(y.props,y.state)):y.componentWillMount&&(y.componentWillMount(),y.state=y.__s!==y.state?y.__s:y.state);var L=p.__r;return L&&L(C),y.render(y.props,y.state,y.context)}(e,t):function(C,A){var v,m=vn(C,A),y=ge(C.type,A);C.__c=m;for(var L=p.__r,W=0;m.__d&&W++<25;)m.__d=!1,L&&L(C),v=C.type.call(m,C.props,y);return v}(e,t);var h=e.__c;h.getChildContext&&(t=Et({},t,h.getChildContext()))}var u=ne(s=s!=null&&s.type===U&&s.key==null?s.props.children:s,t,n,r,e);return p.diffed&&p.diffed(e),e.__=void 0,p.unmount&&p.unmount(e),u}var d,c,x="<";if(x+=a,l)for(var b in d=l.children,l){var f=l[b];if(!(b==="key"||b==="ref"||b==="__self"||b==="__source"||b==="children"||b==="className"&&"class"in l||b==="htmlFor"&&"for"in l||ye.test(b))){if(f=Er(b=Or(b,n),f),b==="dangerouslySetInnerHTML")c=f&&f.__html;else if(a==="textarea"&&b==="value")d=f;else if((f||f===0||f==="")&&typeof f!="function"){if(f===!0||f===""){f=b,x=x+" "+b;continue}if(b==="value"){if(a==="select"){r=f;continue}a!=="option"||r!=f||"selected"in l||(x+=" selected")}x=x+" "+b+'="'+oe(f)+'"'}}}var $=x;if(x+=">",ye.test(a))throw new Error(a+" is not a valid HTML tag name in "+x);var g="",T=!1;if(c)g+=c,T=!0;else if(typeof d=="string")g+=oe(d),T=!0;else if(Ot(d)){e.__k=d;for(var N=0;N<d.length;N++){var E=d[N];if(d[N]=Ue(E),E!=null&&E!==!1){var S=ne(E,t,a==="svg"||a!=="foreignObject"&&n,r,e);S&&(g+=S,T=!0)}}}else if(d!=null&&d!==!1&&d!==!0){e.__k=[Ue(d)];var w=ne(d,t,a==="svg"||a!=="foreignObject"&&n,r,e);w&&(g+=w,T=!0)}if(p.diffed&&p.diffed(e),e.__=void 0,p.unmount&&p.unmount(e),T)x+=g;else if(cn.test(a))return $+" />";return x+"</"+a+">"}be.shallowRender=Pr;export{Kn as $,Ht as A,_e as B,Re as C,Ft as D,ze as E,Sn as F,jt as G,q as H,Z as I,Qn as J,On as K,de as L,zn as M,En as N,tr as O,qt as P,Gn as Q,Tr as R,be as S,we as T,ee as U,Yn as V,Cn as W,jn as X,Kt as Y,Xn as Z,P as _,Ce as a,Qt as a0,tn as a1,nn as a2,en as a3,Sr as a4,Lr as a5,ar as a6,Ar as a7,yr as a8,z as a9,ae as aa,br as ab,sn as b,$r as c,se as d,un as e,ke as f,Bt as g,xe as h,j as i,Nr as j,U as k,p as l,yn as m,Vt as n,er as o,Ye as p,Rt as q,Bn as r,In as s,hn as t,_r as u,Zn as v,Ln as w,G as x,Ie as y,Jn as z};
13
+ `),w=w+"</"+u+">"):w=w.replace(/>$/," />"),w}var Cr={shallow:!0};be.render=be;var Pr=function(e,t){return be(e,t,Cr)},Pt=[];function be(e,t,n){t=t||{};var r=p.__s;p.__s=!0;var o,i=P(U,null);return i.__k=[e],o=n&&(n.pretty||n.voidElements||n.sortAttributes||n.shallow||n.allAttributes||n.xml||n.attributeHook)?te(e,t,n):ne(e,t,!1,void 0,i),p.__c&&p.__c(e,Pt),p.__s=r,Pt.length=0,o}function Ue(e){return e==null||typeof e=="boolean"?null:typeof e=="string"||typeof e=="number"||typeof e=="bigint"?P(null,null,e):e}function Or(e,t){return e==="className"?"class":e==="htmlFor"?"for":e==="defaultValue"?"value":e==="defaultChecked"?"checked":e==="defaultSelected"?"selected":t&&pn.test(e)?e.toLowerCase().replace(/^xlink:?/,"xlink:"):e}function Er(e,t){return e==="style"&&t!=null&&typeof t=="object"?dn(t):e[0]==="a"&&e[1]==="r"&&typeof t=="boolean"?String(t):t}var Ot=Array.isArray,Et=Object.assign;function ne(e,t,n,r,o){if(e==null||e===!0||e===!1||e==="")return"";if(typeof e!="object")return typeof e=="function"?"":oe(e);if(Ot(e)){var i="";o.__k=e;for(var _=0;_<e.length;_++)i+=ne(e[_],t,n,r,o),e[_]=Ue(e[_]);return i}if(e.constructor!==void 0)return"";e.__=o,p.__b&&p.__b(e);var a=e.type,l=e.props;if(typeof a=="function"){var s;if(a===U)s=l.children;else{s=a.prototype&&typeof a.prototype.render=="function"?function(C,A){var v=C.type,m=ge(v,A),y=new v(C.props,m);C.__c=y,y.__v=C,y.__d=!0,y.props=C.props,y.state==null&&(y.state={}),y.__s==null&&(y.__s=y.state),y.context=m,v.getDerivedStateFromProps?y.state=Et({},y.state,v.getDerivedStateFromProps(y.props,y.state)):y.componentWillMount&&(y.componentWillMount(),y.state=y.__s!==y.state?y.__s:y.state);var L=p.__r;return L&&L(C),y.render(y.props,y.state,y.context)}(e,t):function(C,A){var v,m=vn(C,A),y=ge(C.type,A);C.__c=m;for(var L=p.__r,W=0;m.__d&&W++<25;)m.__d=!1,L&&L(C),v=C.type.call(m,C.props,y);return v}(e,t);var h=e.__c;h.getChildContext&&(t=Et({},t,h.getChildContext()))}var u=ne(s=s!=null&&s.type===U&&s.key==null?s.props.children:s,t,n,r,e);return p.diffed&&p.diffed(e),e.__=void 0,p.unmount&&p.unmount(e),u}var d,c,x="<";if(x+=a,l)for(var b in d=l.children,l){var f=l[b];if(!(b==="key"||b==="ref"||b==="__self"||b==="__source"||b==="children"||b==="className"&&"class"in l||b==="htmlFor"&&"for"in l||ye.test(b))){if(f=Er(b=Or(b,n),f),b==="dangerouslySetInnerHTML")c=f&&f.__html;else if(a==="textarea"&&b==="value")d=f;else if((f||f===0||f==="")&&typeof f!="function"){if(f===!0||f===""){f=b,x=x+" "+b;continue}if(b==="value"){if(a==="select"){r=f;continue}a!=="option"||r!=f||"selected"in l||(x+=" selected")}x=x+" "+b+'="'+oe(f)+'"'}}}var $=x;if(x+=">",ye.test(a))throw new Error(a+" is not a valid HTML tag name in "+x);var g="",T=!1;if(c)g+=c,T=!0;else if(typeof d=="string")g+=oe(d),T=!0;else if(Ot(d)){e.__k=d;for(var N=0;N<d.length;N++){var E=d[N];if(d[N]=Ue(E),E!=null&&E!==!1){var S=ne(E,t,a==="svg"||a!=="foreignObject"&&n,r,e);S&&(g+=S,T=!0)}}}else if(d!=null&&d!==!1&&d!==!0){e.__k=[Ue(d)];var w=ne(d,t,a==="svg"||a!=="foreignObject"&&n,r,e);w&&(g+=w,T=!0)}if(p.diffed&&p.diffed(e),e.__=void 0,p.unmount&&p.unmount(e),T)x+=g;else if(cn.test(a))return $+" />";return x+"</"+a+">"}be.shallowRender=Pr;export{Kn as $,Ht as A,_e as B,Re as C,Ft as D,ze as E,Sn as F,jt as G,q as H,Z as I,Qn as J,On as K,de as L,zn as M,En as N,tr as O,qt as P,Gn as Q,Tr as R,be as S,we as T,ee as U,Yn as V,Cn as W,jn as X,Kt as Y,Xn as Z,P as _,sn as a,Qt as a0,tn as a1,nn as a2,en as a3,Sr as a4,Lr as a5,ar as a6,Ar as a7,yr as a8,z as a9,ae as aa,br as ab,Ce as b,$r as c,se as d,un as e,ke as f,Bt as g,xe as h,j as i,Nr as j,U as k,p as l,yn as m,Vt as n,er as o,Ye as p,Rt as q,Bn as r,In as s,hn as t,_r as u,Zn as v,Ln as w,G as x,Ie as y,Jn as z};
14
14
  //# sourceMappingURL=preact-vendor.js.map
package/components.d.ts CHANGED
@@ -1 +1 @@
1
- export {}
1
+ export * from './types/elsie/src/components/index'
package/components.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
- import{u as e,L as ve,h as U,y as q,F as y,q as C,a as _e,b as ge,A as X,c as R,g as $e,T as Z,N as Ee,E as Me,k as Y,d as Fe,x as Be}from"./chunks/preact-vendor.js";import{c as a,V as D}from"./chunks/vcomponent.js";import{I as We,U as He}from"./chunks/Image.js";import{a as ir,p as ar}from"./chunks/Image.js";import{S as se,a as ae,b as qe,c as Ue,d as Ke,e as re,f as me,g as Ge,h as je,i as ze,j as oe,k as Je}from"./chunks/icons.js";import{d as xe,i as Ne,a as Xe,b as Ye}from"./chunks/get-price-formatter.js";import"./chunks/image-params-keymap.js";import"./signals.js";import"./chunks/cjs.js";import"./chunks/locale-config.js";const we=1,j=({className:t,fullWidth:r=!1,lines:n=we,size:i="small",variant:l="row",children:o=null,multilineGap:s="medium",...d})=>{const p=[[`dropin-skeleton-row__${l}`,l],[`dropin-skeleton-row__${l}-${i}`,l&&i]];if(!o&&l==="empty")return e("div",{className:a(["dropin-skeleton-row dropin-skeleton-row__empty",t])});if(o){const b=o.trim();return e("div",{...d,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],t]),dangerouslySetInnerHTML:{__html:b}})}return n>we===!1?e("div",{...d,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...p,t])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${s})`},class:a(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],t]),children:Array.from({length:n}).map((b,m)=>e("div",{class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...p])},m))})},le=({className:t,children:r,rowGap:n="medium",...i})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...i,className:a(["dropin-skeleton",t]),role:"status","aria-label":"Loading...",children:r}),Ze=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),Qe=function(t){return"/"+t},ye={},k=function(r,n,i){let l=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const s=document.querySelector("meta[property=csp-nonce]"),d=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));l=Promise.allSettled(n.map(p=>{if(p=Qe(p),p in ye)return;ye[p]=!0;const c=p.endsWith(".css"),b=c?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${p}"]${b}`))return;const m=document.createElement("link");if(m.rel=c?"stylesheet":Ze,c||(m.as="script"),m.crossOrigin="",m.href=p,d&&m.setAttribute("nonce",d),document.head.appendChild(m),c)return new Promise((_,u)=>{m.addEventListener("load",_),m.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${p}`)))})}))}function o(s){const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=s,window.dispatchEvent(d),!d.defaultPrevented)throw s}return l.then(s=>{for(const d of s||[])d.status==="rejected"&&o(d.reason);return r().catch(o)})},ke={Add:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.A),[])),AddressBook:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.l),[])),Bulk:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.B),[])),Burger:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.m),[])),Business:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.n),[])),Card:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.C),[])),Cart:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.o),[])),Check:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.p),[])),CheckWithCircle:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.q),[])),ChevronDown:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.r),[])),ChevronRight:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.s),[])),ChevronUp:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.t),[])),Close:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.u),[])),Coupon:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.v),[])),Date:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.D),[])),Delivery:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.w),[])),Edit:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.E),[])),EmptyBox:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.x),[])),Eye:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.y),[])),EyeClose:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.z),[])),Gift:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.G),[])),GiftCard:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.F),[])),Heart:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.H),[])),HeartFilled:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.I),[])),InfoFilled:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.J),[])),List:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.L),[])),Locker:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.K),[])),Minus:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.M),[])),Order:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.O),[])),OrderError:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.N),[])),OrderSuccess:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.P),[])),PaymentError:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.Q),[])),Placeholder:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.R),[])),PlaceholderFilled:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.T),[])),Purchase:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.U),[])),Quote:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.V),[])),Search:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.W),[])),SearchFilled:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.X),[])),Sort:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.Y),[])),Star:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.Z),[])),Structure:y(()=>k(()=>import("./chunks/icons.js").then(t=>t._),[])),Team:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.$),[])),Trash:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a0),[])),User:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a1),[])),View:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a2),[])),Wallet:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a3),[])),Warning:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a4),[])),WarningFilled:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a5),[])),WarningWithCircle:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a6),[]))};function De(t){try{if(t.startsWith("//")){const n=`${window.location.protocol}${t}`;return new URL(n).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${t} - Only same-domain URLs are allowed`),!1):!0}return new URL(t).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${t} - Only same-domain URLs are allowed`),!1):!0}catch{return console.error(`[Icon] Invalid URL format: ${t}`),!1}}function et({url:t,...r}){const[n,i]=U(""),[l,o]=U(!0),[s,d]=U(!1);return q(()=>{fetch(t).then(p=>{if(!p.ok)throw console.error(`[Icon] Failed to fetch SVG: ${p.status} ${p.statusText}`),s;return p.text()}).then(p=>{try{if(!new DOMParser().parseFromString(p,"image/svg+xml").querySelector("svg"))throw new Error("No <svg> element found")}catch(b){b instanceof Error?console.error(`[Icon] Invalid SVG content from ${t}: ${b.message}`):console.error(`[Icon] Invalid SVG content from ${t}: ${String(b)}`),d(!0),o(!1)}let c=p;r.width&&(c=c.replace(/<svg([^>]*)\s+width\s*=\s*["'][^"']*["']/gi,"<svg$1"),c=c.replace(/<svg/i,`<svg width="${r.width}"`)),r.height&&(c=c.replace(/<svg([^>]*)\s+height\s*=\s*["'][^"']*["']/gi,"<svg$1"),c=c.replace(/<svg/i,`<svg height="${r.height}"`)),r.title&&(c=c.replace(/<title[^>]*>.*?<\/title>/gi,""),c=c.replace(/<svg([^>]*)>/i,`<svg$1><title>${r.title}</title>`)),i(c),o(!1)}).catch(p=>{p instanceof Error?console.error(`[Icon] ${p.message}`):console.error(`[Icon] ${String(p)}`),d(!0),o(!1)})},[t,r.width,r.height,r.title]),l||s?e("svg",{...r}):e("span",{className:r.className,style:{width:String(r.width),height:String(r.height),display:"inline-flex",lineHeight:0},dangerouslySetInnerHTML:{__html:n}})}function B({source:t,size:r="24",stroke:n="2",viewBox:i="0 0 24 24",className:l,...o}){const s={className:a(["dropin-icon",`dropin-icon--shape-stroke-${n}`,l]),width:r,height:r,viewBox:i},d=typeof t=="string"&&(t.startsWith("http")||t.startsWith("//")||t.startsWith("/"));if(d&&De(t))return e(ve,{fallback:e("svg",{...o,...s}),children:e(et,{url:t,...o,...s})});const p=typeof t=="string"&&t in ke?ke[t]:null,c=d&&!De(t);return e(ve,{fallback:e("svg",{...o,...s}),children:p?e(p,{...o,...s}):c?e("svg",{...o,...s}):e(t,{...o,...s})})}const tt=({name:t,value:r="1",className:n,disabled:i,error:l,success:o,min:s,max:d,onValue:p,onUpdateError:c,size:b="medium",showButtons:m=!0,..._})=>{const[u,N]=U(Number(r)),h=Number(s),g=Number(d),v=l||u<h||u>g,f=u<h?"Dropin.Incrementer.minQuantityMessage":u>g?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage";q(()=>{const I=Number(r);I!==u&&N(I)},[r]);const S=C(xe(async I=>{if(p)try{p(I)}catch(L){c&&c(L)}},200),[p,c]),$=I=>{let L=I;S(L),N(L)},T=e("button",{type:"button",className:a(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",i]]),onClick:()=>$(u-1),disabled:i||u<h+1,"aria-label":e(_e,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(B,{source:se,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})}),x=e("button",{type:"button",className:a(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",i]]),onClick:()=>$(u+1),disabled:i||u>g-1,"aria-label":e(_e,{id:"Dropin.Incrementer.increaseLabel"}),children:e(B,{source:ae,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})});return e("div",{className:a(["dropin-incrementer",`dropin-incrementer--${b}`,n]),children:[e("div",{className:a(["dropin-incrementer__content",`dropin-incrementer__content--${b}`,["dropin-incrementer__content--no-buttons",!m],["dropin-incrementer__content--error",v],["dropin-incrementer__content--success",o],["dropin-incrementer__content--disabled",i]]),children:[m&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(ge,{children:T})}),e("input",{className:"dropin-incrementer__input",max:d,min:s,step:1,type:"number",name:t,value:u,disabled:i,onBlur:()=>{$(Number(u))},onChange:I=>{const L=I.currentTarget.value;L!==""&&$(Number(L))},..._}),m&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(ge,{children:x})})]}),v&&e("p",{className:"dropin-incrementer__content--error-message",children:e(_e,{id:f,fields:{minQuantity:s,maxQuantity:d}})})]})},Le=({name:t,value:r,variant:n="primary",className:i,disabled:l,error:o,floatingLabel:s,onValue:d,onUpdateError:p,size:c="medium",icon:b,maxLength:m,success:_,...u})=>{const N=(u==null?void 0:u.id)||t||`dropin-input-${Math.random().toString(36)}`,h=C(xe(async v=>{if(d)try{await d(v)}catch(f){p&&p(f)}},200),[d,p]),g=v=>{const f=v.target;h(f.value.trim())};return e("div",{className:a(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!s],["dropin-input-container--disabled",l]]),children:[b&&e(D,{node:b,className:a(["dropin-input__field-icon--left",b.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:N,onChange:g,type:"text",maxLength:m,name:t,value:r,...u,className:a(["dropin-input",`dropin-input--${c}`,`dropin-input--${n}`,["dropin-input--error",!!o],["dropin-input--success",!!_],["dropin-input--disabled",l],["dropin-input--floating",!!s],["dropin-input--icon-left",!!b],i]),disabled:l}),s&&e("label",{htmlFor:N,className:a([["dropin-input__label--floating",!!s],["dropin-input__label--floating--icon-left",!!b],["dropin-input__label--floating--error",!!o]]),children:s})]}),o&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(B,{source:qe,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),_&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(B,{source:Ue,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},Lt=({name:t="",error:r,value:n,label:i,onChange:l,onBlur:o,...s})=>{const[d,p]=U((n==null?void 0:n.toString())??""),c=X(null),b=R({picker:"Dropin.InputDate.picker"}),m=C(h=>{h.currentTarget.setAttribute("type","date"),!(!Ne()||!c.current)&&c.current.focus()},[]),_=C(h=>{var v,f;const g=(v=h.currentTarget.parentElement)==null?void 0:v.querySelector("input");g==null||g.focus(),(f=g==null?void 0:g.showPicker)==null||f.call(g)},[]),u=C(h=>{h.currentTarget.setAttribute("type","text"),o==null||o(h)},[o]),N=C(h=>{p(h.currentTarget.value),l==null||l(h)},[l]);return e("div",{className:a(["dropin-input-date"]),children:[Ne()?e("input",{ref:c,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:N}):null,e(Ae,{error:r,children:e(Le,{"data-testid":"input-date",error:!!r,name:t,value:d,placeholder:i,floatingLabel:i,onFocus:m,onBlur:u,onChange:N,"aria-labelledby":i,className:"dropin-input-date__input",...s})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":b.picker,onClick:_,children:e(B,{source:Ke,size:"24"})})]})},Se={pending:e(se,{}),success:e(me,{}),error:e(re,{style:{fill:"red"}})},rt=({minLength:t=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:i={status:"",icon:"",message:""}})=>{const l=R({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),o=s=>{switch(s){case 2:return l.chartTwoSymbols;case 3:return l.chartThreeSymbols;case 4:return l.chartFourSymbols;default:return""}};return e("div",{className:a(["dropin-password-status-indicator"]),children:[t>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${i.status}`,"data-testid":`dropin-password-status-indicator__item--${i.icon}`,children:[Se[i.icon],e("span",{className:`${i.status}`,children:i.message})]}):null,r>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[Se[n],e("span",{className:"pending",children:o(r)})]}):null]})},Tt=({placeholder:t,floatingLabel:r,children:n,name:i,required:l,className:o,minLength:s,autoComplete:d,defaultValue:p="",hideStatusIndicator:c=!1,uniqueSymbolsStatus:b,validateLengthConfig:m,requiredCharacterClasses:_,errorMessage:u,onValue:N,onBlur:h,...g})=>{const v=R({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[f,S]=U(!1),$=C(()=>{S(x=>!x)},[]),T=f?v.buttonHideTitle:v.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:a(["dropin-input-password",["dropin-input-password--error",u],o]),...g,children:[e(Ae,{error:u,children:e(Le,{autoComplete:d,name:i??"password",type:f?"text":"password",placeholder:t||v.placeholder,floatingLabel:r||v.floatingLabel,"aria-label":v.placeholder,"aria-required":l||!0,"aria-invalid":!!u,"aria-describedby":"password-feedback",required:l||!1,value:p,onValue:N,icon:e(Ge,{}),onBlur:h,"data-testid":"passwordInput"})}),e(z,{"aria-label":T,title:T,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:a(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${f?"show":"hide"}`,o]),onClick:$,children:e(B,{focusable:"false","aria-hidden":f,source:f?ze:je})}),c?null:e(rt,{minLength:s,requiredCharacterClasses:_,validateLengthConfig:m,uniqueSymbolsStatus:b}),n]})},At=({disabled:t,name:r="",errorMessage:n,value:i,label:l,className:o,onChange:s,onBlur:d,...p})=>{const c=X(null),b=$e(),m=!!(n!=null&&n.length);return q(()=>{const _=c.current;_&&(_.style.height="auto",_.style.height=`${_.scrollHeight}px`)},[i]),e("div",{className:a(["dropin-textarea-container",o]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:c,"data-testid":"dropin-textarea-field",className:a(["dropin-textarea",["dropin-textarea--error",m],["dropin-textarea--disabled",!!t]]),id:b,placeholder:l,name:r,value:i,disabled:t,onBlur:d,onChange:s,...p}),e("label",{htmlFor:b,className:a(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",m]]),children:l}),m?e("div",{className:a(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",m]]),children:n}):null]})},Te=({variant:t="primary",className:r})=>e("hr",{role:"separator",className:a(["dropin-divider",`dropin-divider--${t}`,r])}),Q=({amount:t=0,currency:r,locale:n,variant:i="default",weight:l="bold",className:o,children:s,sale:d=!1,formatOptions:p={},size:c="small",...b})=>{const m=Z(()=>Xe({currency:r,locale:n,formatOptions:p}).format(t),[t,r,n,p]);return e("span",{...b,className:a(["dropin-price",`dropin-price--${i}`,`dropin-price--${c}`,`dropin-price--${l}`,["dropin-price--sale",d],o]),children:m})},nt=({name:t,label:r,value:n,size:i="medium",checked:l=!1,disabled:o=!1,error:s=!1,description:d="",busy:p=!1,icon:c,className:b,children:m,..._})=>{var u;return e("label",{className:a([b,"dropin-radio-button",["dropin-radio-button--error",s],["dropin-radio-button--disabled",o]]),children:[e("input",{name:t,value:n,checked:l,disabled:o,type:"radio",className:a(["dropin-radio-button__input",["dropin-radio-button__input--error",s],["dropin-radio-button__input--disabled",o]]),"aria-busy":p,..._}),e("span",{className:a(["dropin-radio-button__label",`dropin-radio-button__label--${i}`,["dropin-radio-button__label--error",s],["dropin-radio-button__label--disabled",o]]),children:[c&&e(c.type,{...c==null?void 0:c.props,className:a(["dropin-radio-button__icon",(u=c==null?void 0:c.props)==null?void 0:u.className])}),r]}),e("span",{className:a(["dropin-radio-button__description",`dropin-radio-button__description--${i}`,["dropin-radio-button__description--disabled",o]]),children:d})]})},z=({value:t,variant:r="primary",size:n="medium",icon:i,className:l,children:o,disabled:s=!1,active:d=!1,activeChildren:p,activeIcon:c,href:b,...m})=>{let _="dropin-button";(i&&!o||i&&d&&!p||!i&&d&&c)&&(_="dropin-iconButton"),d&&p&&(_="dropin-button"),l=a([_,`${_}--${n}`,`${_}--${r}`,[`${_}--${r}--disabled`,s],o&&i&&`${_}--with-icon`,!o&&p&&i&&`${_}--with-icon`,d&&c&&`${_}--with-icon`,l]);const u=a(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,s],i==null?void 0:i.props.className]),N=b?{node:e("a",{}),role:"link",href:b,...m,disabled:s,active:d,onKeyDown:h=>{s&&h.preventDefault()},tabIndex:s?-1:0}:{node:e("button",{}),role:"button",...m,value:t,disabled:s,active:d};return e(D,{...N,className:l,children:[i&&!d&&e(D,{node:i,className:u}),c&&d&&e(D,{node:c,className:u}),o&&!d&&(typeof o=="string"?e("span",{children:o}):o),d&&p&&(typeof p=="string"?e("span",{children:p}):p)]})};function Ie(t,r,n,i,l){return t||(r?r.value:n||i?"":l?l.value:null)}const it=({name:t,value:r=null,options:n,variant:i="primary",floatingLabel:l,size:o="medium",handleSelect:s=()=>{},disabled:d=!1,error:p=!1,placeholder:c,defaultOption:b,icon:m,className:_,id:u,...N})=>{const h=u??t??`dropin-picker-${Math.random().toString(36)}`,g=!!(N!=null&&N.required),v=d||(n==null?void 0:n.length)===1,f=n==null?void 0:n.find(V=>!V.disabled),[S,$]=U(()=>Ie(r,b,c,l,f));q(()=>{$(Ie(r,b,c,l,f))},[r,b,c,l,f]);const T=V=>{const{options:P,value:G}=V.target;for(const E of P)E.selected&&($(G),s(V))},x=n==null?void 0:n.map(V=>{const{value:P,text:G,disabled:E}=V;return e("option",{value:P,selected:P===S,disabled:E,className:a(["dropin-picker__option"]),children:G},P)}),I=!!S,L=()=>(!g||!I)&&(l||c);return e("div",{className:a([_,"dropin-picker",`dropin-picker__${o}`,["dropin-picker__floating",!!l],["dropin-picker__selected",I],["dropin-picker__error",p],["dropin-picker__disabled",v],["dropin-picker__icon",m]]),children:[m&&e(m.type,{...m.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:h,className:a(["dropin-picker__select",`dropin-picker__select--${i}`,`dropin-picker__select--${o}`,["dropin-picker__select--floating",!!l]]),name:t,"aria-label":t,disabled:v,onChange:T,...N,children:[L()&&e("option",{selected:!I,value:"",className:a(["dropin-picker__option dropin-picker__placeholder"]),children:l??c},r),x]}),e(B,{source:oe,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),l&&I&&e("label",{htmlFor:u,className:a(["dropin-picker__floatingLabel",!!l]),children:l})]})},Ae=({className:t,label:r,error:n,hint:i,success:l,size:o="medium",disabled:s=!1,children:d,...p})=>{var m;const c=((m=d==null?void 0:d.props)==null?void 0:m.id)??`dropin-field-${Math.random().toString(36)}`;let b=null;return d&&typeof d!="string"&&(b=e(D,{node:d,id:c,disabled:s,size:o,error:!!n,success:!!l&&!n},d.key)),e("div",{...p,className:a(["dropin-field",t]),children:[r&&e("label",{className:a(["dropin-field__label",["dropin-field__label--disabled",s],`dropin-field__label--${o}`]),htmlFor:c,children:r}),e("div",{className:a(["dropin-field__content"]),children:b}),e("div",{className:a(["dropin-field__hint",[`dropin-field__hint--${o}`,o],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!l&&!n],["dropin-field__hint--disabled",!!s]]),children:n||l||i})]})},Ot=({icon:t,className:r,children:n,active:i=!1,disabled:l=!1,...o})=>e("button",{role:"button",disabled:l,...o,className:a(["dropin-action-button",["dropin-action-button--active",i],["dropin-action-button--disabled",l],r]),children:[t&&e(D,{node:t,className:a(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),Rt=({className:t,variant:r="primary",activeOption:n,disabled:i=!1,dividers:l=!0,children:o,handleSelect:s,...d})=>{const[p,c]=U(n),b=C(_=>{i||_.props.disabled||(c(_.props.value),s&&s(_.props.value))},[s,c,i]),m=Ee.map(o,_=>{const u=i||_.props.disabled,N=_.props.value===p;return Me(_,{disabled:u,active:N,onClick:()=>b(_),className:a(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",N],["dropin-action-button-group__option--with-dividers",l]])})});return e("div",{role:"group",...d,className:a(["dropin-action-button-group",`dropin-action-button-group--${r}`,t]),children:m})},at=({variant:t="primary",className:r,children:n,...i})=>e("div",{...i,className:a(["dropin-card",`dropin-card--${t}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),Vt=({name:t,value:r,size:n="medium",disabled:i=!1,error:l=!1,label:o="",description:s="",className:d,checked:p,...c})=>{const[b,m]=U(p===void 0?!1:p),_=X(null),u=h=>{var g;(g=c.onChange)==null||g.call(c,h),m(h.currentTarget.checked)},N=h=>{var g;h.key===" "&&(h.preventDefault(),(g=_==null?void 0:_.current)==null||g.click())};return q(()=>{typeof p=="boolean"&&m(p)},[p]),e("label",{className:a(["dropin-checkbox",["dropin-checkbox--disabled",i]]),children:[e("input",{ref:_,name:t,value:r,type:"checkbox",disabled:i,className:a(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",l],d]),...c,onChange:u,checked:b}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["​",e("span",{"aria-checked":b?"true":"false","aria-labelledby":`${t}-label`,"aria-describedby":s?`${t}-description`:void 0,className:a(["dropin-checkbox__box",["dropin-checkbox__box--error",l],["dropin-checkbox__box--disabled",i]]),role:"checkbox",tabIndex:i?-1:0,onKeyDown:N,children:e(B,{className:a(["dropin-checkbox__checkmark"]),source:me,size:"16",stroke:"3"})})]}),e("div",{id:`${t}-label`,className:a(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",i]]),children:o}),e("div",{}),s&&e("div",{id:`${t}-description`,role:"note",className:a(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",i]]),children:s})]})},Ct=({className:t,name:r,value:n,id:i,label:l,groupAriaLabel:o,size:s="medium",color:d,disabled:p=!1,selected:c=!1,outOfStock:b=!1,multi:m=!1,onValue:_,onUpdateError:u,...N})=>{const h=R("Dropin.Swatches.outOfStock.label").label,g=R("Dropin.Swatches.selected.label").label,v=R("Dropin.Swatches.swatch.label").label,f=C(async L=>{if(_)try{await _(L)}catch(V){u&&u(V)}},[_,u]),S=L=>{const V=L.target;f(V.value)},x=d&&(L=>{const V=new Option().style;return V.color=L,V.color!==""})(d)?d:"var(--color-gray-300);",I=()=>b?`${o}: ${l} ${h}`:c?`${o}: ${l} ${g}`:`${o}: ${l} ${v}`;return e("label",{className:a(["dropin-color-swatch__container",`dropin-color-swatch__container--${s}`,t]),children:[e("input",{type:m?"checkbox":"radio",name:r,id:i,value:n,"aria-label":I(),checked:c,disabled:p,onChange:S,...N,className:a(["dropin-color-swatch",["dropin-color-swatch--selected",c],["dropin-color-swatch--disabled",p],t])}),e("span",{style:{"--bg-color":x},className:a(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",b],t])})]})},Pt=({className:t,name:r,value:n,label:i,groupAriaLabel:l,id:o,disabled:s=!1,selected:d=!1,outOfStock:p=!1,multi:c=!1,onValue:b,onUpdateError:m,..._})=>{const u=R("Dropin.Swatches.outOfStock.label").label,N=R("Dropin.Swatches.selected.label").label,h=R("Dropin.Swatches.swatch.label").label,[g,v]=U(!1),f=X(null),S=C(async I=>{if(b)try{await b(I)}catch(L){m&&m(L)}},[b,m]),$=I=>{const L=I.target;S(L.value)},T=()=>p?`${l}: ${i} ${u}`:d?`${l}: ${i} ${N}`:`${l}: ${i} ${h}`;q(()=>{f.current&&f.current.scrollWidth>f.current.clientWidth&&v(!0)},[i]);const x=Z(()=>o??`${r}_${o}_${Math.random().toString(36)}`,[r,o]);return e("div",{className:"dropin-text-swatch__container",...g?{"data-tooltip":i}:{},children:[e("input",{type:c?"checkbox":"radio",name:r,id:x,value:n,"aria-label":T(),checked:d,disabled:s,onChange:$,..._,className:a(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",s],t])}),e("label",{htmlFor:x,ref:f,className:a(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",p],t]),children:i})]})},ot=({ariaLabel:t,size:r="small",stroke:n="4",children:i,className:l,style:o,...s})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${n}`],p=R({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),c=()=>t||(i?p.updatingChildren:p.updating);return i?e("div",{...s,className:a(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:i}),e("div",{"aria-label":c(),role:"status",className:a(["dropin-progress-spinner-background",l]),style:o}),e("div",{className:a(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...s,className:a([l,...d]),"aria-live":"polite",role:"status","aria-label":c()})},Mt=({className:t,name:r,value:n,id:i,label:l,groupAriaLabel:o,src:s,alt:d,disabled:p=!1,selected:c=!1,outOfStock:b=!1,multi:m=!1,imageNode:_,onValue:u,onUpdateError:N,...h})=>{const g=R("Dropin.Swatches.outOfStock.label").label,v=R("Dropin.Swatches.selected.label").label,f=R("Dropin.Swatches.swatch.label").label,S=C(async I=>{if(u)try{await u(I)}catch(L){N&&N(L)}},[u,N]),$=I=>{const L=I.target;S(L.value)},T=()=>b?`${o}: ${l} ${g}`:c?`${o}: ${l} ${v}`:`${o}: ${l} ${f}`,x=Z(()=>({src:s,alt:d,loading:"lazy",params:{width:100,fit:"bounds",crop:!0},onError:I=>I.target.style.display="none"}),[s,d]);return e("label",{className:a(["dropin-image-swatch__container",t]),children:[e("input",{type:m?"checkbox":"radio",name:r,id:i,value:n,"aria-label":T(),checked:c,disabled:p,onChange:$,...h,className:a(["dropin-image-swatch",["dropin-image-swatch--selected",c],["dropin-image-swatch--disabled",p],t])}),e("span",{className:a(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",b],t]),children:typeof _=="function"?_({...x,imageSwatchContext:{disabled:p,outOfStock:b,selected:c,value:n,label:l,groupAriaLabel:o,name:r,id:i}}):_||e(We,{...x,className:a(["dropin-image-swatch__content"])})})]})},lt=({className:t,children:r,title:n,ariaLabelTitle:i,secondaryText:l,actionIconPosition:o="left",iconOpen:s=ae,iconClose:d=se,iconLeft:p=ae,showIconLeft:c=!1,renderContentWhenClosed:b=!0,defaultOpen:m,onStateChange:_,...u})=>{const[N,h]=U(!1),g=T=>{T.stopImmediatePropagation();const x=!N;h(x),_==null||_(x)};q(()=>{typeof m<"u"&&h(m)},[m]);const v=R(`Dropin.Accordion.${N?"close":"open"}.label`).label,f=e(B,{source:s,size:"24",onClick:g,onKeyPress:g,className:"dropin-accordion-section__open-icon"}),S=e(B,{source:d,size:"24",onClick:g,onKeyPress:g,className:"dropin-accordion-section__close-icon"}),$=e(B,{source:p,size:"24"});return e("div",{...u,className:a(["dropin-accordion-section",t]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:g,onKeyPress:g,role:"button","aria-label":`${v} ${i??n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(N?S:f),c&&$,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[l&&e("h4",{className:"dropin-accordion-section__secondary-text",children:l}),o==="right"&&(N?S:f)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:N?"grid":"none"},children:(N||b&&!N)&&r})]})},Ft=({className:t,children:r,actionIconPosition:n="left",iconOpen:i=ae,iconClose:l=se,...o})=>{const s=e(Te,{variant:"secondary"}),d=p=>e(Y,{children:[e(lt,{...p.props,actionIconPosition:n,iconOpen:i,iconClose:l}),s]});return e("div",{...o,className:a(["dropin-accordion",t]),children:[s,...(Array.isArray(r)?r:[r]).map(d)]})},Bt=({variant:t="primary",className:r,type:n="warning",additionalActions:i,onDismiss:l,heading:o,description:s,icon:d,itemList:p,actionButtonPosition:c,...b})=>{var _,u,N;const m=R({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...b,className:a(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${t}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(D,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:o})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[i&&(c==="top"||!c&&i.length<=1)&&e(z,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:i.length>0?(_=i[0])==null?void 0:_.onClick:void 0,"aria-label":(u=i[0])==null?void 0:u.label,children:(N=i[0])==null?void 0:N.label}),l&&e(z,{icon:e(B,{source:re,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:l,"aria-label":m.dismiss})]})]}),s&&e("p",{className:"dropin-in-line-alert__description",children:s}),e("div",{className:"dropin-in-line-alert__item-list-container",children:p&&e(D,{node:p,className:a(["dropin-in-line-alert__item-list"])})}),i&&(c==="bottom"||!c&&i.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:i.map(h=>e(z,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:h.onClick,children:h.label},h.label))})]})},st=({children:t})=>{const r=X(null),n=X(null);return Fe(()=>(r.current||(r.current=document.createElement("div"),r.current.setAttribute("data-portal-root",""),document.body.appendChild(r.current)),n.current&&r.current&&r.current.appendChild(n.current),()=>{r.current&&(r.current.remove(),r.current=null)}),[]),e("div",{ref:n,className:"dropin-design",children:t})},Wt=({size:t="small",title:r=null,centered:n=!1,backgroundDim:i=!0,clickToDismiss:l=!0,escapeToDismiss:o=!0,onClose:s,showCloseButton:d=!0,className:p,children:c=null,...b})=>{const m=C(()=>{s==null||s()},[s]),_=R({modalCloseLabel:"Dropin.Modal.Close.label"});return q(()=>{const u=N=>{const h=document.querySelector(".dropin-modal"),g=document.querySelector(".dropin-modal__body");l&&h&&g&&!g.contains(N.target)&&m()};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[m,l]),q(()=>{const u=N=>{N.key==="Escape"&&o&&m()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[m,o]),q(()=>{const u=document.scrollingElement,N=u.style.overflow;return u.style.overflow="hidden",()=>{u.style.overflow=N}},[]),e(st,{children:e("div",{className:a(["dropin-modal",["dropin-modal--dim",i]]),children:e("div",{...b,className:a(["dropin-modal__body",[`dropin-modal__body--${t}`,t],p]),children:[e("div",{className:a(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:a(["dropin-modal__header-title-content"]),children:r}),d&&e(z,{"aria-label":_.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:m,icon:e(re,{})})]}),e("div",{className:a(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:c})]})})})},Ht=({className:t,children:r,ariaLabel:n,image:i,title:l,price:o,rowTotalFooter:s,taxIncluded:d=!1,taxExcluded:p=!1,total:c,totalExcludingTax:b,sku:m,configurations:_,warning:u,alert:N,discount:h,savings:g,actions:v,removeContent:f,quantity:S,quantityContent:$,description:T,attributes:x,footer:I,loading:L=!1,updating:V=!1,quantityType:P,dropdownOptions:G,onQuantity:E,onRemove:J,...de})=>{var ne,ie;const{locale:ee}=Be(He),W=R({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if(L)return e(dt,{});const ce=P==="dropdown"?e(it,{className:a(["dropin-cart-item__quantity__picker"]),value:String(S),name:"quantity","aria-label":W.quantity,disabled:V,variant:"primary",options:G,handleSelect:K=>E==null?void 0:E(Number(K.target.value))}):e(tt,{className:a(["dropin-cart-item__quantity__incrementer"]),value:S,min:1,onValue:K=>E==null?void 0:E(Number(K)),name:"quantity","aria-label":W.quantity,disabled:V});return e("div",{...de,className:a(["dropin-cart-item",["dropin-cart-item--updating",V],t]),children:[V&&e(ot,{className:a(["dropin-cart-item__spinner"]),ariaLabel:n?(ne=W.updating)==null?void 0:ne.replace("{product}",n):W.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[i&&e(D,{node:i,className:a(["dropin-cart-item__image"])}),l&&e(D,{node:l,className:a(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!E||!!J]])}),T&&e(D,{node:T,className:a(["dropin-cart-item__description"])}),m&&e(D,{node:m,className:a(["dropin-cart-item__sku"])}),e("div",{className:a(["dropin-cart-item__savings__wrapper"]),children:[h&&e(D,{node:h,className:a(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),g&&e(D,{node:g,className:a(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),x&&e("div",{className:a(["dropin-cart-item__attributes"]),children:e(D,{node:x})}),_&&e("ul",{className:a(["dropin-cart-item__configurations"]),children:Object.entries(_).map(([K,te])=>e("li",{className:a(["dropin-cart-item__configurations__item"]),children:[K,":"," ",e("strong",{className:a(["dropin-cart-item__configurations__item__value"]),children:te})]},K))}),o&&e("span",{className:a(["dropin-cart-item__price"]),"aria-label":W.pricePerItem,children:[S&&!E&&e(Y,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[S.toLocaleString(ee)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[W.quantity,": ",S==null?void 0:S.toLocaleString(ee),";"]})]}),e(D,{node:o,role:"text"}),S&&S>1&&e(Y,{children:[" ",W.each]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",W.taxIncluded]}),p&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",W.taxExcluded]})]}),e("div",{className:a(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!E]]),children:[$?e(D,{node:$}):E?ce:S&&e("span",{className:a(["dropin-cart-item__quantity__value"]),children:[W.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(S).toLocaleString(ee)})]}),u&&e(D,{node:u,className:a(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),N&&e(D,{node:N,className:a(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),v&&e("div",{className:a(["dropin-cart-item__actions"]),children:e(D,{node:v,className:a(["dropin-cart-item__buttons"])})}),u&&e(D,{node:u,className:a(["dropin-cart-item__warning"])}),N&&e(D,{node:N,className:a(["dropin-cart-item__alert"])}),e("div",{className:a(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!J]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[c&&e("div",{className:"dropin-cart-item__row-total",children:e(D,{node:c,role:"text"})}),d&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-message"]),children:W.taxIncluded})})]}),p&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-excluded-message"]),children:[b&&e(D,{node:b,role:"text"})," ",W.taxExcluded]})}),h&&e(D,{node:h,className:a(["dropin-cart-item__discount"])}),g&&e(D,{node:g,className:a(["dropin-cart-item__savings"])}),s&&e(D,{node:s,className:a(["dropin-cart-item__row-total-footer"])})]}),I&&e(D,{node:I,className:a(["dropin-cart-item__footer"])})]}),f?e(D,{node:f}):J?e(z,{"data-testid":"cart-item-remove-button",className:a(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>J==null?void 0:J(),icon:e(B,{"data-testid":"cart-item-remove-icon",source:Je,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(ie=W.remove)==null?void 0:ie.replace("{product}",n):W.removeDefault}),disabled:V}):null]})},dt=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(le,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(j,{className:"dropin-cart-item__skeleton__item"})})]})}),qt=({className:t,children:r,...n})=>e("div",{...n,className:a(["dropin-cart-list",t]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:Ee.map(r,(i,l)=>e("div",{className:"dropin-cart-list__item",children:i},l))})}),Ut=({className:t,children:r,locale:n,currency:i,amount:l,variant:o="default",minimumAmount:s,maximumAmount:d,size:p="small",display:c="dash",specialPrice:b,sale:m=!1,..._})=>{const u=Z(()=>l||s===d||s&&!d||d&&!s,[l,d,s]);return e("div",{children:u?e("div",{..._,className:a(["dropin-price-range",t]),children:e(Q,{amount:l??s??d,currency:i,locale:n,size:p,variant:o,sale:m})}):e("div",{..._,className:a(["dropin-price-range",t]),children:[c==="dash"?e(ct,{specialPrice:b,minimumAmount:s,maximumAmount:d,currency:i,locale:n,size:p,sale:m}):null,c==="from to"?e(pt,{specialPrice:b,minimumAmount:s,maximumAmount:d,currency:i,locale:n,size:p,sale:m}):null,c==="as low as"?e(_t,{specialPrice:b,minimumAmount:s,maximumAmount:d,currency:i,locale:n,size:p,sale:m}):null]})})};function ct({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:l,size:o,sale:s}){return e(Y,{children:[e(Q,{amount:t??r,currency:i,locale:l,size:o,sale:!!t&&s}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(Q,{amount:n,currency:i,locale:l,size:o})]})}function pt({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:l,size:o,sale:s}){const d=R({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(Y,{children:[e("span",{className:a(["dropin-price-range__from",`dropin-price-range__from--${o}`]),children:d.from}),e(Q,{amount:t??r,currency:i,locale:l,size:o,sale:!!t&&s}),e("span",{className:a(["dropin-price-range__to",`dropin-price-range__to--${o}`]),children:d.to}),e(Q,{amount:n,currency:i,locale:l,size:o})]})}function _t({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:l,size:o,sale:s}){const d=R({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(Y,{children:[e("span",{className:a(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${o}`]),children:d.asLowAs}),t?e("div",{children:[e(Q,{amount:n,currency:i,locale:l,size:o,variant:"strikethrough"}),e(Q,{amount:t,currency:i,locale:l,size:o,className:"dropin-price-range__special",sale:!!t&&s})]}):e(Q,{amount:r,currency:i,locale:l,size:o})]})}const Kt=({className:t,categories:r,separator:n,...i})=>e(Y,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...i,className:a(["dropin-breadcrumbs__container",t]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((l,o)=>e("li",{className:a(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",o===r.length-1]]),children:[e(D,{node:l,className:"dropin-breadcrumbs__link"}),!n&&o!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&o!==r.length-1&&e(D,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},o))})})}),Gt=({className:t,variant:r,icon:n,message:i,onDismiss:l,action:o,...s})=>{const d=R({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...s,className:a([t,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(D,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(D,{node:i,className:a(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[o&&e(z,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:o.onClick,"aria-label":o.label,children:o.label}),e(z,{icon:e(B,{source:re,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:l,"aria-label":d.dismiss})]})]})},jt=({className:t,icon:r,heading:n,headingLevel:i=2,message:l,action:o,variant:s="secondary",...d})=>{const p=i>=1&&i<=6?`h${i}`:"h2";return e("div",{...d,className:a(["dropin-illustrated-message",t]),children:e(at,{variant:s,children:[r&&e(D,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(p,{className:"dropin-illustrated-message__heading",children:n}),l&&e(D,{node:l,className:"dropin-illustrated-message__message"}),o&&e(D,{node:o,className:"dropin-illustrated-message__action"})]})})},zt=({label:t,name:r,value:n,busy:i=!1,disabled:l=!1,children:o,className:s,icon:d,onChange:p,selected:c=!0,...b})=>e("div",{...b,className:a(["dropin-toggle-button",s,["dropin-toggle-button__selected",c],["dropin-toggle-button__disabled",l]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(nt,{label:"",name:r,value:n,checked:c,disabled:l,onChange:()=>p&&p(n),"aria-label":r,busy:i,className:a([s,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[d&&e(d.type,{...d==null?void 0:d.props,className:"dropin-toggle-button__icon"}),t]})]})}),ut=({level:t,className:r,children:n})=>{const i=t&&t>=1&&t<=6?`h${t}`:"span";return e(i,{className:r,children:n})},Jt=({title:t=null,size:r="medium",cta:n,divider:i=!0,className:l,level:o,...s})=>t?e("div",{...s,className:a(["dropin-header-container",l]),"data-testid":"dropin-header-container",children:[e(ut,{className:a(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),level:o,children:t}),n?e(D,{node:n,className:"dropin-header-container__actions"}):null,i?e(Te,{className:a(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,mt=({label:t,className:r,children:n,...i})=>!t&&!n?null:e("div",{...i,className:a(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:n??e("span",{className:"dropin-tag-container__label",children:t})}),Xt=({className:t,children:r,maxColumns:n,columnWidth:i="1fr",emptyGridContent:l,...o})=>{const s=!!r&&(Array.isArray(r)?r.length>0:!0),d=s?{gridTemplateColumns:`repeat(${n}, ${i})`}:void 0;return e("div",{...o,className:a(["dropin-content-grid",t]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:a(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!s]]),style:d,children:s?r:l})})},ue=t=>{if(t.href){const{href:i,disabled:l,...o}=t;return e("a",{href:i,"aria-disabled":l,...o})}const{type:r="button",...n}=t;return e("button",{type:r,...n})},Yt=({totalPages:t=10,currentPage:r=1,onChange:n,routePage:i,className:l,...o})=>{const s=R({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),d=C(_=>{const u=Math.min(r+1,t);n==null||n(u,_)},[r,n,t]),p=C(_=>{const u=Math.max(r-1,1);n==null||n(u,_)},[r,n]),c=C((_,u)=>{Ye(_)&&(n==null||n(_,u))},[n]),b=C((_,u)=>{let N=[];const h=(g,v)=>{for(let f=g;f<=v;f++)N.push({page:f,isActive:f===_,label:f})};return u<=5?h(1,u):_<=2?(h(1,2),N.push({page:"ellipsis",isActive:!1,label:"..."}),h(u-1,u)):_>=u-3?h(u-4,u):(h(_-1,_),N.push({page:"ellipsis",isActive:!1,label:"..."}),h(u-1,u)),N},[]),m=Z(()=>b(r,t),[b,r,t]);return e("div",{...o,className:a(["dropin-pagination",l]),children:[e(ue,{"data-testid":"prev-button","aria-label":s.backwardButton,disabled:r===1,onClick:_=>p(_),href:(i==null?void 0:i(r))??void 0,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--backward",["dropin-pagination-arrow--disabled",r===1]]),children:e(B,{size:"24",source:oe})}),e("ul",{className:"dropin-pagination_list",children:m.map((_,u)=>e("li",{"data-testid":`dropin-pagination_list-item--${_.page}`,className:a(["dropin-pagination_list-item",`dropin-pagination_list-item--${_.page}`,["dropin-pagination_list-item--active",_.isActive]]),children:e(ue,{"data-testid":`set-page-button-${_.page}`,onClick:N=>c(_.page,N),href:(i==null?void 0:i(_.page))??void 0,children:_.label})},`${_.page}_${u}`))}),e(ue,{"data-testid":"next-button","aria-label":s.forwardButton,disabled:r===t,onClick:_=>d(_),href:(i==null?void 0:i(r))??void 0,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--forward",["dropin-pagination-arrow--disabled",r===t]]),children:e(B,{size:"24",source:oe})})]})},ht=()=>e("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:[e(le,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:e(j,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"})}),e(le,{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"})]})]}),Zt=({className:t,image:r,titleNode:n,price:i,sku:l,actionButton:o,swatches:s,initialized:d=!1,...p})=>d?e("div",{...p,className:a(["dropin-product-item-card",t]),children:[e("div",{className:"dropin-product-item-card__image-container",children:r&&e(D,{node:r,className:a(["dropin-product-item-card__image"])})}),e("div",{className:"dropin-product-item-card__content",children:[n&&e(D,{node:n,className:a(["dropin-product-item-card__title"])}),l&&e(D,{node:l,className:a(["dropin-product-item-card__sku"])}),i&&e("div",{className:"dropin-product-item-card__price",children:e(D,{node:i,className:a(["dropin-product-item-card__price"])})}),s&&e("div",{className:"dropin-product-item-card__swatches",children:e(D,{node:s,className:a(["dropin-product-item-card__swatches"])})}),o&&e("div",{className:"dropin-product-item-card__action",children:e(D,{node:o,className:a(["dropin-product-item-card__action"])})})]})]}):e(ht,{}),Qt=({accept:t,onChange:r,label:n="Upload Document",icon:i,className:l,multiple:o,id:s,...d})=>{const p=$e(),c=s||p,b=m=>{r==null||r(m)};return e("div",{className:a(["dropin-input-file",l]),children:[e("label",{htmlFor:c,className:"dropin-input-file__label",children:[i&&e("span",{className:"dropin-input-file__icon",children:i}),n]}),e("input",{id:c,type:"file",accept:t,multiple:o,onChange:b,className:"dropin-input-file__input",...d})]})},er=({className:t,children:r,columns:n=[],rowData:i=[],mobileLayout:l="none",caption:o,expandedRows:s=new Set,loading:d=!1,skeletonRowCount:p=10,onSortChange:c,...b})=>{const m=R({sortedAscending:"Dropin.Table.sortedAscending",sortedDescending:"Dropin.Table.sortedDescending",sortBy:"Dropin.Table.sortBy"}),_=v=>{if(!c)return;let f;v.sortBy===!0?f="asc":v.sortBy==="asc"?f="desc":f=!0,c(v.key,f)},u=v=>{if(v.sortBy===void 0)return null;const f=v.ariaLabel??v.label;let S,$;return v.sortBy==="asc"?(S="ChevronUp",$=m.sortedAscending.replace("{label}",f)):v.sortBy==="desc"?(S="ChevronDown",$=m.sortedDescending.replace("{label}",f)):(S="ChevronDown",$=m.sortBy.replace("{label}",f)),e(z,{variant:"tertiary",size:"medium",className:"dropin-table__header__sort-button",icon:e(B,{source:S}),"aria-label":$,onClick:()=>_(v)})},N=()=>Array.from({length:p},(v,f)=>e("tr",{className:"dropin-table__body__row",children:n.map(S=>e("td",{className:"dropin-table__body__cell","data-label":S.ariaLabel??S.label,children:e(le,{children:e(j,{variant:"row",size:"small",fullWidth:!0})})},S.key))},`skeleton-${f}`)),h=()=>i.map((v,f)=>{const S=v._rowDetails!==void 0,$=s.has(f);return e(Y,{children:[e("tr",{className:a(["dropin-table__body__row",["dropin-table__body__row--expanded",$&&S]]),children:n.map(T=>{const x=v[T.key],I=T.ariaLabel??T.label;return typeof x=="string"||typeof x=="number"?e("td",{className:"dropin-table__body__cell","data-label":I,children:x},T.key):e("td",{className:"dropin-table__body__cell","data-label":I,children:e(D,{node:x})},T.key)})}),S&&$&&e("tr",{className:"dropin-table__row-details dropin-table__row-details--expanded",id:`row-${f}-details`,children:e("td",{className:"dropin-table__row-details__cell",colSpan:n.length,role:"region","aria-labelledby":`row-${f}-details`,children:typeof v._rowDetails=="string"?v._rowDetails:e(D,{node:v._rowDetails})})},`${f}-details`)]},f)}),g=v=>{if(v.sortBy===!0)return"none";if(v.sortBy==="asc")return"ascending";if(v.sortBy==="desc")return"descending"};return e("div",{className:a(["dropin-table",`dropin-table--mobile-layout-${l}`,t]),children:e("table",{...b,className:"dropin-table__table",children:[o&&e("caption",{className:"dropin-table__caption",children:o}),e("thead",{className:"dropin-table__header",children:e("tr",{className:"dropin-table__header__row",children:n.map(v=>e("th",{className:a(["dropin-table__header__cell",["dropin-table__header__cell--sorted",v.sortBy==="asc"||v.sortBy==="desc"],["dropin-table__header__cell--sortable",v.sortBy!==void 0]]),"aria-sort":g(v),children:[v.label,u(v)]},v.key))})}),e("tbody",{className:"dropin-table__body",children:d?N():h()})]})})},bt=(t,r)=>t.filter(n=>n.label.toLowerCase().includes(r.toLowerCase())),ft=(t,r)=>t.map(n=>{const i=r.find(l=>l.value===n);return i?i.label:n}),vt=(t,r,n)=>{const i=t||r;return{listboxId:`${i}-listbox`,searchInputId:`${i}-search`,labelId:n?`${i}-label`:void 0,selectedDescriptionId:`${r}-selected-description`}},gt=()=>{const[t,r]=U(""),n=C(i=>{r(i),setTimeout(()=>r(""),1e3)},[]);return{announcement:t,announce:n}},Nt=(t,r,n,i)=>(q(()=>{if(r>=0&&i.current){const o=i.current.querySelectorAll("[data-option-index]");o[r]&&o[r].scrollIntoView({block:"nearest",behavior:"smooth"})}},[r,i]),{navigate:C(o=>{n(s=>{var c,b,m;const d=o==="up"?-1:1;let p=s+d;for(;p>=0&&p<t.length&&((c=t[p])!=null&&c.disabled);)p+=d;if(p>=0&&p<t.length)return p;if(o==="up"){for(let _=t.length-1;_>=0;_--)if(!((b=t[_])!=null&&b.disabled))return _}else for(let _=0;_<t.length;_++)if(!((m=t[_])!=null&&m.disabled))return _;return-1})},[t,n])}),tr=({options:t=[],value:r=[],onChange:n=()=>{},id:i="",className:l="",selectAllText:o="",deselectAllText:s="",placeholder:d="",noResultsText:p="",floatingLabel:c="",name:b="multi-select-sdk",error:m=!1,success:_=!1,disabled:u=!1,maxHeight:N=300})=>{const h=R({selectAll:"Dropin.MultiSelect.selectAll",deselectAll:"Dropin.MultiSelect.deselectAll",placeholder:"Dropin.MultiSelect.placeholder",noResultsText:"Dropin.MultiSelect.noResultsText",removed:"Dropin.MultiSelect.ariaLabel.removed",added:"Dropin.MultiSelect.ariaLabel.added",itemsSelected:"Dropin.MultiSelect.ariaLabel.itemsSelected",itemsAdded:"Dropin.MultiSelect.ariaLabel.itemsAdded",itemsRemoved:"Dropin.MultiSelect.ariaLabel.itemsRemoved",selectedTotal:"Dropin.MultiSelect.ariaLabel.selectedTotal",noResultsFor:"Dropin.MultiSelect.ariaLabel.noResultsFor",optionsAvailable:"Dropin.MultiSelect.ariaLabel.optionsAvailable",dropdownExpanded:"Dropin.MultiSelect.ariaLabel.dropdownExpanded",useArrowKeys:"Dropin.MultiSelect.ariaLabel.useArrowKeys",removeFromSelection:"Dropin.MultiSelect.ariaLabel.removeFromSelection",fromSelection:"Dropin.MultiSelect.ariaLabel.fromSelection",selectedItem:"Dropin.MultiSelect.ariaLabel.selectedItem",inField:"Dropin.MultiSelect.ariaLabel.inField",selectedItems:"Dropin.MultiSelect.ariaLabel.selectedItems",scrollableOptionsList:"Dropin.MultiSelect.ariaLabel.scrollableOptionsList",selectOptions:"Dropin.MultiSelect.ariaLabel.selectOptions",itemAction:"Dropin.MultiSelect.ariaLabel.itemAction",bulkAdded:"Dropin.MultiSelect.ariaLabel.bulkAdded",bulkRemoved:"Dropin.MultiSelect.ariaLabel.bulkRemoved",dropdownExpandedWithOptions:"Dropin.MultiSelect.ariaLabel.dropdownExpandedWithOptions",selectedItemInField:"Dropin.MultiSelect.ariaLabel.selectedItemInField",removeFromSelectionWithText:"Dropin.MultiSelect.ariaLabel.removeFromSelectionWithText",itemsSelectedDescription:"Dropin.MultiSelect.ariaLabel.itemsSelectedDescription",noItemsSelected:"Dropin.MultiSelect.ariaLabel.noItemsSelected"}),[g,v]=U(!1),[f,S]=U(""),[$,T]=U(-1),x=X(null),I=X(null),L=X(null),{announcement:V,announce:P}=gt(),G=C((w=!1)=>{v(!1),w&&S(""),T(-1)},[]),E=Z(()=>bt(t,f),[t,f]),{navigate:J}=Nt(E,$,T,L);q(()=>{const w=A=>{x.current&&A.target&&!x.current.contains(A.target)&&G(!0)};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[G]);const de=w=>{!u&&I.current&&w.target&&!w.target.closest("[data-tag]")&&(g?G(!1):(I.current.focus(),v(!0)))},ee=C(w=>{var M;const A=t.find(H=>H.value===w),O=r.includes(w),F=O?r.filter(H=>H!==w):[...r,w];if(n(F),(M=I.current)==null||M.focus(),A){const H=O?h.removed:h.added;P(h.itemAction.replace("{label}",A.label).replace("{action}",H).replace("{count}",F.length.toString()))}},[r,n,t,P,h]),W=(w,A)=>{var M;w.stopPropagation();const O=t.find(H=>H.value===A),F=r.filter(H=>H!==A);n(F),(M=I.current)==null||M.focus(),O&&P(h.itemAction.replace("{label}",O.label).replace("{action}",h.removed).replace("{count}",F.length.toString()))},ce=w=>{w.preventDefault();const A=E.map(H=>H.value),O=new Set(r),F=A.filter(H=>!O.has(H)),M=[...r,...F];n(M),F.length>0&&P(h.bulkAdded.replace("{count}",F.length.toString()).replace("{total}",M.length.toString()))},ne=w=>{w.preventDefault();const A=new Set(E.map(M=>M.value)),O=r.filter(M=>A.has(M)).length,F=r.filter(M=>!A.has(M));n(F),O>0&&P(h.bulkRemoved.replace("{count}",O.toString()).replace("{total}",F.length.toString()))},ie=w=>{var A;if(w.key==="Backspace"&&f===""&&r.length>0){w.preventDefault();const O=r.slice(0,-1);n(O);return}if(!g&&(w.key==="ArrowDown"||w.key==="Enter")){w.preventDefault(),v(!0);return}if(g)switch(w.key){case"ArrowDown":w.preventDefault(),J("down");break;case"ArrowUp":w.preventDefault(),J("up");break;case"Enter":if(w.preventDefault(),$>=0&&$<E.length){const O=E[$];O!=null&&O.disabled||ee(O.value)}else E.length===1&&!((A=E[0])!=null&&A.disabled)&&ee(E[0].value);break;case"Escape":w.preventDefault(),G(!0);break;case"Tab":G(!0);break}},K=Z(()=>ft(r,t),[r,t]),{listboxId:te,searchInputId:he,labelId:pe,selectedDescriptionId:be}=vt(i,b,c),fe=$>=0?`${te}-option-${$}`:"",Oe=Z(()=>r.length>0,[r]);q(()=>{f&&!g&&v(!0)},[g,f]),q(()=>{if(g&&f){const w=E.length;P(w===0?`${h.noResultsFor} "${f}"`:`${w} ${h.optionsAvailable}`)}},[E.length,f,g,P,h]),q(()=>{g&&I.current&&(I.current.focus(),E.length>0&&P(h.dropdownExpandedWithOptions.replace("{count}",E.length.toString()).replace("{s}",E.length===1?"":"s")))},[g,K.length,E.length,P,h]);const Re=()=>e(Y,{children:K.map((w,A)=>{const O=r.length,F=c?`${c}: `:"",M=O===1?`${F}${h.itemsSelected.replace("{count}","1").replace("{labels}",String(w)).replace("{s}","")}`:`${F}${h.itemsSelected.replace("{count}",O.toString()).replace("{labels}",K.join(", ")).replace("{s}",O===1?"":"s")}`;return e(mt,{"data-tag":"true",className:"dropin-multi-select__tag",role:"group","aria-label":c?h.selectedItemInField.replace("{label}",String(w)).replace("{field}",c):`${h.selectedItem} ${String(w)}`,children:[e("span",{"aria-hidden":"true",children:w}),e("button",{type:"button",onClick:H=>W(H,r[A]),className:"dropin-multi-select__tag-remove",disabled:u,"aria-label":h.removeFromSelectionWithText.replace("{label}",String(w)).replace("{text}",M),children:e(re,{size:12,"aria-hidden":"true"})})]},r[A])})}),Ve=()=>e("input",{id:he,ref:I,type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":g,"aria-controls":te,className:a(["dropin-multi-select__search",["dropin-multi-select__search--with-floating-label",!!c]]),placeholder:r.length===0?d||h.placeholder:"",value:f,onChange:w=>{const A=w.target;S(A.value),T(-1)},onKeyDown:ie,onFocus:()=>v(!0),disabled:u,style:{minWidth:f?`${f.length*8+20}px`:"40px"},"aria-autocomplete":"list","aria-activedescendant":g&&fe?fe:void 0,...pe?{"aria-labelledby":pe}:{"aria-label":c||d||h.placeholder||h.selectOptions},"aria-describedby":be}),Ce=()=>e("div",{className:"dropin-multi-select__controls",children:[e(z,{variant:"tertiary",type:"button",className:"dropin-multi-select__button dropin-multi-select__button--select-all",onMouseDown:ce,"data-testid":"multi-select-select-all",children:o||h.selectAll})," | ",e(z,{variant:"tertiary",type:"button",className:"dropin-multi-select__button dropin-multi-select__button--deselect-all",onMouseDown:ne,disabled:!Oe,"data-testid":"multi-select-deselect-all",children:s||h.deselectAll})]}),Pe=()=>e("ul",{className:"dropin-multi-select__list",id:te,role:"listbox","aria-multiselectable":"true","aria-label":c||d||h.placeholder,children:E.map((w,A)=>{const O=r.includes(w.value),F=A===$,M=`${te}-option-${A}`;return e("li",{id:M,"data-option-index":A,"data-testid":`multi-select-option-${A}`,className:a(["dropin-multi-select__option",["dropin-multi-select__option--focused",F],["dropin-multi-select__option--selected",O],["dropin-multi-select__option--disabled",w.disabled]]),onClick:()=>{w.disabled||ee(w.value)},onMouseEnter:()=>!w.disabled&&T(A),role:"option","aria-selected":O,"aria-disabled":w.disabled,children:[e("span",{className:a(["dropin-multi-select__option-label",["dropin-multi-select__option-label--disabled",w.disabled]]),children:w.label}),O&&e(me,{width:16,height:16,className:"dropin-multi-select__check-icon","aria-hidden":"true"})]},w.value)})});return e("div",{ref:x,"data-testid":"multi-select",className:a(["dropin-multi-select",l]),children:[e("input",{id:i||b,type:"hidden",name:b,"data-testid":"multi-select-hidden-input",value:r.join(","),disabled:u,"aria-hidden":"true"}),e("div",{className:a(["dropin-multi-select__container",["dropin-multi-select__container--open",g],["dropin-multi-select__container--disabled",u],["dropin-multi-select__container--error",m],["dropin-multi-select__container--success",_],["dropin-multi-select__container--with-floating-label",!!c],["dropin-multi-select__container--has-value",!!(c&&(r.length>0||f.length>0))]]),onMouseDown:de,"data-testid":"multi-select-container",children:[e("div",{className:a(["dropin-multi-select__tags-area",["dropin-multi-select__tags-area--has-values",K.length>0]]),"data-testid":"multi-select-tags-area",role:"group","aria-label":h.selectedItems,children:[e("div",{id:be,className:"dropin-multi-select__sr-only","aria-live":"polite","aria-atomic":"true",children:r.length>0?h.itemsSelectedDescription.replace("{count}",r.length.toString()).replace("{s}",r.length===1?"":"s").replace("{labels}",K.join(", ")):h.noItemsSelected}),Re(),Ve(),c?e("label",{className:"dropin-multi-select__floating-label",htmlFor:he,id:pe,children:c}):null]}),e(oe,{className:a(["dropin-multi-select__chevron",["dropin-multi-select__chevron--open",g]])})]}),g&&e("div",{className:"dropin-multi-select__dropdown","data-testid":"multi-select-dropdown",children:[E.length>0&&Ce(),e("div",{ref:L,className:"dropin-multi-select__options","data-testid":"multi-select-options",style:{maxHeight:`${N}px`},tabIndex:0,role:"region","aria-label":h.scrollableOptionsList,children:E.length===0?e("div",{className:"dropin-multi-select__no-results","data-testid":"multi-select-no-results",role:"status","aria-live":"polite",children:[p||h.noResultsText," ",f&&`"${f}"`]}):Pe()})]}),e("div",{className:"dropin-multi-select__announcements dropin-multi-select__sr-only","aria-live":"assertive","aria-atomic":"true",children:V})]})};export{Ft as Accordion,lt as AccordionSection,Ot as ActionButton,Rt as ActionButtonGroup,Gt as AlertBanner,Kt as Breadcrumbs,z as Button,at as Card,Ht as CartItem,dt as CartItemSkeleton,qt as CartList,Vt as Checkbox,Ct as ColorSwatch,Xt as ContentGrid,Te as Divider,Ae as Field,Jt as Header,B as Icon,jt as IllustratedMessage,We as Image,Mt as ImageSwatch,Bt as InLineAlert,tt as Incrementer,Le as Input,Lt as InputDate,Qt as InputFile,Tt as InputPassword,Wt as Modal,tr as MultiSelect,Yt as Pagination,it as Picker,Q as Price,Ut as PriceRange,Zt as ProductItemCard,ot as ProgressSpinner,nt as RadioButton,le as Skeleton,j as SkeletonRow,er as Table,mt as Tag,At as TextArea,Pt as TextSwatch,zt as ToggleButton,He as UIContext,ir as UIProvider,ar as provider};
3
+ import{u as e,L as ve,h as U,y as q,F as y,q as C,a as ge,b as _e,A as X,c as O,g as $e,T as Z,N as Ee,E as Me,k as Y,d as Fe,x as Be}from"./chunks/preact-vendor.js";import{c as a,V as D}from"./chunks/vcomponent.js";import{I as We,U as He}from"./chunks/Image.js";import{a as ir,p as ar}from"./chunks/Image.js";import{S as se,a as ae,b as qe,c as Ue,d as Ke,e as re,f as me,g as Ge,h as je,i as ze,j as oe,k as Je}from"./chunks/icons.js";import{d as xe,i as Ne,a as Xe,b as Ye}from"./chunks/get-price-formatter.js";import"./chunks/image-params-keymap.js";import"./signals.js";import"./chunks/cjs.js";import"./chunks/locale-config.js";const we=1,j=({className:t,fullWidth:r=!1,lines:n=we,size:i="small",variant:l="row",children:o=null,multilineGap:s="medium",...d})=>{const p=[[`dropin-skeleton-row__${l}`,l],[`dropin-skeleton-row__${l}-${i}`,l&&i]];if(!o&&l==="empty")return e("div",{className:a(["dropin-skeleton-row dropin-skeleton-row__empty",t])});if(o){const b=o.trim();return e("div",{...d,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],t]),dangerouslySetInnerHTML:{__html:b}})}return n>we===!1?e("div",{...d,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...p,t])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${s})`},class:a(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],t]),children:Array.from({length:n}).map((b,m)=>e("div",{class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...p])},m))})},le=({className:t,children:r,rowGap:n="medium",...i})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...i,className:a(["dropin-skeleton",t]),role:"status","aria-label":"Loading...",children:r}),Ze=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),Qe=function(t){return"/"+t},ye={},k=function(r,n,i){let l=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const s=document.querySelector("meta[property=csp-nonce]"),d=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));l=Promise.allSettled(n.map(p=>{if(p=Qe(p),p in ye)return;ye[p]=!0;const c=p.endsWith(".css"),b=c?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${p}"]${b}`))return;const m=document.createElement("link");if(m.rel=c?"stylesheet":Ze,c||(m.as="script"),m.crossOrigin="",m.href=p,d&&m.setAttribute("nonce",d),document.head.appendChild(m),c)return new Promise((_,u)=>{m.addEventListener("load",_),m.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${p}`)))})}))}function o(s){const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=s,window.dispatchEvent(d),!d.defaultPrevented)throw s}return l.then(s=>{for(const d of s||[])d.status==="rejected"&&o(d.reason);return r().catch(o)})},ke={Add:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.A),[])),AddressBook:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.l),[])),Bulk:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.B),[])),Burger:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.m),[])),Business:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.n),[])),Card:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.C),[])),Cart:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.o),[])),Check:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.p),[])),CheckWithCircle:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.q),[])),ChevronDown:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.r),[])),ChevronRight:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.s),[])),ChevronUp:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.t),[])),Close:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.u),[])),Coupon:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.v),[])),Date:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.D),[])),Delivery:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.w),[])),Edit:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.E),[])),EmptyBox:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.x),[])),Eye:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.y),[])),EyeClose:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.z),[])),Gift:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.G),[])),GiftCard:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.F),[])),Heart:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.H),[])),HeartFilled:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.I),[])),InfoFilled:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.J),[])),List:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.L),[])),Locker:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.K),[])),Minus:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.M),[])),Order:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.O),[])),OrderError:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.N),[])),OrderSuccess:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.P),[])),PaymentError:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.Q),[])),Placeholder:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.R),[])),PlaceholderFilled:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.T),[])),Purchase:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.U),[])),Quote:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.V),[])),Search:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.W),[])),SearchFilled:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.X),[])),Sort:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.Y),[])),Star:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.Z),[])),Structure:y(()=>k(()=>import("./chunks/icons.js").then(t=>t._),[])),Team:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.$),[])),Trash:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a0),[])),User:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a1),[])),View:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a2),[])),Wallet:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a3),[])),Warning:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a4),[])),WarningFilled:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a5),[])),WarningWithCircle:y(()=>k(()=>import("./chunks/icons.js").then(t=>t.a6),[]))};function De(t){try{if(t.startsWith("//")){const n=`${window.location.protocol}${t}`;return new URL(n).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${t} - Only same-domain URLs are allowed`),!1):!0}return new URL(t).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${t} - Only same-domain URLs are allowed`),!1):!0}catch{return console.error(`[Icon] Invalid URL format: ${t}`),!1}}function et({url:t,...r}){const[n,i]=U(""),[l,o]=U(!0),[s,d]=U(!1);return q(()=>{fetch(t).then(p=>{if(!p.ok)throw console.error(`[Icon] Failed to fetch SVG: ${p.status} ${p.statusText}`),s;return p.text()}).then(p=>{try{if(!new DOMParser().parseFromString(p,"image/svg+xml").querySelector("svg"))throw new Error("No <svg> element found")}catch(b){b instanceof Error?console.error(`[Icon] Invalid SVG content from ${t}: ${b.message}`):console.error(`[Icon] Invalid SVG content from ${t}: ${String(b)}`),d(!0),o(!1)}let c=p;r.width&&(c=c.replace(/<svg([^>]*)\s+width\s*=\s*["'][^"']*["']/gi,"<svg$1"),c=c.replace(/<svg/i,`<svg width="${r.width}"`)),r.height&&(c=c.replace(/<svg([^>]*)\s+height\s*=\s*["'][^"']*["']/gi,"<svg$1"),c=c.replace(/<svg/i,`<svg height="${r.height}"`)),r.title&&(c=c.replace(/<title[^>]*>.*?<\/title>/gi,""),c=c.replace(/<svg([^>]*)>/i,`<svg$1><title>${r.title}</title>`)),i(c),o(!1)}).catch(p=>{p instanceof Error?console.error(`[Icon] ${p.message}`):console.error(`[Icon] ${String(p)}`),d(!0),o(!1)})},[t,r.width,r.height,r.title]),l||s?e("svg",{...r}):e("span",{className:r.className,style:{width:String(r.width),height:String(r.height),display:"inline-flex",lineHeight:0},dangerouslySetInnerHTML:{__html:n}})}function B({source:t,size:r="24",stroke:n="2",viewBox:i="0 0 24 24",className:l,...o}){const s={className:a(["dropin-icon",`dropin-icon--shape-stroke-${n}`,l]),width:r,height:r,viewBox:i},d=typeof t=="string"&&(t.startsWith("http")||t.startsWith("//")||t.startsWith("/"));if(d&&De(t))return e(ve,{fallback:e("svg",{...o,...s}),children:e(et,{url:t,...o,...s})});const p=typeof t=="string"&&t in ke?ke[t]:null,c=d&&!De(t);return e(ve,{fallback:e("svg",{...o,...s}),children:p?e(p,{...o,...s}):c?e("svg",{...o,...s}):e(t,{...o,...s})})}const tt=({name:t,value:r="1",className:n,disabled:i,error:l,success:o,min:s,max:d,onValue:p,onUpdateError:c,size:b="medium",showButtons:m=!0,..._})=>{const[u,g]=U(Number(r)),h=Number(s),N=Number(d),v=l||u<h||u>N,f=u<h?"Dropin.Incrementer.minQuantityMessage":u>N?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage";q(()=>{const $=Number(r);$!==u&&g($)},[r]);const S=C(xe(async $=>{if(p)try{p($)}catch(E){c&&c(E)}},200),[p,c]),I=$=>{let E=$;S(E),g(E)};return e("div",{className:a(["dropin-incrementer",`dropin-incrementer--${b}`,n]),children:[e("div",{className:a(["dropin-incrementer__content",`dropin-incrementer__content--${b}`,["dropin-incrementer__content--no-buttons",!m],["dropin-incrementer__content--error",v],["dropin-incrementer__content--success",o],["dropin-incrementer__content--disabled",i]]),children:[m&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(ge,{children:e("button",{type:"button",className:a(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",i]]),onClick:()=>I(u-1),disabled:i||u<h+1,"aria-label":e(_e,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(B,{source:se,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:d,min:s,step:1,type:"number",name:t,value:u,disabled:i,onBlur:()=>{I(Number(u))},onChange:$=>{const E=$.currentTarget.value;E!==""&&I(Number(E))},..._}),m&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(ge,{children:e("button",{type:"button",className:a(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",i]]),onClick:()=>I(u+1),disabled:i||u>N-1,"aria-label":e(_e,{id:"Dropin.Incrementer.increaseLabel"}),children:e(B,{source:ae,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),v&&e("p",{className:"dropin-incrementer__content--error-message",children:e(_e,{id:f,fields:{minQuantity:s,maxQuantity:d}})})]})},Le=({name:t,value:r,variant:n="primary",className:i,disabled:l,error:o,floatingLabel:s,onValue:d,onUpdateError:p,size:c="medium",icon:b,maxLength:m,success:_,...u})=>{const g=(u==null?void 0:u.id)||t||`dropin-input-${Math.random().toString(36)}`,h=C(xe(async v=>{if(d)try{await d(v)}catch(f){p&&p(f)}},200),[d,p]),N=v=>{const f=v.target;h(f.value.trim())};return e("div",{className:a(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!s],["dropin-input-container--disabled",l]]),children:[b&&e(D,{node:b,className:a(["dropin-input__field-icon--left",b.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:g,onChange:N,type:"text",maxLength:m,name:t,value:r,...u,className:a(["dropin-input",`dropin-input--${c}`,`dropin-input--${n}`,["dropin-input--error",!!o],["dropin-input--success",!!_],["dropin-input--disabled",l],["dropin-input--floating",!!s],["dropin-input--icon-left",!!b],i]),disabled:l}),s&&e("label",{htmlFor:g,className:a([["dropin-input__label--floating",!!s],["dropin-input__label--floating--icon-left",!!b],["dropin-input__label--floating--error",!!o]]),children:s})]}),o&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(B,{source:qe,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),_&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(B,{source:Ue,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},Lt=({name:t="",error:r,value:n,label:i,onChange:l,onBlur:o,...s})=>{const[d,p]=U((n==null?void 0:n.toString())??""),c=X(null),b=O({picker:"Dropin.InputDate.picker"}),m=C(h=>{h.currentTarget.setAttribute("type","date"),Ne()&&c.current.focus()},[]),_=C(h=>{var v;const N=(v=h.currentTarget.parentElement)==null?void 0:v.querySelector("input");N==null||N.focus(),N==null||N.showPicker()},[]),u=C(h=>{h.currentTarget.setAttribute("type","text"),o==null||o(h)},[o]),g=C(h=>{p(h.target.value),l==null||l(h)},[l]);return e("div",{className:a(["dropin-input-date"]),children:[Ne()?e("input",{ref:c,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:g}):null,e(Ae,{error:r,children:e(Le,{"data-testid":"input-date",error:!!r,name:t,value:d,placeholder:i,floatingLabel:i,onFocus:m,onBlur:u,onChange:g,"aria-labelledby":i,className:"dropin-input-date__input",...s})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":b.picker,onClick:_,children:e(B,{source:Ke,size:"24"})})]})},Se={pending:e(se,{}),success:e(me,{}),error:e(re,{style:{fill:"red"}})},rt=({minLength:t=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:i={status:"",icon:"",message:""}})=>{const l=O({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),o=s=>{switch(s){case 2:return l.chartTwoSymbols;case 3:return l.chartThreeSymbols;case 4:return l.chartFourSymbols;default:return""}};return e("div",{className:a(["dropin-password-status-indicator"]),children:[t>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${i.status}`,"data-testid":`dropin-password-status-indicator__item--${i.icon}`,children:[Se[i.icon],e("span",{className:`${i.status}`,children:i.message})]}):null,r>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[Se[n],e("span",{className:"pending",children:o(r)})]}):null]})},Tt=({placeholder:t,floatingLabel:r,children:n,name:i,required:l,className:o,minLength:s,autoComplete:d,defaultValue:p="",hideStatusIndicator:c=!1,uniqueSymbolsStatus:b,validateLengthConfig:m,requiredCharacterClasses:_,errorMessage:u,onValue:g,onBlur:h,...N})=>{const v=O({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[f,S]=U(!1),I=C(()=>{S(E=>!E)},[]),$=f?v.buttonHideTitle:v.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:a(["dropin-input-password",["dropin-input-password--error",u],o]),...N,children:[e(Ae,{error:u,children:e(Le,{autoComplete:d,name:i??"password",type:f?"text":"password",placeholder:t||v.placeholder,floatingLabel:r||v.floatingLabel,"aria-label":v.placeholder,"aria-required":l||!0,"aria-invalid":!!u,"aria-describedby":"password-feedback",required:l||!1,value:p,onValue:g,icon:e(Ge,{}),onBlur:h,"data-testid":"passwordInput"})}),e(z,{"aria-label":$,title:$,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:a(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${f?"show":"hide"}`,o]),onClick:I,children:e(B,{focusable:!1,"aria-hidden":f,source:f?ze:je})}),c?null:e(rt,{minLength:s,requiredCharacterClasses:_,validateLengthConfig:m,uniqueSymbolsStatus:b}),n]})},At=({disabled:t,name:r="",errorMessage:n,value:i,label:l,className:o,onChange:s,onBlur:d,...p})=>{const c=X(null),b=$e(),m=!!(n!=null&&n.length);return q(()=>{const _=c.current;_&&(_.style.height="auto",_.style.height=`${_.scrollHeight}px`)},[i]),e("div",{className:a(["dropin-textarea-container",o]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:c,"data-testid":"dropin-textarea-field",className:a(["dropin-textarea",["dropin-textarea--error",m],["dropin-textarea--disabled",!!t]]),id:b,placeholder:l,name:r,value:i,disabled:t,onBlur:d,onChange:s,...p}),e("label",{htmlFor:b,className:a(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",m]]),children:l}),m?e("div",{className:a(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",m]]),children:n}):null]})},Te=({variant:t="primary",className:r})=>e("hr",{role:"separator",className:a(["dropin-divider",`dropin-divider--${t}`,r])}),Q=({amount:t=0,currency:r,locale:n,variant:i="default",weight:l="bold",className:o,children:s,sale:d=!1,formatOptions:p={},size:c="small",...b})=>{const m=Z(()=>Xe({currency:r,locale:n,formatOptions:p}).format(t),[t,r,n,p]);return e("span",{...b,className:a(["dropin-price",`dropin-price--${i}`,`dropin-price--${c}`,`dropin-price--${l}`,["dropin-price--sale",d],o]),children:m})},nt=({name:t,label:r,value:n,size:i="medium",checked:l=!1,disabled:o=!1,error:s=!1,description:d="",busy:p=!1,icon:c,className:b,children:m,..._})=>{var u;return e("label",{className:a([b,"dropin-radio-button",["dropin-radio-button--error",s],["dropin-radio-button--disabled",o]]),children:[e("input",{name:t,value:n,checked:l,disabled:o,type:"radio",className:a(["dropin-radio-button__input",["dropin-radio-button__input--error",s],["dropin-radio-button__input--disabled",o]]),"aria-busy":p,..._}),e("span",{className:a(["dropin-radio-button__label",`dropin-radio-button__label--${i}`,["dropin-radio-button__label--error",s],["dropin-radio-button__label--disabled",o]]),children:[c&&e(c.type,{...c==null?void 0:c.props,className:a(["dropin-radio-button__icon",(u=c==null?void 0:c.props)==null?void 0:u.className])}),r]}),e("span",{className:a(["dropin-radio-button__description",`dropin-radio-button__description--${i}`,["dropin-radio-button__description--disabled",o]]),children:d})]})},z=({value:t,variant:r="primary",size:n="medium",icon:i,className:l,children:o,disabled:s=!1,active:d=!1,activeChildren:p,activeIcon:c,href:b,...m})=>{let _="dropin-button";(i&&!o||i&&d&&!p||!i&&d&&c)&&(_="dropin-iconButton"),d&&p&&(_="dropin-button"),l=a([_,`${_}--${n}`,`${_}--${r}`,[`${_}--${r}--disabled`,s],o&&i&&`${_}--with-icon`,!o&&p&&i&&`${_}--with-icon`,d&&c&&`${_}--with-icon`,l]);const u=a(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,s],i==null?void 0:i.props.className]),g=b?{node:e("a",{}),role:"link",href:b,...m,disabled:s,active:d,onKeyDown:h=>{s&&h.preventDefault()},tabIndex:s?-1:0}:{node:e("button",{}),role:"button",...m,value:t,disabled:s,active:d};return e(D,{...g,className:l,children:[i&&!d&&e(D,{node:i,className:u}),c&&d&&e(D,{node:c,className:u}),o&&!d&&(typeof o=="string"?e("span",{children:o}):o),d&&p&&(typeof p=="string"?e("span",{children:p}):p)]})};function Ie(t,r,n,i,l){return t||(r?r.value:n||i?"":l?l.value:null)}const it=({name:t,value:r=null,options:n,variant:i="primary",floatingLabel:l,size:o="medium",handleSelect:s=()=>{},disabled:d=!1,error:p=!1,placeholder:c,defaultOption:b,icon:m,className:_,id:u,...g})=>{const h=u??t??`dropin-picker-${Math.random().toString(36)}`,N=!!(g!=null&&g.required),v=d||(n==null?void 0:n.length)===1,f=n==null?void 0:n.find(R=>!R.disabled),[S,I]=U(()=>Ie(r,b,c,l,f));q(()=>{I(Ie(r,b,c,l,f))},[r,b,c,l,f]);const $=R=>{const{options:P,value:G}=R.target;for(const x of P)x.selected&&(I(G),s(R))},E=n==null?void 0:n.map(R=>{const{value:P,text:G,disabled:x}=R;return e("option",{value:P,selected:P===S,disabled:x,className:a(["dropin-picker__option"]),children:G},P)}),L=!!S,V=()=>(!N||!L)&&(l||c);return e("div",{className:a([_,"dropin-picker",`dropin-picker__${o}`,["dropin-picker__floating",!!l],["dropin-picker__selected",L],["dropin-picker__error",p],["dropin-picker__disabled",v],["dropin-picker__icon",m]]),children:[m&&e(m.type,{...m.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:h,className:a(["dropin-picker__select",`dropin-picker__select--${i}`,`dropin-picker__select--${o}`,["dropin-picker__select--floating",!!l]]),name:t,"aria-label":t,disabled:v,onChange:$,...g,children:[V()&&e("option",{selected:!L,value:"",className:a(["dropin-picker__option dropin-picker__placeholder"]),children:l??c},r),E]}),e(B,{source:oe,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),l&&L&&e("label",{htmlFor:u,className:a(["dropin-picker__floatingLabel",!!l]),children:l})]})},Ae=({className:t,label:r,error:n,hint:i,success:l,size:o="medium",disabled:s=!1,children:d,...p})=>{var m;const c=((m=d==null?void 0:d.props)==null?void 0:m.id)??`dropin-field-${Math.random().toString(36)}`;let b=null;return d&&typeof d!="string"&&(b=e(D,{node:d,id:c,disabled:s,size:o,error:!!n,success:!!l&&!n},d.key)),e("div",{...p,className:a(["dropin-field",t]),children:[r&&e("label",{className:a(["dropin-field__label",["dropin-field__label--disabled",s],`dropin-field__label--${o}`]),htmlFor:c,children:r}),e("div",{className:a(["dropin-field__content"]),children:b}),e("div",{className:a(["dropin-field__hint",[`dropin-field__hint--${o}`,o],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!l&&!n],["dropin-field__hint--disabled",!!s]]),children:n||l||i})]})},Ot=({icon:t,className:r,children:n,active:i=!1,disabled:l=!1,...o})=>e("button",{role:"button",disabled:l,...o,className:a(["dropin-action-button",["dropin-action-button--active",i],["dropin-action-button--disabled",l],r]),children:[t&&e(D,{node:t,className:a(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),Rt=({className:t,variant:r="primary",activeOption:n,disabled:i=!1,dividers:l=!0,children:o,handleSelect:s,...d})=>{const[p,c]=U(n),b=C(_=>{i||_.props.disabled||(c(_.props.value),s&&s(_.props.value))},[s,c,i]),m=Ee.map(o,_=>{const u=i||_.props.disabled,g=_.props.value===p;return Me(_,{disabled:u,active:g,onClick:()=>b(_),className:a(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",g],["dropin-action-button-group__option--with-dividers",l]])})});return e("div",{role:"group",...d,className:a(["dropin-action-button-group",`dropin-action-button-group--${r}`,t]),children:m})},at=({variant:t="primary",className:r,children:n,...i})=>e("div",{...i,className:a(["dropin-card",`dropin-card--${t}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),Vt=({name:t,value:r,size:n="medium",disabled:i=!1,error:l=!1,label:o="",description:s="",className:d,checked:p,...c})=>{const[b,m]=U(p===void 0?!1:p),_=X(null),u=h=>{var N;(N=c.onChange)==null||N.call(c,h),m(h.currentTarget.checked)},g=h=>{var N;h.key===" "&&(h.preventDefault(),(N=_==null?void 0:_.current)==null||N.click())};return q(()=>{typeof p=="boolean"&&m(p)},[p]),e("label",{className:a(["dropin-checkbox",["dropin-checkbox--disabled",i]]),children:[e("input",{ref:_,name:t,value:r,type:"checkbox",disabled:i,className:a(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",l],d]),...c,onChange:u,checked:b}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["​",e("span",{"aria-checked":b?"true":"false","aria-labelledby":`${t}-label`,"aria-describedby":s?`${t}-description`:void 0,className:a(["dropin-checkbox__box",["dropin-checkbox__box--error",l],["dropin-checkbox__box--disabled",i]]),role:"checkbox",tabIndex:i?-1:0,onKeyDown:g,children:e(B,{className:a(["dropin-checkbox__checkmark"]),source:me,size:"16",stroke:"3"})})]}),e("div",{id:`${t}-label`,className:a(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",i]]),children:o}),e("div",{}),s&&e("div",{id:`${t}-description`,role:"note",className:a(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",i]]),children:s})]})},Ct=({className:t,name:r,value:n,id:i,label:l,groupAriaLabel:o,size:s="medium",color:d,disabled:p=!1,selected:c=!1,outOfStock:b=!1,multi:m=!1,onValue:_,onUpdateError:u,...g})=>{const h=O("Dropin.Swatches.outOfStock.label").label,N=O("Dropin.Swatches.selected.label").label,v=O("Dropin.Swatches.swatch.label").label,f=C(async V=>{if(_)try{await _(V)}catch(R){u&&u(R)}},[_,u]),S=V=>{const R=V.target;f(R.value)},E=d&&(V=>{const R=new Option().style;return R.color=V,R.color!==""})(d)?d:"var(--color-gray-300);",L=()=>b?`${o}: ${l} ${h}`:c?`${o}: ${l} ${N}`:`${o}: ${l} ${v}`;return e("label",{className:a(["dropin-color-swatch__container",`dropin-color-swatch__container--${s}`,t]),children:[e("input",{type:m?"checkbox":"radio",name:r,id:i,value:n,"aria-label":L(),checked:c,disabled:p,onChange:S,...g,className:a(["dropin-color-swatch",["dropin-color-swatch--selected",c],["dropin-color-swatch--disabled",p],t])}),e("span",{style:{"--bg-color":E},className:a(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",b],t])})]})},Pt=({className:t,name:r,value:n,label:i,groupAriaLabel:l,id:o,disabled:s=!1,selected:d=!1,outOfStock:p=!1,multi:c=!1,onValue:b,onUpdateError:m,..._})=>{const u=O("Dropin.Swatches.outOfStock.label").label,g=O("Dropin.Swatches.selected.label").label,h=O("Dropin.Swatches.swatch.label").label,[N,v]=U(!1),f=X(null),S=C(async L=>{if(b)try{await b(L)}catch(V){m&&m(V)}},[b,m]),I=L=>{const V=L.target;S(V.value)},$=()=>p?`${l}: ${i} ${u}`:d?`${l}: ${i} ${g}`:`${l}: ${i} ${h}`;q(()=>{f.current&&f.current.scrollWidth>f.current.clientWidth&&v(!0)},[i]);const E=Z(()=>o??`${r}_${o}_${Math.random().toString(36)}`,[r,o]);return e("div",{className:"dropin-text-swatch__container",...N?{"data-tooltip":i}:{},children:[e("input",{type:c?"checkbox":"radio",name:r,id:E,value:n,"aria-label":$(),checked:d,disabled:s,onChange:I,..._,className:a(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",s],t])}),e("label",{htmlFor:E,ref:f,className:a(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",p],t]),children:i})]})},ot=({ariaLabel:t,size:r="small",stroke:n="4",children:i,className:l,style:o,...s})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${n}`],p=O({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),c=()=>t||(i?p.updatingChildren:p.updating);return i?e("div",{...s,className:a(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:i}),e("div",{"aria-label":c(),role:"status",className:a(["dropin-progress-spinner-background",l]),style:o}),e("div",{className:a(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...s,className:a([l,...d]),"aria-live":"polite",role:"status","aria-label":c()})},Mt=({className:t,name:r,value:n,id:i,label:l,groupAriaLabel:o,src:s,alt:d,disabled:p=!1,selected:c=!1,outOfStock:b=!1,multi:m=!1,imageNode:_,onValue:u,onUpdateError:g,...h})=>{const N=O("Dropin.Swatches.outOfStock.label").label,v=O("Dropin.Swatches.selected.label").label,f=O("Dropin.Swatches.swatch.label").label,S=C(async L=>{if(u)try{await u(L)}catch(V){g&&g(V)}},[u,g]),I=L=>{const V=L.target;S(V.value)},$=()=>b?`${o}: ${l} ${N}`:c?`${o}: ${l} ${v}`:`${o}: ${l} ${f}`,E=Z(()=>({src:s,alt:d,loading:"lazy",params:{width:100,fit:"bounds",crop:!0},onError:L=>L.target.style.display="none"}),[s,d]);return e("label",{className:a(["dropin-image-swatch__container",t]),children:[e("input",{type:m?"checkbox":"radio",name:r,id:i,value:n,"aria-label":$(),checked:c,disabled:p,onChange:I,...h,className:a(["dropin-image-swatch",["dropin-image-swatch--selected",c],["dropin-image-swatch--disabled",p],t])}),e("span",{className:a(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",b],t]),children:typeof _=="function"?_({...E,imageSwatchContext:{disabled:p,outOfStock:b,selected:c,value:n,label:l,groupAriaLabel:o,name:r,id:i}}):_||e(We,{...E,className:a(["dropin-image-swatch__content"])})})]})},lt=({className:t,children:r,title:n,ariaLabelTitle:i,secondaryText:l,actionIconPosition:o="left",iconOpen:s=ae,iconClose:d=se,iconLeft:p=ae,showIconLeft:c=!1,renderContentWhenClosed:b=!0,defaultOpen:m,onStateChange:_,...u})=>{const[g,h]=U(!1),N=$=>{$.stopImmediatePropagation();const E=!g;h(E),_==null||_(E)};q(()=>{typeof m<"u"&&h(m)},[m]);const v=O(`Dropin.Accordion.${g?"close":"open"}.label`).label,f=e(B,{source:s,size:"24",onClick:N,onKeyPress:N,className:"dropin-accordion-section__open-icon"}),S=e(B,{source:d,size:"24",onClick:N,onKeyPress:N,className:"dropin-accordion-section__close-icon"}),I=e(B,{source:p,size:"24"});return e("div",{...u,className:a(["dropin-accordion-section",t]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:N,onKeyPress:N,role:"button","aria-label":`${v} ${i??n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(g?S:f),c&&I,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[l&&e("h4",{className:"dropin-accordion-section__secondary-text",children:l}),o==="right"&&(g?S:f)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:g?"grid":"none"},children:(g||b&&!g)&&r})]})},Ft=({className:t,children:r,actionIconPosition:n="left",iconOpen:i=ae,iconClose:l=se,...o})=>{const s=e(Te,{variant:"secondary"}),d=p=>e(Y,{children:[e(lt,{...p.props,actionIconPosition:n,iconOpen:i,iconClose:l}),s]});return e("div",{...o,className:a(["dropin-accordion",t]),children:[s,...(Array.isArray(r)?r:[r]).map(d)]})},Bt=({variant:t="primary",className:r,type:n="warning",additionalActions:i,onDismiss:l,heading:o,description:s,icon:d,itemList:p,actionButtonPosition:c,...b})=>{var _,u,g;const m=O({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...b,className:a(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${t}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(D,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:o})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[i&&(c==="top"||!c&&i.length<=1)&&e(z,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:i.length>0?(_=i[0])==null?void 0:_.onClick:void 0,"aria-label":(u=i[0])==null?void 0:u.label,children:(g=i[0])==null?void 0:g.label}),l&&e(z,{icon:e(B,{source:re,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:l,"aria-label":m.dismiss})]})]}),s&&e("p",{className:"dropin-in-line-alert__description",children:s}),e("div",{className:"dropin-in-line-alert__item-list-container",children:p&&e(D,{node:p,className:a(["dropin-in-line-alert__item-list"])})}),i&&(c==="bottom"||!c&&i.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:i.map(h=>e(z,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:h.onClick,children:h.label},h.label))})]})},st=({children:t})=>{const r=X(null),n=X(null);return Fe(()=>(r.current||(r.current=document.createElement("div"),r.current.setAttribute("data-portal-root",""),document.body.appendChild(r.current)),n.current&&r.current&&r.current.appendChild(n.current),()=>{r.current&&(r.current.remove(),r.current=null)}),[]),e("div",{ref:n,className:"dropin-design",children:t})},Wt=({size:t="small",title:r=null,centered:n=!1,backgroundDim:i=!0,clickToDismiss:l=!0,escapeToDismiss:o=!0,onClose:s,showCloseButton:d=!0,className:p,children:c=null,...b})=>{const m=C(()=>{s==null||s()},[s]),_=O({modalCloseLabel:"Dropin.Modal.Close.label"});return q(()=>{const u=g=>{const h=document.querySelector(".dropin-modal"),N=document.querySelector(".dropin-modal__body");l&&h&&N&&!N.contains(g.target)&&m()};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[m,l]),q(()=>{const u=g=>{g.key==="Escape"&&o&&m()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[m,o]),q(()=>{const u=document.scrollingElement,g=u.style.overflow;return u.style.overflow="hidden",()=>{u.style.overflow=g}},[]),e(st,{children:e("div",{className:a(["dropin-modal",["dropin-modal--dim",i]]),children:e("div",{...b,className:a(["dropin-modal__body",[`dropin-modal__body--${t}`,t],p]),children:[e("div",{className:a(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:a(["dropin-modal__header-title-content"]),children:r}),d&&e(z,{"aria-label":_.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:m,icon:e(re,{})})]}),e("div",{className:a(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:c})]})})})},Ht=({className:t,children:r,ariaLabel:n,image:i,title:l,price:o,rowTotalFooter:s,taxIncluded:d=!1,taxExcluded:p=!1,total:c,totalExcludingTax:b,sku:m,configurations:_,warning:u,alert:g,discount:h,savings:N,actions:v,removeContent:f,quantity:S,quantityContent:I,description:$,attributes:E,footer:L,loading:V=!1,updating:R=!1,quantityType:P,dropdownOptions:G,onQuantity:x,onRemove:J,...de})=>{var ne,ie;const{locale:ee}=Be(He),W=O({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if(V)return e(dt,{});const ce=P==="dropdown"?e(it,{className:a(["dropin-cart-item__quantity__picker"]),value:String(S),name:"quantity","aria-label":W.quantity,disabled:R,variant:"primary",options:G,handleSelect:K=>x==null?void 0:x(Number(K.target.value))}):e(tt,{className:a(["dropin-cart-item__quantity__incrementer"]),value:S,min:1,onValue:K=>x==null?void 0:x(Number(K)),name:"quantity","aria-label":W.quantity,disabled:R});return e("div",{...de,className:a(["dropin-cart-item",["dropin-cart-item--updating",R],t]),children:[R&&e(ot,{className:a(["dropin-cart-item__spinner"]),ariaLabel:n?(ne=W.updating)==null?void 0:ne.replace("{product}",n):W.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[i&&e(D,{node:i,className:a(["dropin-cart-item__image"])}),l&&e(D,{node:l,className:a(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!x||!!J]])}),$&&e(D,{node:$,className:a(["dropin-cart-item__description"])}),m&&e(D,{node:m,className:a(["dropin-cart-item__sku"])}),e("div",{className:a(["dropin-cart-item__savings__wrapper"]),children:[h&&e(D,{node:h,className:a(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),N&&e(D,{node:N,className:a(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),E&&e("div",{className:a(["dropin-cart-item__attributes"]),children:e(D,{node:E})}),_&&e("ul",{className:a(["dropin-cart-item__configurations"]),children:Object.entries(_).map(([K,te])=>e("li",{className:a(["dropin-cart-item__configurations__item"]),children:[K,":"," ",e("strong",{className:a(["dropin-cart-item__configurations__item__value"]),children:te})]},K))}),o&&e("span",{className:a(["dropin-cart-item__price"]),"aria-label":W.pricePerItem,children:[S&&!x&&e(Y,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[S.toLocaleString(ee)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[W.quantity,": ",S==null?void 0:S.toLocaleString(ee),";"]})]}),e(D,{node:o,role:"text"}),S&&S>1&&e(Y,{children:[" ",W.each]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",W.taxIncluded]}),p&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",W.taxExcluded]})]}),e("div",{className:a(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!x]]),children:[I?e(D,{node:I}):x?ce:S&&e("span",{className:a(["dropin-cart-item__quantity__value"]),children:[W.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(S).toLocaleString(ee)})]}),u&&e(D,{node:u,className:a(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),g&&e(D,{node:g,className:a(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),v&&e("div",{className:a(["dropin-cart-item__actions"]),children:e(D,{node:v,className:a(["dropin-cart-item__buttons"])})}),u&&e(D,{node:u,className:a(["dropin-cart-item__warning"])}),g&&e(D,{node:g,className:a(["dropin-cart-item__alert"])}),e("div",{className:a(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!J]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[c&&e("div",{className:"dropin-cart-item__row-total",children:e(D,{node:c,role:"text"})}),d&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-message"]),children:W.taxIncluded})})]}),p&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-excluded-message"]),children:[b&&e(D,{node:b,role:"text"})," ",W.taxExcluded]})}),h&&e(D,{node:h,className:a(["dropin-cart-item__discount"])}),N&&e(D,{node:N,className:a(["dropin-cart-item__savings"])}),s&&e(D,{node:s,className:a(["dropin-cart-item__row-total-footer"])})]}),L&&e(D,{node:L,className:a(["dropin-cart-item__footer"])})]}),f?e(D,{node:f}):J?e(z,{"data-testid":"cart-item-remove-button",className:a(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>J==null?void 0:J(),icon:e(B,{"data-testid":"cart-item-remove-icon",source:Je,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(ie=W.remove)==null?void 0:ie.replace("{product}",n):W.removeDefault}),disabled:R}):null]})},dt=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(le,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(j,{className:"dropin-cart-item__skeleton__item"})})]})}),qt=({className:t,children:r,...n})=>e("div",{...n,className:a(["dropin-cart-list",t]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:Ee.map(r,(i,l)=>e("div",{className:"dropin-cart-list__item",children:i},l))})}),Ut=({className:t,children:r,locale:n,currency:i,amount:l,variant:o="default",minimumAmount:s,maximumAmount:d,size:p="small",display:c="dash",specialPrice:b,sale:m=!1,..._})=>{const u=Z(()=>l||s===d||s&&!d||d&&!s,[l,d,s]);return e("div",{children:u?e("div",{..._,className:a(["dropin-price-range",t]),children:e(Q,{amount:l??s??d,currency:i,locale:n,size:p,variant:o,sale:m})}):e("div",{..._,className:a(["dropin-price-range",t]),children:[c==="dash"?e(ct,{specialPrice:b,minimumAmount:s,maximumAmount:d,currency:i,locale:n,size:p,sale:m}):null,c==="from to"?e(pt,{specialPrice:b,minimumAmount:s,maximumAmount:d,currency:i,locale:n,size:p,sale:m}):null,c==="as low as"?e(_t,{specialPrice:b,minimumAmount:s,maximumAmount:d,currency:i,locale:n,size:p,sale:m}):null]})})};function ct({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:l,size:o,sale:s}){return e(Y,{children:[e(Q,{amount:t??r,currency:i,locale:l,size:o,sale:!!t&&s}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(Q,{amount:n,currency:i,locale:l,size:o})]})}function pt({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:l,size:o,sale:s}){const d=O({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(Y,{children:[e("span",{className:a(["dropin-price-range__from",`dropin-price-range__from--${o}`]),children:d.from}),e(Q,{amount:t??r,currency:i,locale:l,size:o,sale:!!t&&s}),e("span",{className:a(["dropin-price-range__to",`dropin-price-range__to--${o}`]),children:d.to}),e(Q,{amount:n,currency:i,locale:l,size:o})]})}function _t({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:l,size:o,sale:s}){const d=O({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(Y,{children:[e("span",{className:a(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${o}`]),children:d.asLowAs}),t?e("div",{children:[e(Q,{amount:n,currency:i,locale:l,size:o,variant:"strikethrough"}),e(Q,{amount:t,currency:i,locale:l,size:o,className:"dropin-price-range__special",sale:!!t&&s})]}):e(Q,{amount:r,currency:i,locale:l,size:o})]})}const Kt=({className:t,categories:r,separator:n,...i})=>e(Y,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...i,className:a(["dropin-breadcrumbs__container",t]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((l,o)=>e("li",{className:a(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",o===r.length-1]]),children:[e(D,{node:l,className:"dropin-breadcrumbs__link"}),!n&&o!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&o!==r.length-1&&e(D,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},o))})})}),Gt=({className:t,variant:r,icon:n,message:i,onDismiss:l,action:o,...s})=>{const d=O({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...s,className:a([t,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(D,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(D,{node:i,className:a(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[o&&e(z,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:o.onClick,"aria-label":o.label,children:o.label}),e(z,{icon:e(B,{source:re,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:l,"aria-label":d.dismiss})]})]})},jt=({className:t,icon:r,heading:n,headingLevel:i=2,message:l,action:o,variant:s="secondary",...d})=>{const p=i>=1&&i<=6?`h${i}`:"h2";return e("div",{...d,className:a(["dropin-illustrated-message",t]),children:e(at,{variant:s,children:[r&&e(D,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(p,{className:"dropin-illustrated-message__heading",children:n}),l&&e(D,{node:l,className:"dropin-illustrated-message__message"}),o&&e(D,{node:o,className:"dropin-illustrated-message__action"})]})})},zt=({label:t,name:r,value:n,busy:i=!1,disabled:l=!1,children:o,className:s,icon:d,onChange:p,selected:c=!0,...b})=>e("div",{...b,className:a(["dropin-toggle-button",s,["dropin-toggle-button__selected",c],["dropin-toggle-button__disabled",l]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(nt,{label:"",name:r,value:n,checked:c,disabled:l,onChange:()=>p&&p(n),"aria-label":r,busy:i,className:a([s,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[d&&e(d.type,{...d==null?void 0:d.props,className:"dropin-toggle-button__icon"}),t]})]})}),ut=({level:t,className:r,children:n})=>{const i=t&&t>=1&&t<=6?`h${t}`:"span";return e(i,{className:r,children:n})},Jt=({title:t=null,size:r="medium",cta:n,divider:i=!0,className:l,level:o,...s})=>t?e("div",{...s,className:a(["dropin-header-container",l]),"data-testid":"dropin-header-container",children:[e(ut,{className:a(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),level:o,children:t}),n?e(D,{node:n,className:"dropin-header-container__actions"}):null,i?e(Te,{className:a(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,mt=({label:t,className:r,children:n,...i})=>!t&&!n?null:e("div",{...i,className:a(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:n??e("span",{className:"dropin-tag-container__label",children:t})}),Xt=({className:t,children:r,maxColumns:n,columnWidth:i="1fr",emptyGridContent:l,...o})=>{const s=!!r&&(Array.isArray(r)?r.length>0:!0),d=s?{gridTemplateColumns:`repeat(${n}, ${i})`}:void 0;return e("div",{...o,className:a(["dropin-content-grid",t]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:a(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!s]]),style:d,children:s?r:l})})},ue=t=>{if(t.href){const{href:i,disabled:l,...o}=t;return e("a",{href:i,"aria-disabled":l,...o})}const{type:r="button",...n}=t;return e("button",{type:r,...n})},Yt=({totalPages:t=10,currentPage:r=1,onChange:n,routePage:i,className:l,...o})=>{const s=O({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),d=C(_=>{const u=Math.min(r+1,t);n==null||n(u,_)},[r,n,t]),p=C(_=>{const u=Math.max(r-1,1);n==null||n(u,_)},[r,n]),c=C((_,u)=>{Ye(_)&&(n==null||n(_,u))},[n]),b=C((_,u)=>{let g=[];const h=(N,v)=>{for(let f=N;f<=v;f++)g.push({page:f,isActive:f===_,label:f})};return u<=5?h(1,u):_<=2?(h(1,2),g.push({page:"ellipsis",isActive:!1,label:"..."}),h(u-1,u)):_>=u-3?h(u-4,u):(h(_-1,_),g.push({page:"ellipsis",isActive:!1,label:"..."}),h(u-1,u)),g},[]),m=Z(()=>b(r,t),[b,r,t]);return e("div",{...o,className:a(["dropin-pagination",l]),children:[e(ue,{"data-testid":"prev-button","aria-label":s.backwardButton,disabled:r===1,onClick:_=>p(_),href:(i==null?void 0:i(r))??void 0,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--backward",["dropin-pagination-arrow--disabled",r===1]]),children:e(B,{size:"24",source:oe})}),e("ul",{className:"dropin-pagination_list",children:m.map((_,u)=>e("li",{"data-testid":`dropin-pagination_list-item--${_.page}`,className:a(["dropin-pagination_list-item",`dropin-pagination_list-item--${_.page}`,["dropin-pagination_list-item--active",_.isActive]]),children:e(ue,{"data-testid":`set-page-button-${_.page}`,onClick:g=>c(_.page,g),href:(i==null?void 0:i(_.page))??void 0,children:_.label})},`${_.page}_${u}`))}),e(ue,{"data-testid":"next-button","aria-label":s.forwardButton,disabled:r===t,onClick:_=>d(_),href:(i==null?void 0:i(r))??void 0,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--forward",["dropin-pagination-arrow--disabled",r===t]]),children:e(B,{size:"24",source:oe})})]})},ht=()=>e("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:[e(le,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:e(j,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"})}),e(le,{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"})]})]}),Zt=({className:t,image:r,titleNode:n,price:i,sku:l,actionButton:o,swatches:s,initialized:d=!1,...p})=>d?e("div",{...p,className:a(["dropin-product-item-card",t]),children:[e("div",{className:"dropin-product-item-card__image-container",children:r&&e(D,{node:r,className:a(["dropin-product-item-card__image"])})}),e("div",{className:"dropin-product-item-card__content",children:[n&&e(D,{node:n,className:a(["dropin-product-item-card__title"])}),l&&e(D,{node:l,className:a(["dropin-product-item-card__sku"])}),i&&e("div",{className:"dropin-product-item-card__price",children:e(D,{node:i,className:a(["dropin-product-item-card__price"])})}),s&&e("div",{className:"dropin-product-item-card__swatches",children:e(D,{node:s,className:a(["dropin-product-item-card__swatches"])})}),o&&e("div",{className:"dropin-product-item-card__action",children:e(D,{node:o,className:a(["dropin-product-item-card__action"])})})]})]}):e(ht,{}),Qt=({accept:t,onChange:r,label:n="Upload Document",icon:i,className:l,multiple:o,id:s,...d})=>{const p=$e(),c=s||p,b=m=>{r==null||r(m)};return e("div",{className:a(["dropin-input-file",l]),children:[e("label",{htmlFor:c,className:"dropin-input-file__label",children:[i&&e("span",{className:"dropin-input-file__icon",children:i}),n]}),e("input",{id:c,type:"file",accept:t,multiple:o,onChange:b,className:"dropin-input-file__input",...d})]})},er=({className:t,children:r,columns:n=[],rowData:i=[],mobileLayout:l="none",caption:o,expandedRows:s=new Set,loading:d=!1,skeletonRowCount:p=10,onSortChange:c,...b})=>{const m=O({sortedAscending:"Dropin.Table.sortedAscending",sortedDescending:"Dropin.Table.sortedDescending",sortBy:"Dropin.Table.sortBy"}),_=v=>{if(!c)return;let f;v.sortBy===!0?f="asc":v.sortBy==="asc"?f="desc":f=!0,c(v.key,f)},u=v=>{if(v.sortBy===void 0)return null;const f=v.ariaLabel??v.label;let S,I;return v.sortBy==="asc"?(S="ChevronUp",I=m.sortedAscending.replace("{label}",f)):v.sortBy==="desc"?(S="ChevronDown",I=m.sortedDescending.replace("{label}",f)):(S="ChevronDown",I=m.sortBy.replace("{label}",f)),e(z,{variant:"tertiary",size:"medium",className:"dropin-table__header__sort-button",icon:e(B,{source:S}),"aria-label":I,onClick:()=>_(v)})},g=()=>Array.from({length:p},(v,f)=>e("tr",{className:"dropin-table__body__row",children:n.map(S=>e("td",{className:"dropin-table__body__cell","data-label":S.ariaLabel??S.label,children:e(le,{children:e(j,{variant:"row",size:"small",fullWidth:!0})})},S.key))},`skeleton-${f}`)),h=()=>i.map((v,f)=>{const S=v._rowDetails!==void 0,I=s.has(f);return e(Y,{children:[e("tr",{className:a(["dropin-table__body__row",["dropin-table__body__row--expanded",I&&S]]),children:n.map($=>{const E=v[$.key],L=$.ariaLabel??$.label;return typeof E=="string"||typeof E=="number"?e("td",{className:"dropin-table__body__cell","data-label":L,children:E},$.key):e("td",{className:"dropin-table__body__cell","data-label":L,children:e(D,{node:E})},$.key)})}),S&&I&&e("tr",{className:"dropin-table__row-details dropin-table__row-details--expanded",id:`row-${f}-details`,children:e("td",{className:"dropin-table__row-details__cell",colSpan:n.length,role:"region","aria-labelledby":`row-${f}-details`,children:typeof v._rowDetails=="string"?v._rowDetails:e(D,{node:v._rowDetails})})},`${f}-details`)]},f)}),N=v=>{if(v.sortBy===!0)return"none";if(v.sortBy==="asc")return"ascending";if(v.sortBy==="desc")return"descending"};return e("div",{className:a(["dropin-table",`dropin-table--mobile-layout-${l}`,t]),children:e("table",{...b,className:"dropin-table__table",children:[o&&e("caption",{className:"dropin-table__caption",children:o}),e("thead",{className:"dropin-table__header",children:e("tr",{className:"dropin-table__header__row",children:n.map(v=>e("th",{className:a(["dropin-table__header__cell",["dropin-table__header__cell--sorted",v.sortBy==="asc"||v.sortBy==="desc"],["dropin-table__header__cell--sortable",v.sortBy!==void 0]]),"aria-sort":N(v),children:[v.label,u(v)]},v.key))})}),e("tbody",{className:"dropin-table__body",children:d?g():h()})]})})},bt=(t,r)=>t.filter(n=>n.label.toLowerCase().includes(r.toLowerCase())),ft=(t,r)=>t.map(n=>{const i=r.find(l=>l.value===n);return i?i.label:n}),vt=(t,r,n)=>{const i=t||r;return{listboxId:`${i}-listbox`,searchInputId:`${i}-search`,labelId:n?`${i}-label`:void 0,selectedDescriptionId:`${r}-selected-description`}},gt=()=>{const[t,r]=U(""),n=C(i=>{r(i),setTimeout(()=>r(""),1e3)},[]);return{announcement:t,announce:n}},Nt=(t,r,n,i)=>(q(()=>{if(r>=0&&i.current){const o=i.current.querySelectorAll("[data-option-index]");o[r]&&o[r].scrollIntoView({block:"nearest",behavior:"smooth"})}},[r,i]),{navigate:C(o=>{n(s=>{var c,b,m;const d=o==="up"?-1:1;let p=s+d;for(;p>=0&&p<t.length&&((c=t[p])!=null&&c.disabled);)p+=d;if(p>=0&&p<t.length)return p;if(o==="up"){for(let _=t.length-1;_>=0;_--)if(!((b=t[_])!=null&&b.disabled))return _}else for(let _=0;_<t.length;_++)if(!((m=t[_])!=null&&m.disabled))return _;return-1})},[t,n])}),tr=({options:t=[],value:r=[],onChange:n=()=>{},id:i="",className:l="",selectAllText:o="",deselectAllText:s="",placeholder:d="",noResultsText:p="",floatingLabel:c="",name:b="multi-select-sdk",error:m=!1,success:_=!1,disabled:u=!1,maxHeight:g=300})=>{const h=O({selectAll:"Dropin.MultiSelect.selectAll",deselectAll:"Dropin.MultiSelect.deselectAll",placeholder:"Dropin.MultiSelect.placeholder",noResultsText:"Dropin.MultiSelect.noResultsText",removed:"Dropin.MultiSelect.ariaLabel.removed",added:"Dropin.MultiSelect.ariaLabel.added",itemsSelected:"Dropin.MultiSelect.ariaLabel.itemsSelected",itemsAdded:"Dropin.MultiSelect.ariaLabel.itemsAdded",itemsRemoved:"Dropin.MultiSelect.ariaLabel.itemsRemoved",selectedTotal:"Dropin.MultiSelect.ariaLabel.selectedTotal",noResultsFor:"Dropin.MultiSelect.ariaLabel.noResultsFor",optionsAvailable:"Dropin.MultiSelect.ariaLabel.optionsAvailable",dropdownExpanded:"Dropin.MultiSelect.ariaLabel.dropdownExpanded",useArrowKeys:"Dropin.MultiSelect.ariaLabel.useArrowKeys",removeFromSelection:"Dropin.MultiSelect.ariaLabel.removeFromSelection",fromSelection:"Dropin.MultiSelect.ariaLabel.fromSelection",selectedItem:"Dropin.MultiSelect.ariaLabel.selectedItem",inField:"Dropin.MultiSelect.ariaLabel.inField",selectedItems:"Dropin.MultiSelect.ariaLabel.selectedItems",scrollableOptionsList:"Dropin.MultiSelect.ariaLabel.scrollableOptionsList",selectOptions:"Dropin.MultiSelect.ariaLabel.selectOptions",itemAction:"Dropin.MultiSelect.ariaLabel.itemAction",bulkAdded:"Dropin.MultiSelect.ariaLabel.bulkAdded",bulkRemoved:"Dropin.MultiSelect.ariaLabel.bulkRemoved",dropdownExpandedWithOptions:"Dropin.MultiSelect.ariaLabel.dropdownExpandedWithOptions",selectedItemInField:"Dropin.MultiSelect.ariaLabel.selectedItemInField",removeFromSelectionWithText:"Dropin.MultiSelect.ariaLabel.removeFromSelectionWithText",itemsSelectedDescription:"Dropin.MultiSelect.ariaLabel.itemsSelectedDescription",noItemsSelected:"Dropin.MultiSelect.ariaLabel.noItemsSelected"}),[N,v]=U(!1),[f,S]=U(""),[I,$]=U(-1),E=X(null),L=X(null),V=X(null),{announcement:R,announce:P}=gt(),G=C((w=!1)=>{v(!1),w&&S(""),$(-1)},[]),x=Z(()=>bt(t,f),[t,f]),{navigate:J}=Nt(x,I,$,V);q(()=>{const w=T=>{E.current&&T.target&&!E.current.contains(T.target)&&G(!0)};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[G]);const de=w=>{!u&&L.current&&w.target&&!w.target.closest("[data-tag]")&&(N?G(!1):(L.current.focus(),v(!0)))},ee=C(w=>{var M;const T=t.find(H=>H.value===w),A=r.includes(w),F=A?r.filter(H=>H!==w):[...r,w];if(n(F),(M=L.current)==null||M.focus(),T){const H=A?h.removed:h.added;P(h.itemAction.replace("{label}",T.label).replace("{action}",H).replace("{count}",F.length.toString()))}},[r,n,t,P,h]),W=(w,T)=>{var M;w.stopPropagation();const A=t.find(H=>H.value===T),F=r.filter(H=>H!==T);n(F),(M=L.current)==null||M.focus(),A&&P(h.itemAction.replace("{label}",A.label).replace("{action}",h.removed).replace("{count}",F.length.toString()))},ce=w=>{w.preventDefault();const T=x.map(H=>H.value),A=new Set(r),F=T.filter(H=>!A.has(H)),M=[...r,...F];n(M),F.length>0&&P(h.bulkAdded.replace("{count}",F.length.toString()).replace("{total}",M.length.toString()))},ne=w=>{w.preventDefault();const T=new Set(x.map(M=>M.value)),A=r.filter(M=>T.has(M)).length,F=r.filter(M=>!T.has(M));n(F),A>0&&P(h.bulkRemoved.replace("{count}",A.toString()).replace("{total}",F.length.toString()))},ie=w=>{var T;if(w.key==="Backspace"&&f===""&&r.length>0){w.preventDefault();const A=r.slice(0,-1);n(A);return}if(!N&&(w.key==="ArrowDown"||w.key==="Enter")){w.preventDefault(),v(!0);return}if(N)switch(w.key){case"ArrowDown":w.preventDefault(),J("down");break;case"ArrowUp":w.preventDefault(),J("up");break;case"Enter":if(w.preventDefault(),I>=0&&I<x.length){const A=x[I];A!=null&&A.disabled||ee(A.value)}else x.length===1&&!((T=x[0])!=null&&T.disabled)&&ee(x[0].value);break;case"Escape":w.preventDefault(),G(!0);break;case"Tab":G(!0);break}},K=Z(()=>ft(r,t),[r,t]),{listboxId:te,searchInputId:he,labelId:pe,selectedDescriptionId:be}=vt(i,b,c),fe=I>=0?`${te}-option-${I}`:"",Oe=Z(()=>r.length>0,[r]);q(()=>{f&&!N&&v(!0)},[N,f]),q(()=>{if(N&&f){const w=x.length;P(w===0?`${h.noResultsFor} "${f}"`:`${w} ${h.optionsAvailable}`)}},[x.length,f,N,P,h]),q(()=>{N&&L.current&&(L.current.focus(),x.length>0&&P(h.dropdownExpandedWithOptions.replace("{count}",x.length.toString()).replace("{s}",x.length===1?"":"s")))},[N,K.length,x.length,P,h]);const Re=()=>e(Y,{children:K.map((w,T)=>{const A=r.length,F=c?`${c}: `:"",M=A===1?`${F}${h.itemsSelected.replace("{count}","1").replace("{labels}",String(w)).replace("{s}","")}`:`${F}${h.itemsSelected.replace("{count}",A.toString()).replace("{labels}",K.join(", ")).replace("{s}",A===1?"":"s")}`;return e(mt,{"data-tag":"true",className:"dropin-multi-select__tag",role:"group","aria-label":c?h.selectedItemInField.replace("{label}",String(w)).replace("{field}",c):`${h.selectedItem} ${String(w)}`,children:[e("span",{"aria-hidden":"true",children:w}),e("button",{type:"button",onClick:H=>W(H,r[T]),className:"dropin-multi-select__tag-remove",disabled:u,"aria-label":h.removeFromSelectionWithText.replace("{label}",String(w)).replace("{text}",M),children:e(re,{size:12,"aria-hidden":"true"})})]},r[T])})}),Ve=()=>e("input",{id:he,ref:L,type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":N,"aria-controls":te,className:a(["dropin-multi-select__search",["dropin-multi-select__search--with-floating-label",!!c]]),placeholder:r.length===0?d||h.placeholder:"",value:f,onChange:w=>{const T=w.target;S(T.value),$(-1)},onKeyDown:ie,onFocus:()=>v(!0),disabled:u,style:{minWidth:f?`${f.length*8+20}px`:"40px"},"aria-autocomplete":"list","aria-activedescendant":N&&fe?fe:void 0,...pe?{"aria-labelledby":pe}:{"aria-label":c||d||h.placeholder||h.selectOptions},"aria-describedby":be}),Ce=()=>e("div",{className:"dropin-multi-select__controls",children:[e(z,{variant:"tertiary",type:"button",className:"dropin-multi-select__button dropin-multi-select__button--select-all",onMouseDown:ce,"data-testid":"multi-select-select-all",children:o||h.selectAll})," | ",e(z,{variant:"tertiary",type:"button",className:"dropin-multi-select__button dropin-multi-select__button--deselect-all",onMouseDown:ne,disabled:!Oe,"data-testid":"multi-select-deselect-all",children:s||h.deselectAll})]}),Pe=()=>e("ul",{className:"dropin-multi-select__list",id:te,role:"listbox","aria-multiselectable":"true","aria-label":c||d||h.placeholder,children:x.map((w,T)=>{const A=r.includes(w.value),F=T===I,M=`${te}-option-${T}`;return e("li",{id:M,"data-option-index":T,"data-testid":`multi-select-option-${T}`,className:a(["dropin-multi-select__option",["dropin-multi-select__option--focused",F],["dropin-multi-select__option--selected",A],["dropin-multi-select__option--disabled",w.disabled]]),onClick:()=>{w.disabled||ee(w.value)},onMouseEnter:()=>!w.disabled&&$(T),role:"option","aria-selected":A,"aria-disabled":w.disabled,children:[e("span",{className:a(["dropin-multi-select__option-label",["dropin-multi-select__option-label--disabled",w.disabled]]),children:w.label}),A&&e(me,{width:16,height:16,className:"dropin-multi-select__check-icon","aria-hidden":"true"})]},w.value)})});return e("div",{ref:E,"data-testid":"multi-select",className:a(["dropin-multi-select",l]),children:[e("input",{id:i||b,type:"hidden",name:b,"data-testid":"multi-select-hidden-input",value:r.join(","),disabled:u,"aria-hidden":"true"}),e("div",{className:a(["dropin-multi-select__container",["dropin-multi-select__container--open",N],["dropin-multi-select__container--disabled",u],["dropin-multi-select__container--error",m],["dropin-multi-select__container--success",_],["dropin-multi-select__container--with-floating-label",!!c],["dropin-multi-select__container--has-value",!!(c&&(r.length>0||f.length>0))]]),onMouseDown:de,"data-testid":"multi-select-container",children:[e("div",{className:a(["dropin-multi-select__tags-area",["dropin-multi-select__tags-area--has-values",K.length>0]]),"data-testid":"multi-select-tags-area",role:"group","aria-label":h.selectedItems,children:[e("div",{id:be,className:"dropin-multi-select__sr-only","aria-live":"polite","aria-atomic":"true",children:r.length>0?h.itemsSelectedDescription.replace("{count}",r.length.toString()).replace("{s}",r.length===1?"":"s").replace("{labels}",K.join(", ")):h.noItemsSelected}),Re(),Ve(),c?e("label",{className:"dropin-multi-select__floating-label",htmlFor:he,id:pe,children:c}):null]}),e(oe,{className:a(["dropin-multi-select__chevron",["dropin-multi-select__chevron--open",N]])})]}),N&&e("div",{className:"dropin-multi-select__dropdown","data-testid":"multi-select-dropdown",children:[x.length>0&&Ce(),e("div",{ref:V,className:"dropin-multi-select__options","data-testid":"multi-select-options",style:{maxHeight:`${g}px`},tabIndex:0,role:"region","aria-label":h.scrollableOptionsList,children:x.length===0?e("div",{className:"dropin-multi-select__no-results","data-testid":"multi-select-no-results",role:"status","aria-live":"polite",children:[p||h.noResultsText," ",f&&`"${f}"`]}):Pe()})]}),e("div",{className:"dropin-multi-select__announcements dropin-multi-select__sr-only","aria-live":"assertive","aria-atomic":"true",children:R})]})};export{Ft as Accordion,lt as AccordionSection,Ot as ActionButton,Rt as ActionButtonGroup,Gt as AlertBanner,Kt as Breadcrumbs,z as Button,at as Card,Ht as CartItem,dt as CartItemSkeleton,qt as CartList,Vt as Checkbox,Ct as ColorSwatch,Xt as ContentGrid,Te as Divider,Ae as Field,Jt as Header,B as Icon,jt as IllustratedMessage,We as Image,Mt as ImageSwatch,Bt as InLineAlert,tt as Incrementer,Le as Input,Lt as InputDate,Qt as InputFile,Tt as InputPassword,Wt as Modal,tr as MultiSelect,Yt as Pagination,it as Picker,Q as Price,Ut as PriceRange,Zt as ProductItemCard,ot as ProgressSpinner,nt as RadioButton,le as Skeleton,j as SkeletonRow,er as Table,mt as Tag,At as TextArea,Pt as TextSwatch,zt as ToggleButton,He as UIContext,ir as UIProvider,ar as provider};
4
4
  //# sourceMappingURL=components.js.map