wimui 0.15.0 → 0.16.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 (151) hide show
  1. package/NOTICE +85 -0
  2. package/README.ja.md +2 -0
  3. package/README.md +2 -0
  4. package/dist/components/_internal/FeedbackIcon.cjs +1 -1
  5. package/dist/components/_internal/FeedbackIcon.js +17 -16
  6. package/dist/components/ai/ChatUI/chat-ui.module.cjs +1 -1
  7. package/dist/components/ai/ChatUI/chat-ui.module.js +2 -2
  8. package/dist/components/ai/CodeBlock/code-block.module.cjs +1 -1
  9. package/dist/components/ai/CodeBlock/code-block.module.js +1 -1
  10. package/dist/components/ai/Terminal/Terminal.cjs +1 -1
  11. package/dist/components/ai/Terminal/Terminal.js +1 -1
  12. package/dist/components/data-display/Card/card.module.cjs +1 -1
  13. package/dist/components/data-display/Card/card.module.js +15 -15
  14. package/dist/components/data-display/Stats/Stats.cjs +1 -1
  15. package/dist/components/data-display/Stats/Stats.js +46 -38
  16. package/dist/components/data-display/Timeline/timeline.module.cjs +1 -1
  17. package/dist/components/data-display/Timeline/timeline.module.js +6 -6
  18. package/dist/components/form/Cascader/cascader.module.cjs +1 -1
  19. package/dist/components/form/Cascader/cascader.module.js +6 -6
  20. package/dist/components/form/RichTextEditor/RichTextEditor.cjs +1 -1
  21. package/dist/components/form/RichTextEditor/RichTextEditor.js +248 -421
  22. package/dist/components/form/SignaturePad/signature-pad.module.cjs +1 -1
  23. package/dist/components/form/SignaturePad/signature-pad.module.js +6 -6
  24. package/dist/components/form/Transfer/transfer.module.cjs +1 -1
  25. package/dist/components/form/Transfer/transfer.module.js +6 -6
  26. package/dist/components/form/TreeSelect/tree-select.module.cjs +1 -1
  27. package/dist/components/form/TreeSelect/tree-select.module.js +6 -6
  28. package/dist/components/layout/Dashboard/Dashboard.cjs +1 -1
  29. package/dist/components/layout/Dashboard/Dashboard.js +1 -1
  30. package/dist/components/layout/Transition/Transition.cjs +1 -1
  31. package/dist/components/layout/Transition/Transition.js +24 -46
  32. package/dist/components/media/Gallery/Gallery.cjs +1 -1
  33. package/dist/components/media/Gallery/Gallery.js +1 -1
  34. package/dist/components/media/Lightbox/Lightbox.cjs +1 -1
  35. package/dist/components/media/Lightbox/Lightbox.d.ts +4 -0
  36. package/dist/components/media/Lightbox/Lightbox.js +23 -22
  37. package/dist/components/navigation/TabBar/TabBar.d.ts +12 -1
  38. package/dist/components/navigation/TabBar/tab-bar.module.cjs +1 -1
  39. package/dist/components/navigation/TabBar/tab-bar.module.js +1 -1
  40. package/dist/components/overlay/BottomSheet/BottomSheet.cjs +1 -1
  41. package/dist/components/overlay/BottomSheet/BottomSheet.js +1 -8
  42. package/dist/components/overlay/BottomSheet/bottom-sheet.module.cjs +1 -1
  43. package/dist/components/overlay/BottomSheet/bottom-sheet.module.js +8 -10
  44. package/dist/components/overlay/Popover/Popover.cjs +1 -1
  45. package/dist/components/overlay/Popover/Popover.js +2 -3
  46. package/dist/i18n/generated/keys.d.ts +1 -1
  47. package/dist/i18n/generated/resources.cjs +1 -1
  48. package/dist/i18n/generated/resources.js +9 -3
  49. package/dist/icon/alert-triangle.cjs +2 -0
  50. package/dist/icon/alert-triangle.js +31 -0
  51. package/dist/icon/align-justify.cjs +1 -1
  52. package/dist/icon/align-justify.js +14 -8
  53. package/dist/icon/arrow-down.cjs +2 -0
  54. package/dist/icon/arrow-down.js +22 -0
  55. package/dist/icon/arrow-left.cjs +2 -0
  56. package/dist/icon/arrow-left.js +22 -0
  57. package/dist/icon/arrow-right.cjs +2 -0
  58. package/dist/icon/arrow-right.js +22 -0
  59. package/dist/icon/arrow-up.cjs +2 -0
  60. package/dist/icon/arrow-up.js +22 -0
  61. package/dist/icon/bell.cjs +1 -1
  62. package/dist/icon/bell.js +0 -2
  63. package/dist/icon/bold.cjs +2 -0
  64. package/dist/icon/bold.js +17 -0
  65. package/dist/icon/chart.cjs +1 -1
  66. package/dist/icon/chart.js +0 -2
  67. package/dist/icon/close-small.cjs +1 -1
  68. package/dist/icon/close-small.js +21 -11
  69. package/dist/icon/columns.cjs +1 -1
  70. package/dist/icon/columns.js +5 -17
  71. package/dist/icon/credit-card.cjs +1 -1
  72. package/dist/icon/credit-card.js +0 -2
  73. package/dist/icon/document.cjs +1 -1
  74. package/dist/icon/document.js +1 -6
  75. package/dist/icon/eraser.cjs +2 -0
  76. package/dist/icon/eraser.js +17 -0
  77. package/dist/icon/external-link.cjs +1 -1
  78. package/dist/icon/external-link.js +0 -2
  79. package/dist/icon/grid.cjs +1 -1
  80. package/dist/icon/grid.js +36 -36
  81. package/dist/icon/grip-vertical.cjs +1 -1
  82. package/dist/icon/grip-vertical.js +0 -2
  83. package/dist/icon/home.cjs +1 -1
  84. package/dist/icon/home.js +1 -3
  85. package/dist/icon/hourglass.cjs +1 -1
  86. package/dist/icon/hourglass.js +6 -1
  87. package/dist/icon/index.cjs +1 -1
  88. package/dist/icon/index.d.ts +29 -1
  89. package/dist/icon/index.js +176 -148
  90. package/dist/icon/italic.cjs +2 -0
  91. package/dist/icon/italic.js +36 -0
  92. package/dist/icon/link.cjs +2 -0
  93. package/dist/icon/link.js +17 -0
  94. package/dist/icon/list-ordered.cjs +2 -0
  95. package/dist/icon/list-ordered.js +24 -0
  96. package/dist/icon/list.cjs +2 -0
  97. package/dist/icon/list.js +54 -0
  98. package/dist/icon/loading.cjs +1 -1
  99. package/dist/icon/loading.js +7 -16
  100. package/dist/icon/maximize.cjs +1 -1
  101. package/dist/icon/maximize.js +2 -4
  102. package/dist/icon/menu.cjs +1 -1
  103. package/dist/icon/menu.js +4 -4
  104. package/dist/icon/minimize.cjs +1 -1
  105. package/dist/icon/minimize.js +0 -2
  106. package/dist/icon/paperclip.cjs +1 -1
  107. package/dist/icon/paperclip.js +1 -3
  108. package/dist/icon/phone.cjs +1 -1
  109. package/dist/icon/phone.js +1 -1
  110. package/dist/icon/pip.cjs +1 -1
  111. package/dist/icon/pip.js +15 -31
  112. package/dist/icon/project.cjs +1 -1
  113. package/dist/icon/project.js +1 -3
  114. package/dist/icon/repeat.cjs +1 -1
  115. package/dist/icon/repeat.js +4 -6
  116. package/dist/icon/send.cjs +1 -1
  117. package/dist/icon/send.js +6 -3
  118. package/dist/icon/settings.cjs +1 -1
  119. package/dist/icon/settings.js +2 -4
  120. package/dist/icon/shuffle.cjs +1 -1
  121. package/dist/icon/shuffle.js +0 -2
  122. package/dist/icon/skip-back.cjs +1 -1
  123. package/dist/icon/skip-back.js +0 -2
  124. package/dist/icon/skip-forward.cjs +1 -1
  125. package/dist/icon/skip-forward.js +1 -3
  126. package/dist/icon/square.cjs +1 -1
  127. package/dist/icon/square.js +13 -9
  128. package/dist/icon/star.cjs +1 -1
  129. package/dist/icon/star.js +0 -2
  130. package/dist/icon/strikethrough.cjs +2 -0
  131. package/dist/icon/strikethrough.js +26 -0
  132. package/dist/icon/thumb-down.cjs +1 -1
  133. package/dist/icon/thumb-down.js +1 -1
  134. package/dist/icon/underline.cjs +2 -0
  135. package/dist/icon/underline.js +22 -0
  136. package/dist/icon/unlink.cjs +2 -0
  137. package/dist/icon/unlink.js +44 -0
  138. package/dist/icons.cjs +1 -1
  139. package/dist/icons.js +90 -76
  140. package/dist/index.cjs +1 -1
  141. package/dist/index.js +257 -243
  142. package/dist/llms-full.txt +11 -2
  143. package/dist/llms.txt +1 -1
  144. package/dist/locales/en/components.json +3 -1
  145. package/dist/locales/ja/components.json +3 -1
  146. package/dist/locales/pt/components.json +3 -1
  147. package/dist/reset.css +1 -1
  148. package/dist/styles.css +2 -2
  149. package/dist/wimui.umd.css +1 -1
  150. package/dist/wimui.umd.js +5 -5
  151. package/package.json +7 -2
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- var e=`_root_1sonu_261`,t=`_disabled_1sonu_269`,n=`_canvasContainer_1sonu_273`,r=`_danger_1sonu_252`,i=`_canvas_1sonu_273`,a=`_footer_1sonu_297`,o={"wim-docs-container":`_wim-docs-container_1sonu_129`,"wim-t":`_wim-t_1sonu_216`,"react-flow":`_react-flow_1sonu_239`,"react-flow__edges":`_react-flow__edges_1sonu_240`,"react-flow__connectionline":`_react-flow__connectionline_1sonu_241`,root:e,disabled:t,canvasContainer:n,danger:r,canvas:i,footer:a};exports.canvas=i,exports.canvasContainer=n,exports.danger=r,exports.default=o,exports.disabled=t,exports.footer=a,exports.root=e;
2
+ var e=`_root_1u1o9_295`,t=`_disabled_1u1o9_303`,n=`_canvasContainer_1u1o9_307`,r=`_danger_1u1o9_286`,i=`_canvas_1u1o9_307`,a=`_footer_1u1o9_331`,o={"wim-docs-container":`_wim-docs-container_1u1o9_87`,"wim-t":`_wim-t_1u1o9_250`,"react-flow":`_react-flow_1u1o9_273`,"react-flow__edges":`_react-flow__edges_1u1o9_274`,"react-flow__connectionline":`_react-flow__connectionline_1u1o9_275`,root:e,disabled:t,canvasContainer:n,danger:r,canvas:i,footer:a};exports.canvas=i,exports.canvasContainer=n,exports.danger=r,exports.default=o,exports.disabled=t,exports.footer=a,exports.root=e;
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  //#region src/components/form/SignaturePad/signature-pad.module.scss
3
- var e = "_root_1sonu_261", t = "_disabled_1sonu_269", n = "_canvasContainer_1sonu_273", r = "_danger_1sonu_252", i = "_canvas_1sonu_273", a = "_footer_1sonu_297", o = {
4
- "wim-docs-container": "_wim-docs-container_1sonu_129",
5
- "wim-t": "_wim-t_1sonu_216",
6
- "react-flow": "_react-flow_1sonu_239",
7
- "react-flow__edges": "_react-flow__edges_1sonu_240",
8
- "react-flow__connectionline": "_react-flow__connectionline_1sonu_241",
3
+ var e = "_root_1u1o9_295", t = "_disabled_1u1o9_303", n = "_canvasContainer_1u1o9_307", r = "_danger_1u1o9_286", i = "_canvas_1u1o9_307", a = "_footer_1u1o9_331", o = {
4
+ "wim-docs-container": "_wim-docs-container_1u1o9_87",
5
+ "wim-t": "_wim-t_1u1o9_250",
6
+ "react-flow": "_react-flow_1u1o9_273",
7
+ "react-flow__edges": "_react-flow__edges_1u1o9_274",
8
+ "react-flow__connectionline": "_react-flow__connectionline_1u1o9_275",
9
9
  root: e,
10
10
  disabled: t,
11
11
  canvasContainer: n,
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- var e=`_container_1a6xp_247`,t=`_root_1a6xp_257`,n=`_list_1a6xp_276`,r=`_header_1a6xp_305`,i=`_headerTitle_1a6xp_320`,a=`_disabled_1a6xp_326`,o=`_headerCount_1a6xp_336`,s=`_body_1a6xp_347`,c=`_itemList_1a6xp_374`,l=`_item_1a6xp_374`,u=`_checkboxVisual_1a6xp_388`,d=`_checked_1a6xp_414`,f=`_active_1a6xp_431`,p=`_operation_1a6xp_444`,m=`_button_1a6xp_456`,h=`_empty_1a6xp_464`,g={"wim-docs-container":`_wim-docs-container_1a6xp_129`,"wim-t":`_wim-t_1a6xp_216`,"react-flow":`_react-flow_1a6xp_239`,"react-flow__edges":`_react-flow__edges_1a6xp_240`,"react-flow__connectionline":`_react-flow__connectionline_1a6xp_241`,container:e,root:t,list:n,header:r,headerTitle:i,disabled:a,headerCount:o,body:s,itemList:c,item:l,checkboxVisual:u,checked:d,active:f,operation:p,button:m,empty:h};exports.active=f,exports.body=s,exports.button=m,exports.checkboxVisual=u,exports.checked=d,exports.container=e,exports.default=g,exports.disabled=a,exports.empty=h,exports.header=r,exports.headerCount=o,exports.headerTitle=i,exports.item=l,exports.itemList=c,exports.list=n,exports.operation=p,exports.root=t;
2
+ var e=`_container_34dgu_281`,t=`_root_34dgu_291`,n=`_list_34dgu_310`,r=`_header_34dgu_339`,i=`_headerTitle_34dgu_354`,a=`_disabled_34dgu_360`,o=`_headerCount_34dgu_370`,s=`_body_34dgu_381`,c=`_itemList_34dgu_408`,l=`_item_34dgu_408`,u=`_checkboxVisual_34dgu_422`,d=`_checked_34dgu_448`,f=`_active_34dgu_465`,p=`_operation_34dgu_478`,m=`_button_34dgu_490`,h=`_empty_34dgu_498`,g={"wim-docs-container":`_wim-docs-container_34dgu_87`,"wim-t":`_wim-t_34dgu_250`,"react-flow":`_react-flow_34dgu_273`,"react-flow__edges":`_react-flow__edges_34dgu_274`,"react-flow__connectionline":`_react-flow__connectionline_34dgu_275`,container:e,root:t,list:n,header:r,headerTitle:i,disabled:a,headerCount:o,body:s,itemList:c,item:l,checkboxVisual:u,checked:d,active:f,operation:p,button:m,empty:h};exports.active=f,exports.body=s,exports.button=m,exports.checkboxVisual=u,exports.checked=d,exports.container=e,exports.default=g,exports.disabled=a,exports.empty=h,exports.header=r,exports.headerCount=o,exports.headerTitle=i,exports.item=l,exports.itemList=c,exports.list=n,exports.operation=p,exports.root=t;
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  //#region src/components/form/Transfer/transfer.module.scss
3
- var e = "_container_1a6xp_247", t = "_root_1a6xp_257", n = "_list_1a6xp_276", r = "_header_1a6xp_305", i = "_headerTitle_1a6xp_320", a = "_disabled_1a6xp_326", o = "_headerCount_1a6xp_336", s = "_body_1a6xp_347", c = "_itemList_1a6xp_374", l = "_item_1a6xp_374", u = "_checkboxVisual_1a6xp_388", d = "_checked_1a6xp_414", f = "_active_1a6xp_431", p = "_operation_1a6xp_444", m = "_button_1a6xp_456", h = "_empty_1a6xp_464", g = {
4
- "wim-docs-container": "_wim-docs-container_1a6xp_129",
5
- "wim-t": "_wim-t_1a6xp_216",
6
- "react-flow": "_react-flow_1a6xp_239",
7
- "react-flow__edges": "_react-flow__edges_1a6xp_240",
8
- "react-flow__connectionline": "_react-flow__connectionline_1a6xp_241",
3
+ var e = "_container_34dgu_281", t = "_root_34dgu_291", n = "_list_34dgu_310", r = "_header_34dgu_339", i = "_headerTitle_34dgu_354", a = "_disabled_34dgu_360", o = "_headerCount_34dgu_370", s = "_body_34dgu_381", c = "_itemList_34dgu_408", l = "_item_34dgu_408", u = "_checkboxVisual_34dgu_422", d = "_checked_34dgu_448", f = "_active_34dgu_465", p = "_operation_34dgu_478", m = "_button_34dgu_490", h = "_empty_34dgu_498", g = {
4
+ "wim-docs-container": "_wim-docs-container_34dgu_87",
5
+ "wim-t": "_wim-t_34dgu_250",
6
+ "react-flow": "_react-flow_34dgu_273",
7
+ "react-flow__edges": "_react-flow__edges_34dgu_274",
8
+ "react-flow__connectionline": "_react-flow__connectionline_34dgu_275",
9
9
  container: e,
10
10
  root: t,
11
11
  list: n,
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- var e=`_container_sqjkt_248`,t=`_root_sqjkt_258`,n=`_fullWidth_sqjkt_271`,r=`_label_sqjkt_275`,i=`_trigger_sqjkt_282`,a=`_disabled_sqjkt_295`,o=`_open_sqjkt_307`,s=`_value_sqjkt_315`,c=`_placeholder_sqjkt_316`,l=`_icon_sqjkt_319`,u=`_clear_sqjkt_339`,d=`_dropdown_sqjkt_351`,f=`_treeView_sqjkt_381`,p=`_treeViewItem_sqjkt_389`,m=`_treeViewSearch_sqjkt_392`,h={"wim-docs-container":`_wim-docs-container_sqjkt_129`,"wim-t":`_wim-t_sqjkt_216`,"react-flow":`_react-flow_sqjkt_239`,"react-flow__edges":`_react-flow__edges_sqjkt_240`,"react-flow__connectionline":`_react-flow__connectionline_sqjkt_241`,container:e,root:t,fullWidth:n,label:r,trigger:i,disabled:a,open:o,value:s,placeholder:c,icon:l,clear:u,dropdown:d,treeView:f,treeViewItem:p,treeViewSearch:m};exports.clear=u,exports.container=e,exports.default=h,exports.disabled=a,exports.dropdown=d,exports.fullWidth=n,exports.icon=l,exports.label=r,exports.open=o,exports.placeholder=c,exports.root=t,exports.treeView=f,exports.treeViewItem=p,exports.treeViewSearch=m,exports.trigger=i,exports.value=s;
2
+ var e=`_container_ab85z_282`,t=`_root_ab85z_292`,n=`_fullWidth_ab85z_305`,r=`_label_ab85z_309`,i=`_trigger_ab85z_316`,a=`_disabled_ab85z_329`,o=`_open_ab85z_341`,s=`_value_ab85z_349`,c=`_placeholder_ab85z_350`,l=`_icon_ab85z_353`,u=`_clear_ab85z_373`,d=`_dropdown_ab85z_385`,f=`_treeView_ab85z_415`,p=`_treeViewItem_ab85z_423`,m=`_treeViewSearch_ab85z_426`,h={"wim-docs-container":`_wim-docs-container_ab85z_87`,"wim-t":`_wim-t_ab85z_250`,"react-flow":`_react-flow_ab85z_273`,"react-flow__edges":`_react-flow__edges_ab85z_274`,"react-flow__connectionline":`_react-flow__connectionline_ab85z_275`,container:e,root:t,fullWidth:n,label:r,trigger:i,disabled:a,open:o,value:s,placeholder:c,icon:l,clear:u,dropdown:d,treeView:f,treeViewItem:p,treeViewSearch:m};exports.clear=u,exports.container=e,exports.default=h,exports.disabled=a,exports.dropdown=d,exports.fullWidth=n,exports.icon=l,exports.label=r,exports.open=o,exports.placeholder=c,exports.root=t,exports.treeView=f,exports.treeViewItem=p,exports.treeViewSearch=m,exports.trigger=i,exports.value=s;
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  //#region src/components/form/TreeSelect/tree-select.module.scss
3
- var e = "_container_sqjkt_248", t = "_root_sqjkt_258", n = "_fullWidth_sqjkt_271", r = "_label_sqjkt_275", i = "_trigger_sqjkt_282", a = "_disabled_sqjkt_295", o = "_open_sqjkt_307", s = "_value_sqjkt_315", c = "_placeholder_sqjkt_316", l = "_icon_sqjkt_319", u = "_clear_sqjkt_339", d = "_dropdown_sqjkt_351", f = "_treeView_sqjkt_381", p = "_treeViewItem_sqjkt_389", m = "_treeViewSearch_sqjkt_392", h = {
4
- "wim-docs-container": "_wim-docs-container_sqjkt_129",
5
- "wim-t": "_wim-t_sqjkt_216",
6
- "react-flow": "_react-flow_sqjkt_239",
7
- "react-flow__edges": "_react-flow__edges_sqjkt_240",
8
- "react-flow__connectionline": "_react-flow__connectionline_sqjkt_241",
3
+ var e = "_container_ab85z_282", t = "_root_ab85z_292", n = "_fullWidth_ab85z_305", r = "_label_ab85z_309", i = "_trigger_ab85z_316", a = "_disabled_ab85z_329", o = "_open_ab85z_341", s = "_value_ab85z_349", c = "_placeholder_ab85z_350", l = "_icon_ab85z_353", u = "_clear_ab85z_373", d = "_dropdown_ab85z_385", f = "_treeView_ab85z_415", p = "_treeViewItem_ab85z_423", m = "_treeViewSearch_ab85z_426", h = {
4
+ "wim-docs-container": "_wim-docs-container_ab85z_87",
5
+ "wim-t": "_wim-t_ab85z_250",
6
+ "react-flow": "_react-flow_ab85z_273",
7
+ "react-flow__edges": "_react-flow__edges_ab85z_274",
8
+ "react-flow__connectionline": "_react-flow__connectionline_ab85z_275",
9
9
  container: e,
10
10
  root: t,
11
11
  fullWidth: n,
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close-small.cjs"),r=require("../../../icon/edit.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../data-display/Card/Card.cjs"),s=require("../../form/Button/Button.cjs"),c=require("./dashboard.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(0,l.createContext)(null),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},m=l.default.forwardRef(({widgets:e,editable:n,defaultEditable:o=!1,onEditChange:p,onRemove:m,onAdd:g,columns:_=3,gap:v=`md`,showEditToggle:y=!0,label:b,className:x,style:S,children:C,...w},T)=>{let{t:E}=t.useWimTranslation(`components`),D=n!==void 0,[O,k]=(0,l.useState)(o),A=D?n:O,j=(0,l.useCallback)(()=>{let e=!A;D||k(e),p?.(e)},[A,D,p]),M={"--dashboard-columns":_,...S},N=(0,l.useMemo)(()=>({editable:A??!1,onRemove:m}),[A,m]);return(0,d.jsx)(f.Provider,{value:N,children:(0,d.jsxs)(`div`,{ref:T,className:(0,u.default)(`wim-dashboard`,c.default.root,x),"aria-label":b??E(`dashboard_widget.label`),...w,children:[y&&(0,d.jsxs)(`div`,{className:c.default.header,children:[b&&(0,d.jsx)(`h2`,{className:c.default.heading,children:b}),(0,d.jsx)(s.Button,{size:`sm`,variant:A?`solid`:`outline`,intent:`default`,className:void 0,onClick:j,"aria-pressed":A,"aria-label":E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,d.jsx)(a.Icon,{component:r.default,size:`sm`}),children:E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.grid,c.default[`gap-${v}`]),style:M,role:`region`,"aria-label":E(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,d.jsx)(h,{widget:e},e.id)):C,A&&g&&(0,d.jsx)(s.Button,{asChild:!0,className:c.default.addButton,onClick:g,"aria-label":E(`dashboard_widget.add_widget`),children:(0,d.jsxs)(`button`,{type:`button`,children:[(0,d.jsx)(a.Icon,{component:i.default,size:`md`}),(0,d.jsx)(`span`,{children:E(`dashboard_widget.add_widget`)})]})})]})]})})});m.displayName=`Dashboard`;var h=({widget:e,className:r,...i})=>{let{editable:l,onRemove:f}=p(),{t:m}=t.useWimTranslation(`components`),{id:h,title:g,description:_,content:v,span:y=1,rowSpan:b=1}=e;return(0,d.jsxs)(o.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,u.default)(c.default.widget,c.default[`span-${y}`],c.default[`row-${b}`],{[c.default.editMode]:l},r),style:{"--widget-span":y,"--widget-row-span":b},...i,children:[(0,d.jsxs)(`div`,{className:c.default.widgetHeader,children:[(0,d.jsxs)(`div`,{className:c.default.widgetMeta,children:[(0,d.jsx)(`h3`,{className:c.default.widgetTitle,children:g}),_&&(0,d.jsx)(`p`,{className:c.default.widgetDescription,children:_})]}),l&&f&&(0,d.jsx)(s.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:c.default.removeButton,onClick:()=>f(h),"aria-label":m(`dashboard_widget.remove_widget`,{title:g}),icon:(0,d.jsx)(a.Icon,{component:n.default,size:`sm`})})]}),(0,d.jsx)(`div`,{className:c.default.widgetContent,children:v})]})};h.displayName=`DashboardWidgetCard`,exports.Dashboard=m,exports.DashboardWidgetCard=h;
2
+ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close.cjs"),r=require("../../../icon/edit.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../data-display/Card/Card.cjs"),s=require("../../form/Button/Button.cjs"),c=require("./dashboard.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(0,l.createContext)(null),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},m=l.default.forwardRef(({widgets:e,editable:n,defaultEditable:o=!1,onEditChange:p,onRemove:m,onAdd:g,columns:_=3,gap:v=`md`,showEditToggle:y=!0,label:b,className:x,style:S,children:C,...w},T)=>{let{t:E}=t.useWimTranslation(`components`),D=n!==void 0,[O,k]=(0,l.useState)(o),A=D?n:O,j=(0,l.useCallback)(()=>{let e=!A;D||k(e),p?.(e)},[A,D,p]),M={"--dashboard-columns":_,...S},N=(0,l.useMemo)(()=>({editable:A??!1,onRemove:m}),[A,m]);return(0,d.jsx)(f.Provider,{value:N,children:(0,d.jsxs)(`div`,{ref:T,className:(0,u.default)(`wim-dashboard`,c.default.root,x),"aria-label":b??E(`dashboard_widget.label`),...w,children:[y&&(0,d.jsxs)(`div`,{className:c.default.header,children:[b&&(0,d.jsx)(`h2`,{className:c.default.heading,children:b}),(0,d.jsx)(s.Button,{size:`sm`,variant:A?`solid`:`outline`,intent:`default`,className:void 0,onClick:j,"aria-pressed":A,"aria-label":E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,d.jsx)(a.Icon,{component:r.default,size:`sm`}),children:E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.grid,c.default[`gap-${v}`]),style:M,role:`region`,"aria-label":E(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,d.jsx)(h,{widget:e},e.id)):C,A&&g&&(0,d.jsx)(s.Button,{asChild:!0,className:c.default.addButton,onClick:g,"aria-label":E(`dashboard_widget.add_widget`),children:(0,d.jsxs)(`button`,{type:`button`,children:[(0,d.jsx)(a.Icon,{component:i.default,size:`md`}),(0,d.jsx)(`span`,{children:E(`dashboard_widget.add_widget`)})]})})]})]})})});m.displayName=`Dashboard`;var h=({widget:e,className:r,...i})=>{let{editable:l,onRemove:f}=p(),{t:m}=t.useWimTranslation(`components`),{id:h,title:g,description:_,content:v,span:y=1,rowSpan:b=1}=e;return(0,d.jsxs)(o.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,u.default)(c.default.widget,c.default[`span-${y}`],c.default[`row-${b}`],{[c.default.editMode]:l},r),style:{"--widget-span":y,"--widget-row-span":b},...i,children:[(0,d.jsxs)(`div`,{className:c.default.widgetHeader,children:[(0,d.jsxs)(`div`,{className:c.default.widgetMeta,children:[(0,d.jsx)(`h3`,{className:c.default.widgetTitle,children:g}),_&&(0,d.jsx)(`p`,{className:c.default.widgetDescription,children:_})]}),l&&f&&(0,d.jsx)(s.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:c.default.removeButton,onClick:()=>f(h),"aria-label":m(`dashboard_widget.remove_widget`,{title:g}),icon:(0,d.jsx)(a.Icon,{component:n.default,size:`sm`})})]}),(0,d.jsx)(`div`,{className:c.default.widgetContent,children:v})]})};h.displayName=`DashboardWidgetCard`,exports.Dashboard=m,exports.DashboardWidgetCard=h;
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
3
- import t from "../../../icon/close-small.js";
3
+ import t from "../../../icon/close.js";
4
4
  import n from "../../../icon/edit.js";
5
5
  import r from "../../../icon/plus.js";
6
6
  import { Icon as i } from "../../media/Icon/Icon.js";
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./transition.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=e=>{switch(e){case`fade`:return{enter:t.default.fadeEnterTo,enterFrom:t.default.fadeEnter,enterTo:t.default.fadeEnterTo,leave:t.default.fadeLeaveTo,leaveFrom:t.default.fadeLeave,leaveTo:t.default.fadeLeaveTo};case`scale`:return{enter:t.default.scaleEnterTo,enterFrom:t.default.scaleEnter,enterTo:t.default.scaleEnterTo,leave:t.default.scaleLeaveTo,leaveFrom:t.default.scaleLeave,leaveTo:t.default.scaleLeaveTo};case`slide-right`:return{enter:t.default.slideBase,enterFrom:t.default.slideRightEnterFrom,enterTo:t.default.slideRightEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideRightLeaveFrom,leaveTo:t.default.slideRightLeaveTo};case`slide-left`:return{enter:t.default.slideBase,enterFrom:t.default.slideLeftEnterFrom,enterTo:t.default.slideLeftEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideLeftLeaveFrom,leaveTo:t.default.slideLeftLeaveTo};case`slide-top`:return{enter:t.default.slideBase,enterFrom:t.default.slideTopEnterFrom,enterTo:t.default.slideTopEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideTopLeaveFrom,leaveTo:t.default.slideTopLeaveTo};case`slide-bottom`:return{enter:t.default.slideBase,enterFrom:t.default.slideBottomEnterFrom,enterTo:t.default.slideBottomEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideBottomLeaveFrom,leaveTo:t.default.slideBottomLeaveTo};default:return{}}},o=e=>e.split(` `).filter(Boolean),s=n.default.forwardRef(({show:e,children:s,preset:c,enterPreset:l,leavePreset:u,enter:d=``,enterFrom:f=``,enterTo:p=``,leave:m=``,leaveFrom:h=``,leaveTo:g=``,unmount:_=!0,appear:v=!1,className:y,...b},x)=>{let[S,C]=(0,n.useState)(e),[w,T]=(0,n.useState)(()=>e&&v?`entering`:`idle`),[E,D]=(0,n.useState)(e),O=(0,n.useRef)(null),k=e=>e&&e!==`none`?a(e):{},A=k(l??c),j=k(u??c),M=(0,r.default)(A.enter,d),N=(0,r.default)(A.enterFrom,f),P=(0,r.default)(A.enterTo,p),F=(0,r.default)(j.leave,m),I=(0,r.default)(j.leaveFrom,h),L=(0,r.default)(j.leaveTo,g);e&&!S&&C(!0),e!==E&&(D(e),e?w!==`entering`&&T(`entering`):w!==`leaving`&&T(`leaving`)),(0,n.useImperativeHandle)(x,()=>O.current);let R=(0,n.useCallback)(e=>{if(e.target===O.current&&(w===`entering`||w===`leaving`)){let e=w===`leaving`;T(`idle`),e&&_&&C(!1)}},[w,_]);return(0,n.useLayoutEffect)(()=>{let e=O.current;if(e){if(w===`entering`){let t=o(N),n=o(M),r=o(P);return e.classList.add(...t,...n),e.offsetHeight,e.classList.remove(...t),e.classList.add(...r),()=>{e.classList.remove(...t,...n,...r)}}if(w===`leaving`){let t=o(I),n=o(F),r=o(L);return e.classList.add(...t,...n),e.offsetHeight,e.classList.remove(...t),e.classList.add(...r),()=>{e.classList.remove(...t,...n,...r)}}}},[w,M,N,P,F,I,L,R]),!S&&_?null:(0,i.jsx)(`div`,{ref:O,className:(0,r.default)(y,{[t.default.hidden]:!e&&w===`idle`&&!_,[M]:w===`entering`,[P]:w===`entering`,[F]:w===`leaving`,[L]:w===`leaving`}),onTransitionEnd:R,...b,children:s})});s.displayName=`Transition`,exports.Transition=s;
2
+ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./transition.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=e=>{switch(e){case`fade`:return{enter:t.default.fadeEnterTo,enterFrom:t.default.fadeEnter,enterTo:t.default.fadeEnterTo,leave:t.default.fadeLeaveTo,leaveFrom:t.default.fadeLeave,leaveTo:t.default.fadeLeaveTo};case`scale`:return{enter:t.default.scaleEnterTo,enterFrom:t.default.scaleEnter,enterTo:t.default.scaleEnterTo,leave:t.default.scaleLeaveTo,leaveFrom:t.default.scaleLeave,leaveTo:t.default.scaleLeaveTo};case`slide-right`:return{enter:t.default.slideBase,enterFrom:t.default.slideRightEnterFrom,enterTo:t.default.slideRightEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideRightLeaveFrom,leaveTo:t.default.slideRightLeaveTo};case`slide-left`:return{enter:t.default.slideBase,enterFrom:t.default.slideLeftEnterFrom,enterTo:t.default.slideLeftEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideLeftLeaveFrom,leaveTo:t.default.slideLeftLeaveTo};case`slide-top`:return{enter:t.default.slideBase,enterFrom:t.default.slideTopEnterFrom,enterTo:t.default.slideTopEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideTopLeaveFrom,leaveTo:t.default.slideTopLeaveTo};case`slide-bottom`:return{enter:t.default.slideBase,enterFrom:t.default.slideBottomEnterFrom,enterTo:t.default.slideBottomEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideBottomLeaveFrom,leaveTo:t.default.slideBottomLeaveTo};default:return{}}},o=n.default.forwardRef(({show:e,children:o,preset:s,enterPreset:c,leavePreset:l,enter:u=``,enterFrom:d=``,enterTo:f=``,leave:p=``,leaveFrom:m=``,leaveTo:h=``,unmount:g=!0,appear:_=!1,className:v,...y},b)=>{let[x,S]=(0,n.useState)(e),[C,w]=(0,n.useState)(()=>e&&_?`entering`:`idle`),[T,E]=(0,n.useState)(e),[D,O]=(0,n.useState)(`from`),k=(0,n.useRef)(null),A=e=>e&&e!==`none`?a(e):{},j=A(c??s),M=A(l??s),N=(0,r.default)(j.enter,u),P=(0,r.default)(j.enterFrom,d),F=(0,r.default)(j.enterTo,f),I=(0,r.default)(M.leave,p),L=(0,r.default)(M.leaveFrom,m),R=(0,r.default)(M.leaveTo,h);e&&!x&&S(!0),e!==T&&(E(e),e?C!==`entering`&&w(`entering`):C!==`leaving`&&w(`leaving`)),(0,n.useImperativeHandle)(b,()=>k.current);let z=(0,n.useCallback)(e=>{if(e.target===k.current&&(C===`entering`||C===`leaving`)){let e=C===`leaving`;w(`idle`),e&&g&&S(!1)}},[C,g]);return(0,n.useLayoutEffect)(()=>{if(C===`idle`)return;O(`from`);let e=0,t=requestAnimationFrame(()=>{e=requestAnimationFrame(()=>O(`to`))});return()=>{cancelAnimationFrame(t),cancelAnimationFrame(e)}},[C,z]),!x&&g?null:(0,i.jsx)(`div`,{ref:k,className:(0,r.default)(v,!e&&C===`idle`&&!g&&t.default.hidden,C===`entering`&&N,C===`entering`&&(D===`from`?P:F),C===`leaving`&&I,C===`leaving`&&(D===`from`?L:R)),onTransitionEnd:z,...y,children:o})});o.displayName=`Transition`,exports.Transition=o;
@@ -56,54 +56,32 @@ var l = (t) => {
56
56
  };
57
57
  default: return {};
58
58
  }
59
- }, u = (e) => e.split(" ").filter(Boolean), d = t.forwardRef(({ show: t, children: d, preset: f, enterPreset: p, leavePreset: m, enter: h = "", enterFrom: g = "", enterTo: _ = "", leave: v = "", leaveFrom: y = "", leaveTo: b = "", unmount: x = !0, appear: S = !1, className: C, ...w }, T) => {
60
- let [E, D] = o(t), [O, k] = o(() => t && S ? "entering" : "idle"), [A, j] = o(t), M = a(null), N = (e) => e && e !== "none" ? l(e) : {}, P = N(p ?? f), F = N(m ?? f), I = s(P.enter, h), L = s(P.enterFrom, g), R = s(P.enterTo, _), z = s(F.leave, v), B = s(F.leaveFrom, y), V = s(F.leaveTo, b);
61
- t && !E && D(!0), t !== A && (j(t), t ? O !== "entering" && k("entering") : O !== "leaving" && k("leaving")), r(T, () => M.current);
62
- let H = n((e) => {
63
- if (e.target === M.current && (O === "entering" || O === "leaving")) {
64
- let e = O === "leaving";
65
- k("idle"), e && x && D(!1);
59
+ }, u = t.forwardRef(({ show: t, children: u, preset: d, enterPreset: f, leavePreset: p, enter: m = "", enterFrom: h = "", enterTo: g = "", leave: _ = "", leaveFrom: v = "", leaveTo: y = "", unmount: b = !0, appear: x = !1, className: S, ...C }, w) => {
60
+ let [T, E] = o(t), [D, O] = o(() => t && x ? "entering" : "idle"), [k, A] = o(t), [j, M] = o("from"), N = a(null), P = (e) => e && e !== "none" ? l(e) : {}, F = P(f ?? d), I = P(p ?? d), L = s(F.enter, m), R = s(F.enterFrom, h), z = s(F.enterTo, g), B = s(I.leave, _), V = s(I.leaveFrom, v), H = s(I.leaveTo, y);
61
+ t && !T && E(!0), t !== k && (A(t), t ? D !== "entering" && O("entering") : D !== "leaving" && O("leaving")), r(w, () => N.current);
62
+ let U = n((e) => {
63
+ if (e.target === N.current && (D === "entering" || D === "leaving")) {
64
+ let e = D === "leaving";
65
+ O("idle"), e && b && E(!1);
66
66
  }
67
- }, [O, x]);
67
+ }, [D, b]);
68
68
  return i(() => {
69
- let e = M.current;
70
- if (e) {
71
- if (O === "entering") {
72
- let t = u(L), n = u(I), r = u(R);
73
- return e.classList.add(...t, ...n), e.offsetHeight, e.classList.remove(...t), e.classList.add(...r), () => {
74
- e.classList.remove(...t, ...n, ...r);
75
- };
76
- }
77
- if (O === "leaving") {
78
- let t = u(B), n = u(z), r = u(V);
79
- return e.classList.add(...t, ...n), e.offsetHeight, e.classList.remove(...t), e.classList.add(...r), () => {
80
- e.classList.remove(...t, ...n, ...r);
81
- };
82
- }
83
- }
84
- }, [
85
- O,
86
- I,
87
- L,
88
- R,
89
- z,
90
- B,
91
- V,
92
- H
93
- ]), !E && x ? null : /* @__PURE__ */ c("div", {
94
- ref: M,
95
- className: s(C, {
96
- [e.hidden]: !t && O === "idle" && !x,
97
- [I]: O === "entering",
98
- [R]: O === "entering",
99
- [z]: O === "leaving",
100
- [V]: O === "leaving"
101
- }),
102
- onTransitionEnd: H,
103
- ...w,
104
- children: d
69
+ if (D === "idle") return;
70
+ M("from");
71
+ let e = 0, t = requestAnimationFrame(() => {
72
+ e = requestAnimationFrame(() => M("to"));
73
+ });
74
+ return () => {
75
+ cancelAnimationFrame(t), cancelAnimationFrame(e);
76
+ };
77
+ }, [D, U]), !T && b ? null : /* @__PURE__ */ c("div", {
78
+ ref: N,
79
+ className: s(S, !t && D === "idle" && !b && e.hidden, D === "entering" && L, D === "entering" && (j === "from" ? R : z), D === "leaving" && B, D === "leaving" && (j === "from" ? V : H)),
80
+ onTransitionEnd: U,
81
+ ...C,
82
+ children: u
105
83
  });
106
84
  });
107
- d.displayName = "Transition";
85
+ u.displayName = "Transition";
108
86
  //#endregion
109
- export { d as Transition };
87
+ export { u as Transition };
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close-small.cjs"),r=require("../Icon/Icon.cjs"),i=require("../../form/Button/Button.cjs"),a=require("../../form/Checkbox/Checkbox.cjs"),o=require("./gallery.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.createContext)(null),d=()=>{let e=(0,s.useContext)(u);if(!e)throw Error(`Gallery subcomponents must be used within Gallery`);return e},f=s.default.forwardRef(({items:e,columns:a=3,gap:d=`md`,aspect:f=`square`,selectable:m=!1,selected:h,defaultSelected:g=[],onSelectionChange:_,onItemClick:v,renderActions:y,className:b,style:x,...S},C)=>{let{t:w}=t.useWimTranslation(`components`),T=h!==void 0,[E,D]=(0,s.useState)(()=>new Set(g)),[O,k]=(0,s.useState)(0),A=(0,s.useRef)(null),j=(0,s.useRef)(null),[M,N]=(0,s.useState)(a),P=(0,s.useCallback)(e=>{j.current=e,typeof C==`function`?C(e):C&&(C.current=e)},[C]);(0,s.useEffect)(()=>{let e=j.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0].contentRect.width;N(t<480?1:t<576?2:a)});return t.observe(e),()=>t.disconnect()},[a]);let F=(0,s.useMemo)(()=>T?new Set(h):E,[T,h,E]),I=(0,s.useCallback)(e=>{T||D(e),_?.(Array.from(e))},[T,_]),L=(0,s.useCallback)((t,n,r)=>{let i=new Set(F);if(r&&A.current!==null){let r=Math.min(A.current,n),a=Math.max(A.current,n),o=!F.has(t);for(let t=r;t<=a;t++)o?i.add(e[t].id):i.delete(e[t].id)}else i.has(t)?i.delete(t):i.add(t),A.current=n;I(i)},[F,e,I]),R=(0,s.useCallback)(()=>{I(new Set(e.map(e=>e.id)))},[e,I]),z=(0,s.useCallback)(()=>{I(new Set)},[I]),B=(0,s.useMemo)(()=>{let t=[];for(let n=0;n<e.length;n+=M)t.push({rowItems:e.slice(n,n+M),startIndex:n});return t},[e,M]),V=Array.from(F),H=V.length>0,U={"--gallery-columns":M,...x},W=t=>{let n=M,r=e.length,i=O;switch(t.key){case`ArrowRight`:t.preventDefault(),i=Math.min(O+1,r-1);break;case`ArrowLeft`:t.preventDefault(),i=Math.max(O-1,0);break;case`ArrowDown`:t.preventDefault(),i=Math.min(O+n,r-1);break;case`ArrowUp`:t.preventDefault(),i=Math.max(O-n,0);break;case`Home`:t.preventDefault(),i=0;break;case`End`:t.preventDefault(),i=r-1;break;case`Escape`:m&&(t.preventDefault(),z());break;case`a`:case`A`:m&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),R());break;default:return}i!==O&&(k(i),t.currentTarget.querySelectorAll(`[data-gallery-item]`)[i]?.focus())};return(0,l.jsx)(u.Provider,{value:{selectable:m,selectedIds:F,lastClickedIndex:A,items:e,toggleSelect:L,focusedIndex:O,setFocusedIndex:k,selectAll:R,clearSelection:z,onItemClick:v},children:(0,l.jsxs)(`div`,{ref:P,className:(0,c.default)(`wim-gallery`,o.default.root,b),...S,children:[m&&H&&(0,l.jsxs)(`div`,{className:o.default.toolbar,role:`toolbar`,"aria-label":w(`gallery.toolbar_label`),children:[(0,l.jsx)(`span`,{className:o.default.toolbarCount,children:w(`gallery.selected_count`,{count:V.length})}),(0,l.jsxs)(`div`,{className:o.default.toolbarActions,children:[y?.({selectedIds:V,clearSelection:z}),(0,l.jsx)(i.Button,{size:`sm`,variant:`ghost`,className:o.default.toolbarClear,onClick:z,"aria-label":w(`gallery.clear_selection`),icon:(0,l.jsx)(r.Icon,{component:n.default,size:`sm`})})]})]}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.grid,o.default[`gap-${d}`],o.default[`aspect-${f}`]),style:U,role:`grid`,"aria-multiselectable":m||void 0,"aria-label":w(`gallery.grid_label`),onKeyDown:W,tabIndex:0,children:B.map(({rowItems:e,startIndex:t},n)=>(0,l.jsx)(`div`,{role:`row`,style:{display:`contents`},children:e.map((e,n)=>(0,l.jsx)(p,{item:e,index:t+n},e.id))},n))})]})})});f.displayName=`Gallery`;var p=({item:e,index:n})=>{let{selectable:r,selectedIds:i,toggleSelect:s,focusedIndex:u,setFocusedIndex:f,onItemClick:p}=d(),{t:m}=t.useWimTranslation(`components`),h=i.has(e.id),g=u===n,_=t=>{r?s(e.id,n,t.shiftKey):p?.(e,n),f(n)},v=t=>{t.stopPropagation(),s(e.id,n,t.shiftKey)},y=t=>{(t.key===` `||t.key===`Enter`)&&(t.preventDefault(),r?s(e.id,n,!1):p?.(e,n))};return(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.item,{[o.default.selected]:h,[o.default.selectable]:r}),role:`gridcell`,"aria-selected":r?h:void 0,tabIndex:g?0:-1,onClick:_,onKeyDown:y,onFocus:()=>f(n),"data-gallery-item":!0,children:[(0,l.jsxs)(`div`,{className:o.default.imageWrapper,children:[(0,l.jsx)(`img`,{src:e.src,alt:e.alt??e.title??``,className:o.default.image,draggable:!1}),r&&(0,l.jsx)(`div`,{className:o.default.checkboxOverlay,children:(0,l.jsx)(a.Checkbox,{checked:h,onChange:()=>{},onClick:v,"aria-label":m(h?`gallery.deselect_item`:`gallery.select_item`,{title:e.title??e.alt??String(n+1)}),tabIndex:-1,className:o.default.checkbox})}),h&&(0,l.jsx)(`div`,{className:o.default.selectedRing,"aria-hidden":!0})]}),(e.title||e.caption)&&(0,l.jsxs)(`div`,{className:o.default.caption,children:[e.title&&(0,l.jsx)(`span`,{className:o.default.captionTitle,children:e.title}),e.caption&&(0,l.jsx)(`span`,{className:o.default.captionText,children:e.caption})]})]})};exports.Gallery=f;
2
+ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close.cjs"),r=require("../Icon/Icon.cjs"),i=require("../../form/Button/Button.cjs"),a=require("../../form/Checkbox/Checkbox.cjs"),o=require("./gallery.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.createContext)(null),d=()=>{let e=(0,s.useContext)(u);if(!e)throw Error(`Gallery subcomponents must be used within Gallery`);return e},f=s.default.forwardRef(({items:e,columns:a=3,gap:d=`md`,aspect:f=`square`,selectable:m=!1,selected:h,defaultSelected:g=[],onSelectionChange:_,onItemClick:v,renderActions:y,className:b,style:x,...S},C)=>{let{t:w}=t.useWimTranslation(`components`),T=h!==void 0,[E,D]=(0,s.useState)(()=>new Set(g)),[O,k]=(0,s.useState)(0),A=(0,s.useRef)(null),j=(0,s.useRef)(null),[M,N]=(0,s.useState)(a),P=(0,s.useCallback)(e=>{j.current=e,typeof C==`function`?C(e):C&&(C.current=e)},[C]);(0,s.useEffect)(()=>{let e=j.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0].contentRect.width;N(t<480?1:t<576?2:a)});return t.observe(e),()=>t.disconnect()},[a]);let F=(0,s.useMemo)(()=>T?new Set(h):E,[T,h,E]),I=(0,s.useCallback)(e=>{T||D(e),_?.(Array.from(e))},[T,_]),L=(0,s.useCallback)((t,n,r)=>{let i=new Set(F);if(r&&A.current!==null){let r=Math.min(A.current,n),a=Math.max(A.current,n),o=!F.has(t);for(let t=r;t<=a;t++)o?i.add(e[t].id):i.delete(e[t].id)}else i.has(t)?i.delete(t):i.add(t),A.current=n;I(i)},[F,e,I]),R=(0,s.useCallback)(()=>{I(new Set(e.map(e=>e.id)))},[e,I]),z=(0,s.useCallback)(()=>{I(new Set)},[I]),B=(0,s.useMemo)(()=>{let t=[];for(let n=0;n<e.length;n+=M)t.push({rowItems:e.slice(n,n+M),startIndex:n});return t},[e,M]),V=Array.from(F),H=V.length>0,U={"--gallery-columns":M,...x},W=t=>{let n=M,r=e.length,i=O;switch(t.key){case`ArrowRight`:t.preventDefault(),i=Math.min(O+1,r-1);break;case`ArrowLeft`:t.preventDefault(),i=Math.max(O-1,0);break;case`ArrowDown`:t.preventDefault(),i=Math.min(O+n,r-1);break;case`ArrowUp`:t.preventDefault(),i=Math.max(O-n,0);break;case`Home`:t.preventDefault(),i=0;break;case`End`:t.preventDefault(),i=r-1;break;case`Escape`:m&&(t.preventDefault(),z());break;case`a`:case`A`:m&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),R());break;default:return}i!==O&&(k(i),t.currentTarget.querySelectorAll(`[data-gallery-item]`)[i]?.focus())};return(0,l.jsx)(u.Provider,{value:{selectable:m,selectedIds:F,lastClickedIndex:A,items:e,toggleSelect:L,focusedIndex:O,setFocusedIndex:k,selectAll:R,clearSelection:z,onItemClick:v},children:(0,l.jsxs)(`div`,{ref:P,className:(0,c.default)(`wim-gallery`,o.default.root,b),...S,children:[m&&H&&(0,l.jsxs)(`div`,{className:o.default.toolbar,role:`toolbar`,"aria-label":w(`gallery.toolbar_label`),children:[(0,l.jsx)(`span`,{className:o.default.toolbarCount,children:w(`gallery.selected_count`,{count:V.length})}),(0,l.jsxs)(`div`,{className:o.default.toolbarActions,children:[y?.({selectedIds:V,clearSelection:z}),(0,l.jsx)(i.Button,{size:`sm`,variant:`ghost`,className:o.default.toolbarClear,onClick:z,"aria-label":w(`gallery.clear_selection`),icon:(0,l.jsx)(r.Icon,{component:n.default,size:`sm`})})]})]}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.grid,o.default[`gap-${d}`],o.default[`aspect-${f}`]),style:U,role:`grid`,"aria-multiselectable":m||void 0,"aria-label":w(`gallery.grid_label`),onKeyDown:W,tabIndex:0,children:B.map(({rowItems:e,startIndex:t},n)=>(0,l.jsx)(`div`,{role:`row`,style:{display:`contents`},children:e.map((e,n)=>(0,l.jsx)(p,{item:e,index:t+n},e.id))},n))})]})})});f.displayName=`Gallery`;var p=({item:e,index:n})=>{let{selectable:r,selectedIds:i,toggleSelect:s,focusedIndex:u,setFocusedIndex:f,onItemClick:p}=d(),{t:m}=t.useWimTranslation(`components`),h=i.has(e.id),g=u===n,_=t=>{r?s(e.id,n,t.shiftKey):p?.(e,n),f(n)},v=t=>{t.stopPropagation(),s(e.id,n,t.shiftKey)},y=t=>{(t.key===` `||t.key===`Enter`)&&(t.preventDefault(),r?s(e.id,n,!1):p?.(e,n))};return(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.item,{[o.default.selected]:h,[o.default.selectable]:r}),role:`gridcell`,"aria-selected":r?h:void 0,tabIndex:g?0:-1,onClick:_,onKeyDown:y,onFocus:()=>f(n),"data-gallery-item":!0,children:[(0,l.jsxs)(`div`,{className:o.default.imageWrapper,children:[(0,l.jsx)(`img`,{src:e.src,alt:e.alt??e.title??``,className:o.default.image,draggable:!1}),r&&(0,l.jsx)(`div`,{className:o.default.checkboxOverlay,children:(0,l.jsx)(a.Checkbox,{checked:h,onChange:()=>{},onClick:v,"aria-label":m(h?`gallery.deselect_item`:`gallery.select_item`,{title:e.title??e.alt??String(n+1)}),tabIndex:-1,className:o.default.checkbox})}),h&&(0,l.jsx)(`div`,{className:o.default.selectedRing,"aria-hidden":!0})]}),(e.title||e.caption)&&(0,l.jsxs)(`div`,{className:o.default.caption,children:[e.title&&(0,l.jsx)(`span`,{className:o.default.captionTitle,children:e.title}),e.caption&&(0,l.jsx)(`span`,{className:o.default.captionText,children:e.caption})]})]})};exports.Gallery=f;
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
3
- import t from "../../../icon/close-small.js";
3
+ import t from "../../../icon/close.js";
4
4
  import { Icon as n } from "../Icon/Icon.js";
5
5
  import { Button as r } from "../../form/Button/Button.js";
6
6
  import { Checkbox as i } from "../../form/Checkbox/Checkbox.js";
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../_internal/OverlayBase.cjs"),i=require("../../../icon/chevron-left.cjs"),a=require("../../../icon/chevron-right.cjs"),o=require("../../../icon/close.cjs"),s=require("../../../icon/minus.cjs"),c=require("../../../icon/plus.cjs"),l=require("../Icon/Icon.cjs"),u=require("./lightbox.module.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=(0,d.createContext)(void 0),h=()=>{let e=(0,d.useContext)(m);if(!e)throw Error(`Lightbox components must be used within Lightbox`);return e},g=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,defaultIndex:i=0})=>{let[a,o]=(0,d.useState)(r),[s,c]=(0,d.useState)(i),[l,u]=(0,d.useState)([]),f=t!==void 0,h=f?t:a,g=(0,d.useCallback)(e=>{f||o(e),n?.(e)},[f,n]),_=(0,d.useCallback)(e=>{let t=-1;return u(n=>(t=n.length,[...n,e])),t},[]),v=(0,d.useCallback)(e=>{},[]);return(0,p.jsx)(m.Provider,{value:{open:h,setOpen:g,currentIndex:s,setCurrentIndex:c,items:l,setItems:u,registerItem:_,unregisterItem:v},children:e})},_=({children:e,className:n,onClick:r,asChild:i=!1,index:a,src:o,alt:s,caption:c,...l})=>{let{setOpen:d,setCurrentIndex:m,items:g,setItems:_}=h();return(0,p.jsx)(i?t.Root:`button`,{type:`button`,className:(0,f.default)(u.default.trigger,n),onClick:e=>{if(r?.(e),a!==void 0)m(a);else if(o){let e=g.findIndex(e=>e.src===o);if(e!==-1)m(e);else{let e=g.length;_(e=>[...e,{src:o,alt:s,caption:c}]),m(e)}}d(!0)},...l,children:(0,p.jsx)(t.Slottable,{children:e})})},v=({className:e,showCloseButton:t=!0,showNavigation:m=!0,showCounter:g=!0,closeOnOverlayClick:_=!0,...v})=>{let{open:y,setOpen:b,currentIndex:x,setCurrentIndex:S,items:C}=h(),{t:w}=n.useWimTranslation(`components`),[T,E]=(0,d.useState)(1),D=(0,d.useCallback)(()=>{S((x-1+C.length)%C.length),E(1)},[x,C.length,S]),O=(0,d.useCallback)(()=>{S((x+1)%C.length),E(1)},[x,C.length,S]),k=()=>{E(e=>e===1?2:1)};(0,d.useEffect)(()=>{if(!y)return;let e=e=>{e.key===`ArrowLeft`&&D(),e.key===`ArrowRight`&&O(),e.key===`Escape`&&b(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[y,D,O,b]);let A=C[x];return A?(0,p.jsx)(r.OverlayBase,{...v,open:y,onOpenChange:b,closeOnOverlayClick:_,overlayClassName:u.default.overlay,className:(0,f.default)(`wim-lightbox`,u.default.contentRoot,e),transitionProps:{preset:`fade`,enter:u.default.contentEnter,enterFrom:u.default.contentEnterFrom,enterTo:u.default.contentEnterTo},children:(0,p.jsxs)(`div`,{className:u.default.container,children:[(0,p.jsxs)(`div`,{className:u.default.header,children:[g&&C.length>1&&(0,p.jsx)(`div`,{className:u.default.counter,children:w(`lightbox.counter`,{current:x+1,total:C.length})}),(0,p.jsxs)(`div`,{className:u.default.controls,children:[(0,p.jsx)(`button`,{className:u.default.iconButton,onClick:k,"aria-label":w(T>1?`lightbox.zoom_out`:`lightbox.zoom_in`),children:T>1?(0,p.jsx)(l.Icon,{component:s.default}):(0,p.jsx)(l.Icon,{component:c.default})}),t&&(0,p.jsx)(`button`,{className:u.default.iconButton,onClick:()=>b(!1),"aria-label":w(`lightbox.close`),children:(0,p.jsx)(l.Icon,{component:o.default})})]})]}),(0,p.jsxs)(`div`,{className:u.default.viewport,children:[m&&C.length>1&&(0,p.jsx)(`button`,{className:(0,f.default)(u.default.navButton,u.default.prev),onClick:D,"aria-label":w(`lightbox.previous`),children:(0,p.jsx)(l.Icon,{component:i.default})}),(0,p.jsx)(`div`,{className:u.default.mediaWrapper,style:{transform:`scale(${T})`},children:(0,p.jsx)(`img`,{src:A.src,alt:A.alt||``,className:u.default.image})}),m&&C.length>1&&(0,p.jsx)(`button`,{className:(0,f.default)(u.default.navButton,u.default.next),onClick:O,"aria-label":w(`lightbox.next`),children:(0,p.jsx)(l.Icon,{component:a.default})})]}),(A.title||A.caption)&&(0,p.jsxs)(`div`,{className:u.default.footer,children:[A.title&&(0,p.jsx)(`h3`,{className:u.default.title,children:A.title}),A.caption&&(0,p.jsx)(`p`,{className:u.default.caption,children:A.caption})]})]})}):null},y=({items:e,children:t})=>{let{setItems:n}=h();return(0,d.useEffect)(()=>{n(e)},[e,n]),(0,p.jsx)(`div`,{className:u.default.gallery,children:t})},b=g;b.Trigger=_,b.Content=v,b.Gallery=y,b.displayName=`Lightbox`,_.displayName=`Lightbox.Trigger`,v.displayName=`Lightbox.Content`,y.displayName=`Lightbox.Gallery`,exports.Lightbox=g,exports.LightboxContent=v,exports.LightboxGallery=y,exports.LightboxRoot=b,exports.default=b,exports.LightboxTrigger=_,exports.useLightbox=h;
2
+ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../_internal/OverlayBase.cjs"),i=require("../../../icon/chevron-left.cjs"),a=require("../../../icon/chevron-right.cjs"),o=require("../../../icon/close.cjs"),s=require("../../../icon/minus.cjs"),c=require("../../../icon/plus.cjs"),l=require("../Icon/Icon.cjs"),u=require("./lightbox.module.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=(0,d.createContext)(void 0),h=()=>{let e=(0,d.useContext)(m);if(!e)throw Error(`Lightbox components must be used within Lightbox`);return e},g=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,defaultIndex:i=0})=>{let[a,o]=(0,d.useState)(r),[s,c]=(0,d.useState)(i),[l,u]=(0,d.useState)([]),f=t!==void 0,h=f?t:a,g=(0,d.useCallback)(e=>{f||o(e),n?.(e)},[f,n]),_=(0,d.useCallback)(e=>{let t=-1;return u(n=>(t=n.length,[...n,e])),t},[]),v=(0,d.useCallback)(e=>{},[]);return(0,p.jsx)(m.Provider,{value:{open:h,setOpen:g,currentIndex:s,setCurrentIndex:c,items:l,setItems:u,registerItem:_,unregisterItem:v},children:e})},_=({children:e,className:r,onClick:i,asChild:a=!1,index:o,src:s,alt:c,caption:l,...d})=>{let{setOpen:m,setCurrentIndex:g,items:_,setItems:v}=h(),{t:y}=n.useWimTranslation(`components`),b=e=>{if(i?.(e),o!==void 0)g(o);else if(s){let e=_.findIndex(e=>e.src===s);if(e!==-1)g(e);else{let e=_.length;v(e=>[...e,{src:s,alt:c,caption:l}]),g(e)}}m(!0)},x=a?t.Root:`button`,S=o===void 0?void 0:_[o]?.alt,C=d[`aria-label`]!==void 0||d[`aria-labelledby`]!==void 0,w=c??S,T=C?void 0:w?y(`lightbox.open_named`,{name:w}):y(`lightbox.open`);return(0,p.jsx)(x,{type:`button`,className:(0,f.default)(u.default.trigger,r),onClick:b,"aria-label":T,...d,children:(0,p.jsx)(t.Slottable,{children:e})})},v=({className:e,showCloseButton:t=!0,showNavigation:m=!0,showCounter:g=!0,closeOnOverlayClick:_=!0,...v})=>{let{open:y,setOpen:b,currentIndex:x,setCurrentIndex:S,items:C}=h(),{t:w}=n.useWimTranslation(`components`),[T,E]=(0,d.useState)(1),D=(0,d.useCallback)(()=>{S((x-1+C.length)%C.length),E(1)},[x,C.length,S]),O=(0,d.useCallback)(()=>{S((x+1)%C.length),E(1)},[x,C.length,S]),k=()=>{E(e=>e===1?2:1)};(0,d.useEffect)(()=>{if(!y)return;let e=e=>{e.key===`ArrowLeft`&&D(),e.key===`ArrowRight`&&O(),e.key===`Escape`&&b(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[y,D,O,b]);let A=C[x];return A?(0,p.jsx)(r.OverlayBase,{...v,open:y,onOpenChange:b,closeOnOverlayClick:_,overlayClassName:u.default.overlay,className:(0,f.default)(`wim-lightbox`,u.default.contentRoot,e),transitionProps:{preset:`fade`,enter:u.default.contentEnter,enterFrom:u.default.contentEnterFrom,enterTo:u.default.contentEnterTo},children:(0,p.jsxs)(`div`,{className:u.default.container,children:[(0,p.jsxs)(`div`,{className:u.default.header,children:[g&&C.length>1&&(0,p.jsx)(`div`,{className:u.default.counter,children:w(`lightbox.counter`,{current:x+1,total:C.length})}),(0,p.jsxs)(`div`,{className:u.default.controls,children:[(0,p.jsx)(`button`,{className:u.default.iconButton,onClick:k,"aria-label":w(T>1?`lightbox.zoom_out`:`lightbox.zoom_in`),children:T>1?(0,p.jsx)(l.Icon,{component:s.default}):(0,p.jsx)(l.Icon,{component:c.default})}),t&&(0,p.jsx)(`button`,{className:u.default.iconButton,onClick:()=>b(!1),"aria-label":w(`lightbox.close`),children:(0,p.jsx)(l.Icon,{component:o.default})})]})]}),(0,p.jsxs)(`div`,{className:u.default.viewport,children:[m&&C.length>1&&(0,p.jsx)(`button`,{className:(0,f.default)(u.default.navButton,u.default.prev),onClick:D,"aria-label":w(`lightbox.previous`),children:(0,p.jsx)(l.Icon,{component:i.default})}),(0,p.jsx)(`div`,{className:u.default.mediaWrapper,style:{transform:`scale(${T})`},children:(0,p.jsx)(`img`,{src:A.src,alt:A.alt||``,className:u.default.image})}),m&&C.length>1&&(0,p.jsx)(`button`,{className:(0,f.default)(u.default.navButton,u.default.next),onClick:O,"aria-label":w(`lightbox.next`),children:(0,p.jsx)(l.Icon,{component:a.default})})]}),(A.title||A.caption)&&(0,p.jsxs)(`div`,{className:u.default.footer,children:[A.title&&(0,p.jsx)(`h3`,{className:u.default.title,children:A.title}),A.caption&&(0,p.jsx)(`p`,{className:u.default.caption,children:A.caption})]})]})}):null},y=({items:e,children:t})=>{let{setItems:n}=h();return(0,d.useEffect)(()=>{n(e)},[e,n]),(0,p.jsx)(`div`,{className:u.default.gallery,children:t})},b=g;b.Trigger=_,b.Content=v,b.Gallery=y,b.displayName=`Lightbox`,_.displayName=`Lightbox.Trigger`,v.displayName=`Lightbox.Content`,y.displayName=`Lightbox.Gallery`,exports.Lightbox=g,exports.LightboxContent=v,exports.LightboxGallery=y,exports.LightboxRoot=b,exports.default=b,exports.LightboxTrigger=_,exports.useLightbox=h;
@@ -34,6 +34,10 @@ export interface LightboxTriggerProps extends React.ComponentPropsWithoutRef<"bu
34
34
  asChild?: boolean;
35
35
  index?: number;
36
36
  src?: string;
37
+ /**
38
+ * Description of the image this opens. Also becomes the button's accessible
39
+ * name when no `aria-label` is given.
40
+ */
37
41
  alt?: string;
38
42
  caption?: string;
39
43
  }
@@ -37,29 +37,30 @@ var y = d(void 0), b = () => {
37
37
  },
38
38
  children: e
39
39
  });
40
- }, S = ({ children: n, className: r, onClick: i, asChild: a = !1, index: o, src: s, alt: c, caption: l, ...d }) => {
41
- let { setOpen: f, setCurrentIndex: p, items: m, setItems: h } = b();
42
- return /* @__PURE__ */ _(a ? e : "button", {
43
- type: "button",
44
- className: g(u.trigger, r),
45
- onClick: (e) => {
46
- if (i?.(e), o !== void 0) p(o);
47
- else if (s) {
48
- let e = m.findIndex((e) => e.src === s);
49
- if (e !== -1) p(e);
50
- else {
51
- let e = m.length;
52
- h((e) => [...e, {
53
- src: s,
54
- alt: c,
55
- caption: l
56
- }]), p(e);
57
- }
40
+ }, S = ({ children: r, className: i, onClick: a, asChild: o = !1, index: s, src: c, alt: l, caption: d, ...f }) => {
41
+ let { setOpen: p, setCurrentIndex: m, items: h, setItems: v } = b(), { t: y } = n("components"), x = (e) => {
42
+ if (a?.(e), s !== void 0) m(s);
43
+ else if (c) {
44
+ let e = h.findIndex((e) => e.src === c);
45
+ if (e !== -1) m(e);
46
+ else {
47
+ let e = h.length;
48
+ v((e) => [...e, {
49
+ src: c,
50
+ alt: l,
51
+ caption: d
52
+ }]), m(e);
58
53
  }
59
- f(!0);
60
- },
61
- ...d,
62
- children: /* @__PURE__ */ _(t, { children: n })
54
+ }
55
+ p(!0);
56
+ }, S = o ? e : "button", C = s === void 0 ? void 0 : h[s]?.alt, w = f["aria-label"] !== void 0 || f["aria-labelledby"] !== void 0, T = l ?? C, E = w ? void 0 : T ? y("lightbox.open_named", { name: T }) : y("lightbox.open");
57
+ return /* @__PURE__ */ _(S, {
58
+ type: "button",
59
+ className: g(u.trigger, i),
60
+ onClick: x,
61
+ "aria-label": E,
62
+ ...f,
63
+ children: /* @__PURE__ */ _(t, { children: r })
63
64
  });
64
65
  }, C = ({ className: e, showCloseButton: t = !0, showNavigation: d = !0, showCounter: p = !0, closeOnOverlayClick: y = !0, ...x }) => {
65
66
  let { open: S, setOpen: C, currentIndex: w, setCurrentIndex: T, items: E } = b(), { t: D } = n("components"), [O, k] = h(1), A = f(() => {
@@ -1,6 +1,17 @@
1
1
  import { default as React } from 'react';
2
2
  export interface TabBarProps extends React.ComponentPropsWithoutRef<"nav"> {
3
- /** Fixed position at the bottom of the screen */
3
+ /**
4
+ * Pins the bar to the bottom of the **viewport**. Defaults to `true`.
5
+ *
6
+ * The pin is `position: fixed`, so the bar leaves whatever container you put
7
+ * it in: inside a device-width frame, a preview pane, or a split view it
8
+ * spans the whole window instead. Pass `false` whenever the bar belongs to a
9
+ * container rather than to the window — a screen inside a screen.
10
+ *
11
+ * Nothing warns you about this. `position: fixed` does not widen the
12
+ * document, so the page never gains a horizontal scrollbar and overflow
13
+ * scans stay green while the bar hangs outside its parent.
14
+ */
4
15
  fixed?: boolean;
5
16
  /** Show top border */
6
17
  bordered?: boolean;
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- var e=`_root_1dtkg_2`,t=`_fixed_1dtkg_9`,n=`_bordered_1dtkg_14`,r=`_glass_1dtkg_17`,i=`_container_1dtkg_21`,a=`_item_1dtkg_29`,o=`_active_1dtkg_47`,s=`_icon_1dtkg_50`,c=`_label_1dtkg_61`,l=`_badge_1dtkg_67`,u={root:e,fixed:t,bordered:n,glass:r,container:i,item:a,active:o,icon:s,label:c,badge:l};exports.active=o,exports.badge=l,exports.bordered=n,exports.container=i,exports.default=u,exports.fixed=t,exports.glass=r,exports.icon=s,exports.item=a,exports.label=c,exports.root=e;
2
+ var e=`_root_1na74_3`,t=`_fixed_1na74_14`,n=`_bordered_1na74_19`,r=`_glass_1na74_22`,i=`_container_1na74_26`,a=`_item_1na74_34`,o=`_active_1na74_56`,s=`_icon_1na74_59`,c=`_label_1na74_70`,l=`_badge_1na74_76`,u={root:e,fixed:t,bordered:n,glass:r,container:i,item:a,active:o,icon:s,label:c,badge:l};exports.active=o,exports.badge=l,exports.bordered=n,exports.container=i,exports.default=u,exports.fixed=t,exports.glass=r,exports.icon=s,exports.item=a,exports.label=c,exports.root=e;
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  //#region src/components/navigation/TabBar/tab-bar.module.scss
3
- var e = "_root_1dtkg_2", t = "_fixed_1dtkg_9", n = "_bordered_1dtkg_14", r = "_glass_1dtkg_17", i = "_container_1dtkg_21", a = "_item_1dtkg_29", o = "_active_1dtkg_47", s = "_icon_1dtkg_50", c = "_label_1dtkg_61", l = "_badge_1dtkg_67", u = {
3
+ var e = "_root_1na74_3", t = "_fixed_1na74_14", n = "_bordered_1na74_19", r = "_glass_1na74_22", i = "_container_1na74_26", a = "_item_1na74_34", o = "_active_1na74_56", s = "_icon_1na74_59", c = "_label_1na74_70", l = "_badge_1na74_76", u = {
4
4
  root: e,
5
5
  fixed: t,
6
6
  bordered: n,
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/OverlayBase.cjs"),n=require("./bottom-sheet.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=(0,r.createContext)(void 0),s=()=>{let e=(0,r.useContext)(o);if(!e)throw Error(`useBottomSheet must be used within a BottomSheet provider`);return e},c=({children:e,open:t,defaultOpen:n=!1,onOpenChange:i})=>{let[s,c]=(0,r.useState)(n),l=t!==void 0,u=l?t:s,d=(0,r.useCallback)(e=>{l||c(e),i?.(e)},[l,i]);return(0,a.jsx)(o.Provider,{value:{open:u,onOpenChange:d},children:e})},l=({children:e,asChild:t,className:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!0)};return t&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(n,e.props.className)}):(0,a.jsx)(`button`,{className:n,onClick:c,children:e})},u=({children:e,className:t,asChild:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!1)};return n&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(t,e.props.className)}):(0,a.jsx)(`button`,{type:`button`,className:t,onClick:c,children:e})},d=({children:e,className:r})=>{let{open:o,onOpenChange:c}=s();return(0,a.jsxs)(t.OverlayBase,{open:o,onOpenChange:c,overlayClassName:n.default.overlay,contentClassName:(0,i.default)(`wim-bottom-sheet`,n.default.content,r),transitionProps:{enter:`slide-bottom-enter`,enterFrom:`slide-bottom-enter-from`,enterTo:`slide-bottom-enter-to`,leave:`slide-bottom-leave`,leaveFrom:`slide-bottom-leave-from`,leaveTo:`slide-bottom-leave-to`},children:[(0,a.jsx)(`div`,{className:n.default.handle}),e]})},f=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.header,t),"data-testid":`bottom-sheet-header`,children:e}),p=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.footer,t),"data-testid":`bottom-sheet-footer`,children:e}),m=({children:e,className:t})=>(0,a.jsx)(`h2`,{className:(0,i.default)(n.default.title,t),"data-testid":`bottom-sheet-title`,children:e}),h=({children:e,className:t})=>(0,a.jsx)(`p`,{className:(0,i.default)(n.default.description,t),"data-testid":`bottom-sheet-description`,children:e}),g=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.body,t),"data-testid":`bottom-sheet-body`,children:e}),_=e=>(0,a.jsx)(c,{...e});_.displayName=`BottomSheet`,_.Trigger=l,_.Content=d,_.Header=f,_.Footer=p,_.Title=m,_.Description=h,_.Body=g,_.Close=u,exports.BottomSheet=_,exports.default=_,exports.BottomSheetBody=g,exports.BottomSheetClose=u,exports.BottomSheetContent=d,exports.BottomSheetDescription=h,exports.BottomSheetFooter=p,exports.BottomSheetHeader=f,exports.BottomSheetTitle=m,exports.BottomSheetTrigger=l;
2
+ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/OverlayBase.cjs"),n=require("./bottom-sheet.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=(0,r.createContext)(void 0),s=()=>{let e=(0,r.useContext)(o);if(!e)throw Error(`useBottomSheet must be used within a BottomSheet provider`);return e},c=({children:e,open:t,defaultOpen:n=!1,onOpenChange:i})=>{let[s,c]=(0,r.useState)(n),l=t!==void 0,u=l?t:s,d=(0,r.useCallback)(e=>{l||c(e),i?.(e)},[l,i]);return(0,a.jsx)(o.Provider,{value:{open:u,onOpenChange:d},children:e})},l=({children:e,asChild:t,className:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!0)};return t&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(n,e.props.className)}):(0,a.jsx)(`button`,{className:n,onClick:c,children:e})},u=({children:e,className:t,asChild:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!1)};return n&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(t,e.props.className)}):(0,a.jsx)(`button`,{type:`button`,className:t,onClick:c,children:e})},d=({children:e,className:r})=>{let{open:o,onOpenChange:c}=s();return(0,a.jsxs)(t.OverlayBase,{open:o,onOpenChange:c,overlayClassName:n.default.overlay,contentClassName:(0,i.default)(`wim-bottom-sheet`,n.default.content,r),transitionProps:{preset:`slide-bottom`},children:[(0,a.jsx)(`div`,{className:n.default.handle}),e]})},f=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.header,t),"data-testid":`bottom-sheet-header`,children:e}),p=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.footer,t),"data-testid":`bottom-sheet-footer`,children:e}),m=({children:e,className:t})=>(0,a.jsx)(`h2`,{className:(0,i.default)(n.default.title,t),"data-testid":`bottom-sheet-title`,children:e}),h=({children:e,className:t})=>(0,a.jsx)(`p`,{className:(0,i.default)(n.default.description,t),"data-testid":`bottom-sheet-description`,children:e}),g=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.body,t),"data-testid":`bottom-sheet-body`,children:e}),_=e=>(0,a.jsx)(c,{...e});_.displayName=`BottomSheet`,_.Trigger=l,_.Content=d,_.Header=f,_.Footer=p,_.Title=m,_.Description=h,_.Body=g,_.Close=u,exports.BottomSheet=_,exports.default=_,exports.BottomSheetBody=g,exports.BottomSheetClose=u,exports.BottomSheetContent=d,exports.BottomSheetDescription=h,exports.BottomSheetFooter=p,exports.BottomSheetHeader=f,exports.BottomSheetTitle=m,exports.BottomSheetTrigger=l;
@@ -56,14 +56,7 @@ var u = r(void 0), d = () => {
56
56
  onOpenChange: a,
57
57
  overlayClassName: t.overlay,
58
58
  contentClassName: s("wim-bottom-sheet", t.content, r),
59
- transitionProps: {
60
- enter: "slide-bottom-enter",
61
- enterFrom: "slide-bottom-enter-from",
62
- enterTo: "slide-bottom-enter-to",
63
- leave: "slide-bottom-leave",
64
- leaveFrom: "slide-bottom-leave-from",
65
- leaveTo: "slide-bottom-leave-to"
66
- },
59
+ transitionProps: { preset: "slide-bottom" },
67
60
  children: [/* @__PURE__ */ c("div", { className: t.handle }), n]
68
61
  });
69
62
  }, g = ({ children: e, className: n }) => /* @__PURE__ */ c("div", {
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- var e=`_overlay_n6pat_4`,t=`_overlayShow_n6pat_1`,n=`_content_n6pat_15`,r=`_slideUp_n6pat_1`,i=`_slideUpCenter_n6pat_1`,a=`_handle_n6pat_46`,o=`_header_n6pat_54`,s=`_title_n6pat_60`,c=`_description_n6pat_66`,l=`_body_n6pat_72`,u=`_footer_n6pat_77`,d={overlay:e,overlayShow:t,content:n,slideUp:r,slideUpCenter:i,handle:a,header:o,title:s,description:c,body:l,footer:u};exports.body=l,exports.content=n,exports.default=d,exports.description=c,exports.footer=u,exports.handle=a,exports.header=o,exports.overlay=e,exports.overlayShow=t,exports.slideUp=r,exports.slideUpCenter=i,exports.title=s;
2
+ var e=`_overlay_mn13o_4`,t=`_overlayShow_mn13o_1`,n=`_content_mn13o_15`,r=`_handle_mn13o_52`,i=`_header_mn13o_60`,a=`_title_mn13o_66`,o=`_description_mn13o_72`,s=`_body_mn13o_78`,c=`_footer_mn13o_83`,l={overlay:e,overlayShow:t,content:n,handle:r,header:i,title:a,description:o,body:s,footer:c};exports.body=s,exports.content=n,exports.default=l,exports.description=o,exports.footer=c,exports.handle=r,exports.header=i,exports.overlay=e,exports.overlayShow=t,exports.title=a;
@@ -1,17 +1,15 @@
1
1
  "use client";
2
2
  //#region src/components/overlay/BottomSheet/bottom-sheet.module.scss
3
- var e = "_overlay_n6pat_4", t = "_overlayShow_n6pat_1", n = "_content_n6pat_15", r = "_slideUp_n6pat_1", i = "_slideUpCenter_n6pat_1", a = "_handle_n6pat_46", o = "_header_n6pat_54", s = "_title_n6pat_60", c = "_description_n6pat_66", l = "_body_n6pat_72", u = "_footer_n6pat_77", d = {
3
+ var e = "_overlay_mn13o_4", t = "_overlayShow_mn13o_1", n = "_content_mn13o_15", r = "_handle_mn13o_52", i = "_header_mn13o_60", a = "_title_mn13o_66", o = "_description_mn13o_72", s = "_body_mn13o_78", c = "_footer_mn13o_83", l = {
4
4
  overlay: e,
5
5
  overlayShow: t,
6
6
  content: n,
7
- slideUp: r,
8
- slideUpCenter: i,
9
- handle: a,
10
- header: o,
11
- title: s,
12
- description: c,
13
- body: l,
14
- footer: u
7
+ handle: r,
8
+ header: i,
9
+ title: a,
10
+ description: o,
11
+ body: s,
12
+ footer: c
15
13
  };
16
14
  //#endregion
17
- export { l as body, n as content, d as default, c as description, u as footer, a as handle, o as header, e as overlay, t as overlayShow, r as slideUp, i as slideUpCenter, s as title };
15
+ export { s as body, n as content, l as default, o as description, c as footer, r as handle, i as header, e as overlay, t as overlayShow, a as title };
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/close-small.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./popover.module.cjs"),o=require("../../_internal/useFloatingElement.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime"),u=require("@floating-ui/react");var d=s.default.createContext(null),f=({children:e,className:t,defaultOpen:n=!1,open:r,onOpenChange:i,placement:s=`bottom-start`,variant:u=`default`})=>{let{isOpen:f,setOpen:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v}=o.useFloatingElement({placement:s,open:r,defaultOpen:n,onOpenChange:i,trigger:`click`});return(0,l.jsx)(d.Provider,{value:{open:f,onOpenChange:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v,close:()=>p(!1),variant:u},children:(0,l.jsx)(`div`,{className:(0,c.default)(`wim-popover`,a.default.root,t),children:e})})},p=s.default.forwardRef(({children:e,className:t,asChild:n,...r},i)=>{let o=s.default.useContext(d);if(o==null)throw Error(`Popover components must be wrapped in <Popover />`);let f=e.ref,p=(0,u.useMergeRefs)([o.refs.setReference,i,f??null]);if(n&&s.default.isValidElement(e)){let n=e.props,i=o.getReferenceProps({ref:p,...r,...n,className:(0,c.default)(t,n.className)});return s.default.cloneElement(e,{...i,"data-state":o.open?`open`:`closed`})}return(0,l.jsx)(`button`,{ref:p,type:`button`,className:(0,c.default)(a.default.trigger,t),"data-state":o.open?`open`:`closed`,...o.getReferenceProps(r),children:e})});p.displayName=`PopoverTrigger`;var m=s.default.forwardRef(({children:e,className:t,align:r,side:i,style:o,modal:f=!1,...p},m)=>{let h=s.default.useContext(d);if(h==null)throw Error(`Popover components must be wrapped in <Popover />`);let{open:g,refs:_,floatingStyles:v,getFloatingProps:y,context:b}=h;return(0,l.jsx)(u.FloatingPortal,{children:(0,l.jsx)(n.Transition,{show:g,preset:`fade`,children:(0,l.jsx)(u.FloatingFocusManager,{context:b,modal:f,children:(0,l.jsx)(`div`,{ref:(0,u.useMergeRefs)([_.setFloating,m]),style:{...v,...o},className:(0,c.default)(a.default.content,a.default[h.variant],t),role:`dialog`,...y(p),children:e})})})})});m.displayName=`PopoverContent`;var h=({children:e,className:n,asChild:o,ariaLabel:u,...f})=>{let{t:p}=t.useWimTranslation(`common`),m=u??p(`a11y.close`),h=s.default.useContext(d);if(!h)return null;let{close:g}=h,_=e=>{g(),f.onClick?.(e)};return o&&s.default.isValidElement(e)?s.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),_(t)},className:(0,c.default)(n,e.props.className)}):(0,l.jsx)(`button`,{type:`button`,className:(0,c.default)(a.default.close,n),onClick:_,"aria-label":m,...f,children:e||(0,l.jsx)(i.Icon,{component:r.default,width:15,height:15})})};exports.Popover=f,exports.PopoverClose=h,exports.PopoverContent=m,exports.PopoverTrigger=p;
2
+ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/close.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./popover.module.cjs"),o=require("../../_internal/useFloatingElement.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime"),u=require("@floating-ui/react");var d=s.default.createContext(null),f=({children:e,className:t,defaultOpen:n=!1,open:r,onOpenChange:i,placement:s=`bottom-start`,variant:u=`default`})=>{let{isOpen:f,setOpen:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v}=o.useFloatingElement({placement:s,open:r,defaultOpen:n,onOpenChange:i,trigger:`click`});return(0,l.jsx)(d.Provider,{value:{open:f,onOpenChange:p,refs:m,floatingStyles:h,context:g,getReferenceProps:_,getFloatingProps:v,close:()=>p(!1),variant:u},children:(0,l.jsx)(`div`,{className:(0,c.default)(`wim-popover`,a.default.root,t),children:e})})},p=s.default.forwardRef(({children:e,className:t,asChild:n,...r},i)=>{let o=s.default.useContext(d);if(o==null)throw Error(`Popover components must be wrapped in <Popover />`);let f=e.ref,p=(0,u.useMergeRefs)([o.refs.setReference,i,f??null]);if(n&&s.default.isValidElement(e)){let n=e.props,i=o.getReferenceProps({ref:p,...r,...n,className:(0,c.default)(t,n.className)});return s.default.cloneElement(e,{...i,"data-state":o.open?`open`:`closed`})}return(0,l.jsx)(`button`,{ref:p,type:`button`,className:(0,c.default)(a.default.trigger,t),"data-state":o.open?`open`:`closed`,...o.getReferenceProps(r),children:e})});p.displayName=`PopoverTrigger`;var m=s.default.forwardRef(({children:e,className:t,align:r,side:i,style:o,modal:f=!1,...p},m)=>{let h=s.default.useContext(d);if(h==null)throw Error(`Popover components must be wrapped in <Popover />`);let{open:g,refs:_,floatingStyles:v,getFloatingProps:y,context:b}=h;return(0,l.jsx)(u.FloatingPortal,{children:(0,l.jsx)(n.Transition,{show:g,preset:`fade`,children:(0,l.jsx)(u.FloatingFocusManager,{context:b,modal:f,children:(0,l.jsx)(`div`,{ref:(0,u.useMergeRefs)([_.setFloating,m]),style:{...v,...o},className:(0,c.default)(a.default.content,a.default[h.variant],t),role:`dialog`,...y(p),children:e})})})})});m.displayName=`PopoverContent`;var h=({children:e,className:n,asChild:o,ariaLabel:u,...f})=>{let{t:p}=t.useWimTranslation(`common`),m=u??p(`a11y.close`),h=s.default.useContext(d);if(!h)return null;let{close:g}=h,_=e=>{g(),f.onClick?.(e)};return o&&s.default.isValidElement(e)?s.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),_(t)},className:(0,c.default)(n,e.props.className)}):(0,l.jsx)(`button`,{type:`button`,className:(0,c.default)(a.default.close,n),onClick:_,"aria-label":m,...f,children:e||(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})})};exports.Popover=f,exports.PopoverClose=h,exports.PopoverContent=m,exports.PopoverTrigger=p;
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
3
3
  import { Transition as t } from "../../layout/Transition/Transition.js";
4
- import n from "../../../icon/close-small.js";
4
+ import n from "../../../icon/close.js";
5
5
  import { Icon as r } from "../../media/Icon/Icon.js";
6
6
  import i from "./popover.module.js";
7
7
  import { useFloatingElement as a } from "../../_internal/useFloatingElement.js";
@@ -109,8 +109,7 @@ var g = ({ children: t, className: a, asChild: l, ariaLabel: u, ...d }) => {
109
109
  ...d,
110
110
  children: t || /* @__PURE__ */ c(r, {
111
111
  component: n,
112
- width: 15,
113
- height: 15
112
+ size: "sm"
114
113
  })
115
114
  });
116
115
  };