@nextcloud/vue 8.33.0 → 8.35.0

package/CHANGELOG.md

@@ -5,6 +5,61 @@
 
 # Changelog
 
+## [v8.35.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.35.0) (2025-12-10)
+### 🚀 Enhancements
+* [stable8] feat(NcAppSettingsDialog): add version on the bottom and `noVersion` prop to disable it  [\#7850](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7850) \([ShGKme](https://github.com/ShGKme)\)
+* [stable8] fix(NcActions): introduce 'size' prop [\#7852](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7852) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] feat(NcRichText): add 'Copy to clipboard' button for code blocks [\#7877](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7877) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+
+### 🐛 Fixed bugs
+* [stable8] fix(NcPasswordField): respect `checkPasswordStrength` for input validation [\#7846](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7846) \([Antreesy](https://github.com/Antreesy)\)
+* [stable8] fix(NcFormBoxSwitch): use passive model to sync checkbox and icon [\#7851](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7851) \([ShGKme](https://github.com/ShGKme)\)
+* [stable8] fix(NcFormBox): use default text color in items [\#7857](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7857) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] fix(NcAppSettingsDialog): set `box-sizing: border-box` for the new design [\#7888](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7888) \([ShGKme](https://github.com/ShGKme)\)
+* [stable8] fix(NcAvatar): do no request avatar image if icon slot provided [\#7896](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7896) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] fix(useHotKey): do not prevent hotkeys on hidden modal/dialog [\#7971](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7971) \([skjnldsv](https://github.com/skjnldsv)\)
+
+### Other Changes
+* [stable8] ci(dependabot): Use auto merge instead of deprecated option [\#7836](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7836) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] docs: Move to more outline icons [\#7861](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7861) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] docs: Move more icons to outline [\#7864](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7864) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* [stable8] chore(package): npm >=11.3.0 <=11.6.2 [\#7899](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7899) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+
+## [v8.34.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.34.0) (2025-11-07)
+### 📝 Notes
+* `NcAppSettingsSectionShortcuts` has been renamed to `NcAppSettingsShortcutsSection` but still available by the previous name
+
+### 🚀 Enhancements
+* feat: add NcFormGroup [\#7762](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7762) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat: add `NcFormBox` and adjust `NcRadioGroup` to `NcFormBox` and `NcFormGroup` [\#7765](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7765) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat: add NcFormBoxButton [\#7789](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7789) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat(NcRadioGroup): deprecate `labelHidden` prop in favor of `hideLabel` [\#7772](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7772) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat: add NcFormBoxCopyButton [\#7793](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7793) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat: add NcFormBoxSwitch [\#7795](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7795) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat(NcAppSettingsDialog): adjust design for new form elements, add section descriptions [\#7802](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7802) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* feat: NcAppSettingsSectionShortcuts -> NcAppSettingsShortcutsSection [\#7816](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7816) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+
+### 🐛 Fixed bugs
+* fix(NcFormGroup): remove margin when no label/description [\#7780](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7780) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcFormGroup): decrease gap between label and content [\#7782](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7782) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcFormBox*): user-select: none on Safari as well [\#7796](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7796) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcRichContenteditable): keep previous cursor position on focus [\#7804](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7804) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcHotkeyList): align with form labels [\#7810](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7810) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcHotkeyList): align with the section [\#7812](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7812) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcActions): improve performance by only computing popover maxHeight on demand [\#7815](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7815) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcListItem): do not mount NcAction until necessary [\#7818](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7818) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* fix(NcRichText): start heading from h4 [\#7821](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7821)\([ShGKme](https://github.com/ShGKme)\)
+* fix(NcFormBoxButton): router check on Vue 2 [\#7822](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7822)\([ShGKme](https://github.com/ShGKme)\)
+
+### Other Changes
+* chore(docs): update docs link titles [\#7770](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7770) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* chore: update workflows from organization [\#7763](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7763) \([susnux](https://github.com/susnux)\)
+* chore(docs): add missing backports around supported versions and links [\#7773](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7773) \([ShGKme](https://github.com/ShGKme)\)
+* chore(docs): correct min supported Nextcloud version [\#7776](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7776) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* chore(docs): do not minimize docs and add examples code highlight [\#7803](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7803) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+* chore: update Node and NPM version in dev engines [\#7786](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7786) \([susnux](https://github.com/susnux)\)
+* chore(docs): optionally set docs server port via VUE_STYLEGUIDIST_PORT [\#7806](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7806) \([backportbot[bot]](https://github.com/backportbot[bot])\)
+
 ## [v8.33.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.33.0) (2025-10-22)
 ### 🚀 Enhancements
 * feat(NcChip): add error, success and warning variants [\#7653](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7653) \([backportbot[bot]](https://github.com/backportbot[bot])\)

package/README.md

@@ -19,7 +19,7 @@
 
 | Version        | Target                | Documentation                                         |
 |----------------|-----------------------|-------------------------------------------------------|
-| v9.x [main]    | Nextcloud 30+ (Vue 3) | https://nextcloud-vue-components.netlify.app          |
+| v9.x [main]    | Nextcloud 31+ (Vue 3) | https://nextcloud-vue-components.netlify.app          |
 | v8.x [stable8] | Nextcloud 28+ (Vue 2) | https://stable8--nextcloud-vue-components.netlify.app |
 | v7.x [stable7] | Nextcloud 25 - 27     | https://stable7--nextcloud-vue-components.netlify.app |
 | v6.x [stable6] | Nextcloud 24 - 25     | https://stable6--nextcloud-vue-components.netlify.app |
@@ -158,7 +158,7 @@ index 0e3a6a705d..416b8b0fb9 100644
 
 ## 📤 Releasing a new version
 
-- Pull the latest changes from `master` or `stableX`
+- Pull the latest changes from `main` or `stableX`
 - Checkout a new branch with the tag name (e.g `v4.0.1`): `git checkout -b v<version>`
 - Run `npm version patch --no-git-tag-version` (`npm version minor --no-git-tag-version` if minor).
   This will return a new version name, make sure it matches what you expect

package/dist/Components/NcActionButton.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcActionButton = require("../chunks/NcActionButton-DSq_luox.cjs");
+const NcActionButton = require("../chunks/NcActionButton-BS9Mv3XD.cjs");
 module.exports = NcActionButton.NcActionButton;
 //# sourceMappingURL=NcActionButton.cjs.map

package/dist/Components/NcActionButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionButton-CD1Z-o2Y.mjs";
+import { N } from "../chunks/NcActionButton-CECxOkhK.mjs";
 export {
   N as default
 };

package/dist/Components/NcActionButtonGroup.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcActionButtonGroup = require("../chunks/NcActionButtonGroup-DKVCsZhH.cjs");
+const NcActionButtonGroup = require("../chunks/NcActionButtonGroup-CbKrDPie.cjs");
 module.exports = NcActionButtonGroup.NcActionButtonGroup;
 //# sourceMappingURL=NcActionButtonGroup.cjs.map

package/dist/Components/NcActionButtonGroup.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionButtonGroup-Bd-SOAHU.mjs";
+import { N } from "../chunks/NcActionButtonGroup-D_ldp8Lw.mjs";
 export {
   N as default
 };

package/dist/Components/NcActionInput.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcActionInput = require("../chunks/NcActionInput-BMUreHhp.cjs");
+const NcActionInput = require("../chunks/NcActionInput-Cd7bhV5-.cjs");
 module.exports = NcActionInput.NcActionInput;
 //# sourceMappingURL=NcActionInput.cjs.map

package/dist/Components/NcActionInput.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionInput-D4MLI-0P.mjs";
+import { N } from "../chunks/NcActionInput-CB9jcc0_.mjs";
 export {
   N as default
 };

package/dist/Components/NcActionTextEditable.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcActionTextEditable = require("../chunks/NcActionTextEditable-C8B1qqqe.cjs");
+const NcActionTextEditable = require("../chunks/NcActionTextEditable-D-peY-RA.cjs");
 module.exports = NcActionTextEditable.NcActionTextEditable;
 //# sourceMappingURL=NcActionTextEditable.cjs.map

package/dist/Components/NcActionTextEditable.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionTextEditable-5mNFl7Jm.mjs";
+import { N } from "../chunks/NcActionTextEditable-CNEW3Fav.mjs";
 export {
   N as default
 };

package/dist/Components/NcActions.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcActions = require("../chunks/NcActions-CF9VxHHD.cjs");
+const NcActions = require("../chunks/NcActions-S-0Ec5lH.cjs");
 module.exports = NcActions.NcActions;
 //# sourceMappingURL=NcActions.cjs.map

package/dist/Components/NcActions.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActions-BvFVkIzX.mjs";
+import { N } from "../chunks/NcActions-C-CwY6XQ.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppContent.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppContent = require("../chunks/NcAppContent-BSyhjn2J.cjs");
+const NcAppContent = require("../chunks/NcAppContent-CMntmSFj.cjs");
 module.exports = NcAppContent.NcAppContent;
 //# sourceMappingURL=NcAppContent.cjs.map

package/dist/Components/NcAppContent.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppContent-C7hwN-sU.mjs";
+import { N } from "../chunks/NcAppContent-BvgsOP0K.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigation.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigation = require("../chunks/NcAppNavigation-DApCpI_F.cjs");
+const NcAppNavigation = require("../chunks/NcAppNavigation-BcFTYsgM.cjs");
 module.exports = NcAppNavigation.NcAppNavigation;
 //# sourceMappingURL=NcAppNavigation.cjs.map

package/dist/Components/NcAppNavigation.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigation-B2cKVKBH.mjs";
+import { N } from "../chunks/NcAppNavigation-DgekTp_z.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationCaption.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationCaption = require("../chunks/NcAppNavigationCaption-BOHmVyQb.cjs");
+const NcAppNavigationCaption = require("../chunks/NcAppNavigationCaption-1-KiRt-N.cjs");
 module.exports = NcAppNavigationCaption.NcAppNavigationCaption;
 //# sourceMappingURL=NcAppNavigationCaption.cjs.map

package/dist/Components/NcAppNavigationCaption.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationCaption-bTauZtcw.mjs";
+import { N } from "../chunks/NcAppNavigationCaption-D7mH8K7B.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationItem.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationItem = require("../chunks/NcAppNavigationItem-DbtR6u7Y.cjs");
+const NcAppNavigationItem = require("../chunks/NcAppNavigationItem-CkAgsU6p.cjs");
 module.exports = NcAppNavigationItem.NcAppNavigationItem;
 //# sourceMappingURL=NcAppNavigationItem.cjs.map

package/dist/Components/NcAppNavigationItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationItem-geCwhCsd.mjs";
+import { N } from "../chunks/NcAppNavigationItem-B6YKr1n2.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationNew.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationNew = require("../chunks/NcAppNavigationNew-BYvFykgl.cjs");
+const NcAppNavigationNew = require("../chunks/NcAppNavigationNew-ByTNXL-2.cjs");
 module.exports = NcAppNavigationNew.NcAppNavigationNew;
 //# sourceMappingURL=NcAppNavigationNew.cjs.map

package/dist/Components/NcAppNavigationNew.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationNew-BHzvRlVc.mjs";
+import { N } from "../chunks/NcAppNavigationNew-t3Rkrwjh.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationNewItem.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationNewItem = require("../chunks/NcAppNavigationNewItem-Dqnwa8Gl.cjs");
+const NcAppNavigationNewItem = require("../chunks/NcAppNavigationNewItem-D7dxbu-1.cjs");
 module.exports = NcAppNavigationNewItem.NcAppNavigationNewItem;
 //# sourceMappingURL=NcAppNavigationNewItem.cjs.map

package/dist/Components/NcAppNavigationNewItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationNewItem-Yy56yPrn.mjs";
+import { N } from "../chunks/NcAppNavigationNewItem-C96AER1b.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationSearch.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationSearch = require("../chunks/NcAppNavigationSearch-pMlFjm9w.cjs");
+const NcAppNavigationSearch = require("../chunks/NcAppNavigationSearch-C9dLgU2t.cjs");
 module.exports = NcAppNavigationSearch.NcAppNavigationSearch;
 //# sourceMappingURL=NcAppNavigationSearch.cjs.map

package/dist/Components/NcAppNavigationSearch.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationSearch-WfL4IPD8.mjs";
+import { N } from "../chunks/NcAppNavigationSearch-CuqE2exX.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationSettings.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationSettings = require("../chunks/NcAppNavigationSettings-C6qjJ3hF.cjs");
+const NcAppNavigationSettings = require("../chunks/NcAppNavigationSettings-C7d5dhkD.cjs");
 module.exports = NcAppNavigationSettings.NcAppNavigationSettings;
 //# sourceMappingURL=NcAppNavigationSettings.cjs.map

package/dist/Components/NcAppNavigationSettings.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationSettings-BhK7vlfP.mjs";
+import { N } from "../chunks/NcAppNavigationSettings-Ba8OcJxl.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationToggle.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const NcAppNavigationToggle = require("../chunks/NcAppNavigationToggle-8lSuagjd.cjs");
+const NcAppNavigationToggle = require("../chunks/NcAppNavigationToggle-Ck-d5mHe.cjs");
 exports.NcAppNavigationSpacer = NcAppNavigationToggle.NcAppNavigationToggle;
 exports.default = NcAppNavigationToggle.NcAppNavigationToggle;
 //# sourceMappingURL=NcAppNavigationToggle.cjs.map

package/dist/Components/NcAppNavigationToggle.mjs

@@ -1,4 +1,4 @@
-import { N as NcAppNavigationToggle } from "../chunks/NcAppNavigationToggle-DlnxjlcH.mjs";
+import { N as NcAppNavigationToggle } from "../chunks/NcAppNavigationToggle-B0N05AxP.mjs";
 export {
   NcAppNavigationToggle as NcAppNavigationSpacer,
   NcAppNavigationToggle as default

package/dist/Components/NcAppSettingsDialog.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppSettingsDialog = require("../chunks/NcAppSettingsDialog--RlMIfbo.cjs");
+const NcAppSettingsDialog = require("../chunks/NcAppSettingsDialog-fOCnfyD-.cjs");
 module.exports = NcAppSettingsDialog.NcAppSettingsDialog;
 //# sourceMappingURL=NcAppSettingsDialog.cjs.map

package/dist/Components/NcAppSettingsDialog.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSettingsDialog-8YaW7ud3.mjs";
+import { N } from "../chunks/NcAppSettingsDialog-PRGGDKCy.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppSettingsSection.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppSettingsSection = require("../chunks/NcAppSettingsSection-OPWPqi2Y.cjs");
+const NcAppSettingsSection = require("../chunks/NcAppSettingsSection-Q5PB51ht.cjs");
 module.exports = NcAppSettingsSection.NcAppSettingsSection;
 //# sourceMappingURL=NcAppSettingsSection.cjs.map

package/dist/Components/NcAppSettingsSection.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSettingsSection-DVrBPuLD.mjs";
+import { N } from "../chunks/NcAppSettingsSection-Cq1VIzMR.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppSettingsSectionShortcuts.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppSettingsSectionShortcuts = require("../chunks/NcAppSettingsSectionShortcuts-CBYgfYGz.cjs");
-module.exports = NcAppSettingsSectionShortcuts.NcAppSettingsSectionShortcuts;
+const NcAppSettingsShortcutsSection = require("../chunks/NcAppSettingsShortcutsSection-DI5YBdYf.cjs");
+module.exports = NcAppSettingsShortcutsSection.NcAppSettingsShortcutsSection;
 //# sourceMappingURL=NcAppSettingsSectionShortcuts.cjs.map

package/dist/Components/NcAppSettingsSectionShortcuts.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSettingsSectionShortcuts-CdP-4ktS.mjs";
+import { N } from "../chunks/NcAppSettingsShortcutsSection-BGMDhIXI.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppSettingsShortcutsSection.cjs

@@ -0,0 +1,4 @@
+"use strict";
+const NcAppSettingsShortcutsSection = require("../chunks/NcAppSettingsShortcutsSection-DI5YBdYf.cjs");
+module.exports = NcAppSettingsShortcutsSection.NcAppSettingsShortcutsSection;
+//# sourceMappingURL=NcAppSettingsShortcutsSection.cjs.map

package/dist/Components/NcAppSettingsShortcutsSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcAppSettingsShortcutsSection.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Components/NcAppSettingsShortcutsSection.mjs

@@ -0,0 +1,5 @@
+import { N } from "../chunks/NcAppSettingsShortcutsSection-BGMDhIXI.mjs";
+export {
+  N as default
+};
+//# sourceMappingURL=NcAppSettingsShortcutsSection.mjs.map

package/dist/Components/NcAppSettingsShortcutsSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcAppSettingsShortcutsSection.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Components/NcAppSidebar.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppSidebar = require("../chunks/NcAppSidebar-DLb6ALHL.cjs");
+const NcAppSidebar = require("../chunks/NcAppSidebar-BA8rmpOk.cjs");
 module.exports = NcAppSidebar.NcAppSidebar;
 //# sourceMappingURL=NcAppSidebar.cjs.map

package/dist/Components/NcAppSidebar.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSidebar-f7tuofzM.mjs";
+import { N } from "../chunks/NcAppSidebar-1Q4AznUI.mjs";
 export {
   N as default
 };

package/dist/Components/NcAssistantButton.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAssistantButton = require("../chunks/NcAssistantButton-BMzPE7WA.cjs");
+const NcAssistantButton = require("../chunks/NcAssistantButton-CAJQBxgk.cjs");
 module.exports = NcAssistantButton.NcAssistantButton;
 //# sourceMappingURL=NcAssistantButton.cjs.map

package/dist/Components/NcAssistantButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAssistantButton-enexPvoC.mjs";
+import { N } from "../chunks/NcAssistantButton-BPXX2mz6.mjs";
 export {
   N as default
 };

package/dist/Components/NcAssistantIcon.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAssistantIcon = require("../chunks/NcAssistantIcon-DfVd2zWt.cjs");
+const NcAssistantIcon = require("../chunks/NcAssistantIcon-jHDGZ_Bd.cjs");
 module.exports = NcAssistantIcon.NcAssistantIcon;
 //# sourceMappingURL=NcAssistantIcon.cjs.map

package/dist/Components/NcAssistantIcon.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAssistantIcon-XwQFzBgA.mjs";
+import { N } from "../chunks/NcAssistantIcon-CKWZRzXg.mjs";
 export {
   N as default
 };

package/dist/Components/NcAvatar.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAvatar = require("../chunks/NcAvatar-BwioPrbY.cjs");
+const NcAvatar = require("../chunks/NcAvatar-BrDByW-X.cjs");
 module.exports = NcAvatar.NcAvatar;
 //# sourceMappingURL=NcAvatar.cjs.map

package/dist/Components/NcAvatar.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAvatar-DwUmx6Fg.mjs";
+import { N } from "../chunks/NcAvatar-4h0wo9uv.mjs";
 export {
   N as default
 };

package/dist/Components/NcBreadcrumb.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcBreadcrumb = require("../chunks/NcBreadcrumb-B-zWjBNp.cjs");
+const NcBreadcrumb = require("../chunks/NcBreadcrumb-BUsCwbnF.cjs");
 module.exports = NcBreadcrumb.NcBreadcrumb;
 //# sourceMappingURL=NcBreadcrumb.cjs.map

package/dist/Components/NcBreadcrumb.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcBreadcrumb-ljdZbX7p.mjs";
+import { N } from "../chunks/NcBreadcrumb-CcKJsew_.mjs";
 export {
   N as default
 };

package/dist/Components/NcBreadcrumbs.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcBreadcrumbs = require("../chunks/NcBreadcrumbs-B6tPEu9b.cjs");
+const NcBreadcrumbs = require("../chunks/NcBreadcrumbs-W9wcvU4n.cjs");
 module.exports = NcBreadcrumbs.NcBreadcrumbs;
 //# sourceMappingURL=NcBreadcrumbs.cjs.map

package/dist/Components/NcBreadcrumbs.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcBreadcrumbs-D2DtX3XC.mjs";
+import { N } from "../chunks/NcBreadcrumbs-bDlnNcz1.mjs";
 export {
   N as default
 };

package/dist/Components/NcButton.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcButton = require("../chunks/NcButton-CJBZrdiL.cjs");
+const NcButton = require("../chunks/NcButton-CuFElrFD.cjs");
 module.exports = NcButton.NcButton;
 //# sourceMappingURL=NcButton.cjs.map

package/dist/Components/NcButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcButton-DUZTtFhr.mjs";
+import { N } from "../chunks/NcButton-Dz2O6cSU.mjs";
 export {
   N as default
 };

package/dist/Components/NcCheckboxRadioSwitch.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcCheckboxRadioSwitch = require("../chunks/NcCheckboxRadioSwitch-wSD3hWxs.cjs");
+const NcCheckboxRadioSwitch = require("../chunks/NcCheckboxRadioSwitch-CG2BbMsv.cjs");
 module.exports = NcCheckboxRadioSwitch.NcCheckboxRadioSwitch;
 //# sourceMappingURL=NcCheckboxRadioSwitch.cjs.map

package/dist/Components/NcCheckboxRadioSwitch.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcCheckboxRadioSwitch-NPJuwzqS.mjs";
+import { N } from "../chunks/NcCheckboxRadioSwitch-CX3HXCEk.mjs";
 export {
   N as default
 };

package/dist/Components/NcChip.cjs

@@ -1,11 +1,11 @@
-require('../assets/NcChip-ByvuZS2-.css');
+require('../assets/NcChip-DLfUzq07.css');
 "use strict";
-const mdi = require("../chunks/mdi-Nhb6SBw8.cjs");
+const mdi = require("../chunks/mdi-CVXTs58m.cjs");
 const Vue = require("vue");
-const NcActionButton = require("../chunks/NcActionButton-DSq_luox.cjs");
-const NcActions = require("../chunks/NcActions-CF9VxHHD.cjs");
-const NcIconSvgWrapper = require("../chunks/NcIconSvgWrapper-D-aKMbf3.cjs");
-const _l10n = require("../chunks/_l10n-eOBJ3Dwl.cjs");
+const NcActionButton = require("../chunks/NcActionButton-BS9Mv3XD.cjs");
+const NcActions = require("../chunks/NcActions-S-0Ec5lH.cjs");
+const NcIconSvgWrapper = require("../chunks/NcIconSvgWrapper-Bbl4kXZI.cjs");
+const _l10n = require("../chunks/_l10n-DWMcjgRh.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 _l10n.register(_l10n.t18);
 const _sfc_main = {
@@ -115,7 +115,7 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "88e86387"
+  "c8e429a5"
 );
 const NcChip = __component__.exports;
 module.exports = NcChip;

package/dist/Components/NcChip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcChip.cjs","sources":["../../src/components/NcChip/NcChip.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n<docs>\n### Basic usage\n\n```vue\n<template>\n\t<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n\t\t<NcChip text=\"Notes.txt\" />\n\t\t<NcChip text=\"Files\" :icon-path=\"mdiFile\" />\n\t\t<NcChip text=\"Color\" :icon-path=\"mdiPalette\" variant=\"tertiary\" />\n\t\t<NcChip text=\"Current time\" :icon-path=\"mdiClock\" no-close variant=\"primary\" />\n\t\t<NcChip text=\"Canceled\" :icon-path=\"mdiCancel\" variant=\"error\" no-close />\n\t\t<NcChip text=\"Open\" :icon-path=\"mdiCircle\" variant=\"success\" no-close />\n\t\t<NcChip text=\"Due tomorrow\" :icon-path=\"mdiAlertCircleOutline\" variant=\"warning\" no-close />\n\t</div>\n</template>\n<script>\nimport { mdiClock, mdiFile, mdiPalette, mdiCancel, mdiCircle, mdiAlertCircleOutline } from '@mdi/js'\n\nexport default {\n\tsetup() {\n\t\treturn {\n\t\t\tmdiAlertCircleOutline,\n\t\t\tmdiCancel,\n\t\t\tmdiCircle,\n\t\t\tmdiClock,\n\t\t\tmdiFile,\n\t\t\tmdiPalette,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Advanced usage\n\nIt is also possible to use custom components for the icon by using the `icon` slot.\nIn this example we are using the `NcAvatar` component to render the users avatar as the icon.\n\n*Hint: If you use round icons like avatars you should set their size to `24px` (or use CSS variable `--chip-size`) to make them fully fill and align with the the chip*\n\nAlso it is possible to pass custom actions.\n\n```vue\n<template>\n\t<NcChip>\n\t\t<!-- The icon slot allow to use custom components as the chip icon -->\n\t\t<template #icon>\n\t\t\t<NcAvatar :size=\"24\" user=\"jdoe\" display-name=\"J. Doe\" />\n\t\t</template>\n\t\t<!-- The actions slot allows to add custom actions -->\n\t\t<template #actions>\n\t\t\t<NcActionButton>\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ContactsIcon :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd to contacts\n\t\t\t</NcActionButton>\n\t\t</template>\n\t\t<!-- The default slot can be used for add content, just like the `text` prop -->\n\t\tJ. Doe\n\t</NcChip>\n</template>\n<script>\nimport ContactsIcon from 'vue-material-design-icons/Contacts.vue'\nexport default {\n\tcomponents: {\n\t\tContactsIcon,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div\n\t\tclass=\"nc-chip\"\n\t\t:class=\"{\n\t\t\t[`nc-chip--${realVariant}`]: true,\n\t\t\t'nc-chip--no-actions': noClose && !hasActions(),\n\t\t\t'nc-chip--no-icon': !hasIcon(),\n\t\t}\">\n\t\t<span v-if=\"hasIcon()\" class=\"nc-chip__icon\">\n\t\t\t<!-- @slot The icon slot can be used to set the chip icon. Make sure that the icon is not exceeding a height of `24px`. For round icons a exact size of `24px` is recommended. -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<!-- The default icon wrapper uses a size of 18px to ensure the icon is not clipped by the round chip style -->\n\t\t\t\t<NcIconSvgWrapper\n\t\t\t\t\tv-if=\"iconPath || iconSvg\"\n\t\t\t\t\tinline\n\t\t\t\t\t:path=\"iconPath\"\n\t\t\t\t\t:svg=\"iconPath ? undefined : iconSvg\"\n\t\t\t\t\t:size=\"18\" />\n\t\t\t</slot>\n\t\t</span>\n\t\t<span class=\"nc-chip__text\">\n\t\t\t<!-- @slot The default slot can be used to set the text that is shown -->\n\t\t\t<slot>{{ text }}</slot>\n\t\t</span>\n\t\t<NcActions\n\t\t\tv-if=\"canClose || hasActions()\"\n\t\t\tclass=\"nc-chip__actions\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\t:force-menu=\"!canClose\"\n\t\t\tvariant=\"tertiary-no-background\">\n\t\t\t<NcActionButton\n\t\t\t\tv-if=\"canClose\"\n\t\t\t\tclose-after-click\n\t\t\t\t@click=\"emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcIconSvgWrapper :path=\"mdiClose\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ ariaLabelClose }}\n\t\t\t</NcActionButton>\n\t\t\t<!-- @slot The actions slot can be used to add custom actions to the chips actions -->\n\t\t\t<slot name=\"actions\" />\n\t\t</NcActions>\n\t</div>\n</template>\n\n<script setup>\nimport { mdiClose } from '@mdi/js'\nimport { computed, useSlots } from 'vue'\nimport NcActionButton from '../NcActionButton/NcActionButton.vue'\nimport NcActions from '../NcActions/NcActions.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.js'\n\nconst props = defineProps({\n\t/**\n\t * aria label to set on the close button\n\t *\n\t * @default 'Close'\n\t */\n\tariaLabelClose: {\n\t\ttype: String,\n\t\tdefault: t('Close'),\n\t},\n\n\t/**\n\t * Container for the actions\n\t */\n\tactionsContainer: {\n\t\ttype: String,\n\t\tdefault: 'body',\n\t},\n\n\t/**\n\t * Main text of the chip.\n\t */\n\ttext: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @deprecated will be removed with v9 - use `variant` instead.\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n\n\t/**\n\t * SVG path of the icon to use, this takes precedence over `iconSVG`.\n\t * For example icon paths from `@mdi/js` can be used.\n\t */\n\ticonPath: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Inline SVG to use as the icon\n\t */\n\ticonSvg: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Set to true to prevent the close button to be shown\n\t */\n\tnoClose: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @since 8.24.0\n\t */\n\tvariant: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n})\n\nconst emit = defineEmits(['close'])\nconst slots = useSlots()\n\n// TODO: Replace with just `variant` in v9\nconst realVariant = computed(() => props.type !== 'secondary' ? props.type : props.variant)\n\nconst canClose = computed(() => !props.noClose)\nconst hasActions = () => Boolean(slots.actions?.())\nconst hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.())\n</script>\n\n<style scoped lang=\"scss\">\n.nc-chip {\n\t--chip-size: 24px;\n\t--chip-radius: calc(var(--chip-size) / 2);\n\t// Setup size of wrapper\n\theight: var(--chip-size);\n\tmax-width: fit-content;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-radius: var(--chip-radius);\n\tbackground-color: var(--color-background-hover);\n\n\t&--primary {\n\t\tbackground-color: var(--color-primary-element);\n\t\tcolor: var(--color-primary-element-text);\n\t}\n\n\t&--secondary {\n\t\tbackground-color: var(--color-primary-element-light);\n\t\tcolor: var(--color-primary-element-light-text);\n\t}\n\n\t&--error {\n\t\tbackground-color: var(--color-error);\n\t\tcolor: var(--color-error-text);\n\t}\n\n\t&--warning {\n\t\tbackground-color: var(--color-warning);\n\t\tcolor: var(--color-warning-text);\n\t}\n\n\t&--success {\n\t\tbackground-color: var(--color-success);\n\t\tcolor: var(--color-success-text);\n\t}\n\n\t&--no-actions &__text {\n\t\t// If there are no actions we need to add some padding to ensure the text is not cut-off\n\t\tpadding-inline-end: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&--no-icon &__text {\n\t\t// Add some more space to the border\n\t\tpadding-inline-start: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&__text {\n\t\t// Allow to grow the text\n\t\t// this is only used if an app forces a width of the chip\n\t\tflex: 1 auto;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-wrap: nowrap;\n\t}\n\n\t&__icon {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\tmargin-inline-end: var(--default-grid-baseline);\n\n\t\tline-height: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// Force size\n\t\toverflow: hidden;\n\t\theight: var(--chip-size);\n\t\twidth: var(--chip-size);\n\t}\n\n\t&__actions {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\t// Adjust action size to match chip size\n\t\t--default-clickable-area: var(--chip-size);\n\t\t--border-radius-element: var(--chip-radius);\n\t}\n}\n</style>\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA,UAAM,QAAQA,IAAAA,SAAQ;AAGtB,UAAM,cAAcC,IAAAA,SAAS,MAAM,MAAM,SAAS,cAAc,MAAM,OAAO,MAAM,OAAO;AAE1F,UAAM,WAAWA,IAAAA,SAAS,MAAM,CAAC,MAAM,OAAO;AAC9C,UAAM,aAAa,MAAM,QAAQ,MAAM,UAAO,CAAI;AAClD,UAAM,UAAU,MAAM,QAAQ,MAAM,YAAY,MAAM,WAAW,CAAC,CAAC,MAAM,OAAI,CAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcChip.cjs","sources":["../../src/components/NcChip/NcChip.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n<docs>\n### Basic usage\n\n```vue\n<template>\n\t<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n\t\t<NcChip text=\"Notes.txt\" />\n\t\t<NcChip text=\"Files\" :icon-path=\"mdiFileOutline\" />\n\t\t<NcChip text=\"Color\" :icon-path=\"mdiPaletteOutline\" variant=\"tertiary\" />\n\t\t<NcChip text=\"Current time\" :icon-path=\"mdiClock\" no-close variant=\"primary\" />\n\t\t<NcChip text=\"Canceled\" :icon-path=\"mdiCancel\" variant=\"error\" no-close />\n\t\t<NcChip text=\"Open\" :icon-path=\"mdiCircleOutline\" variant=\"success\" no-close />\n\t\t<NcChip text=\"Due tomorrow\" :icon-path=\"mdiAlertCircleOutline\" variant=\"warning\" no-close />\n\t</div>\n</template>\n<script>\nimport { mdiClock, mdiFileOutline, mdiPaletteOutline, mdiCancel, mdiCircleOutline, mdiAlertCircleOutline } from '@mdi/js'\n\nexport default {\n\tsetup() {\n\t\treturn {\n\t\t\tmdiAlertCircleOutline,\n\t\t\tmdiCancel,\n\t\t\tmdiCircleOutline,\n\t\t\tmdiClock,\n\t\t\tmdiFileOutline,\n\t\t\tmdiPaletteOutline,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Advanced usage\n\nIt is also possible to use custom components for the icon by using the `icon` slot.\nIn this example we are using the `NcAvatar` component to render the users avatar as the icon.\n\n*Hint: If you use round icons like avatars you should set their size to `24px` (or use CSS variable `--chip-size`) to make them fully fill and align with the the chip*\n\nAlso it is possible to pass custom actions.\n\n```vue\n<template>\n\t<NcChip>\n\t\t<!-- The icon slot allow to use custom components as the chip icon -->\n\t\t<template #icon>\n\t\t\t<NcAvatar :size=\"24\" user=\"jdoe\" display-name=\"J. Doe\" />\n\t\t</template>\n\t\t<!-- The actions slot allows to add custom actions -->\n\t\t<template #actions>\n\t\t\t<NcActionButton>\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ContactsIcon :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd to contacts\n\t\t\t</NcActionButton>\n\t\t</template>\n\t\t<!-- The default slot can be used for add content, just like the `text` prop -->\n\t\tJ. Doe\n\t</NcChip>\n</template>\n<script>\nimport ContactsIcon from 'vue-material-design-icons/Contacts.vue'\nexport default {\n\tcomponents: {\n\t\tContactsIcon,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div\n\t\tclass=\"nc-chip\"\n\t\t:class=\"{\n\t\t\t[`nc-chip--${realVariant}`]: true,\n\t\t\t'nc-chip--no-actions': noClose && !hasActions(),\n\t\t\t'nc-chip--no-icon': !hasIcon(),\n\t\t}\">\n\t\t<span v-if=\"hasIcon()\" class=\"nc-chip__icon\">\n\t\t\t<!-- @slot The icon slot can be used to set the chip icon. Make sure that the icon is not exceeding a height of `24px`. For round icons a exact size of `24px` is recommended. -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<!-- The default icon wrapper uses a size of 18px to ensure the icon is not clipped by the round chip style -->\n\t\t\t\t<NcIconSvgWrapper\n\t\t\t\t\tv-if=\"iconPath || iconSvg\"\n\t\t\t\t\tinline\n\t\t\t\t\t:path=\"iconPath\"\n\t\t\t\t\t:svg=\"iconPath ? undefined : iconSvg\"\n\t\t\t\t\t:size=\"18\" />\n\t\t\t</slot>\n\t\t</span>\n\t\t<span class=\"nc-chip__text\">\n\t\t\t<!-- @slot The default slot can be used to set the text that is shown -->\n\t\t\t<slot>{{ text }}</slot>\n\t\t</span>\n\t\t<NcActions\n\t\t\tv-if=\"canClose || hasActions()\"\n\t\t\tclass=\"nc-chip__actions\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\t:force-menu=\"!canClose\"\n\t\t\tvariant=\"tertiary-no-background\">\n\t\t\t<NcActionButton\n\t\t\t\tv-if=\"canClose\"\n\t\t\t\tclose-after-click\n\t\t\t\t@click=\"emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcIconSvgWrapper :path=\"mdiClose\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ ariaLabelClose }}\n\t\t\t</NcActionButton>\n\t\t\t<!-- @slot The actions slot can be used to add custom actions to the chips actions -->\n\t\t\t<slot name=\"actions\" />\n\t\t</NcActions>\n\t</div>\n</template>\n\n<script setup>\nimport { mdiClose } from '@mdi/js'\nimport { computed, useSlots } from 'vue'\nimport NcActionButton from '../NcActionButton/NcActionButton.vue'\nimport NcActions from '../NcActions/NcActions.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.js'\n\nconst props = defineProps({\n\t/**\n\t * aria label to set on the close button\n\t *\n\t * @default 'Close'\n\t */\n\tariaLabelClose: {\n\t\ttype: String,\n\t\tdefault: t('Close'),\n\t},\n\n\t/**\n\t * Container for the actions\n\t */\n\tactionsContainer: {\n\t\ttype: String,\n\t\tdefault: 'body',\n\t},\n\n\t/**\n\t * Main text of the chip.\n\t */\n\ttext: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @deprecated will be removed with v9 - use `variant` instead.\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n\n\t/**\n\t * SVG path of the icon to use, this takes precedence over `iconSVG`.\n\t * For example icon paths from `@mdi/js` can be used.\n\t */\n\ticonPath: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Inline SVG to use as the icon\n\t */\n\ticonSvg: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Set to true to prevent the close button to be shown\n\t */\n\tnoClose: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @since 8.24.0\n\t */\n\tvariant: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n})\n\nconst emit = defineEmits(['close'])\nconst slots = useSlots()\n\n// TODO: Replace with just `variant` in v9\nconst realVariant = computed(() => props.type !== 'secondary' ? props.type : props.variant)\n\nconst canClose = computed(() => !props.noClose)\nconst hasActions = () => Boolean(slots.actions?.())\nconst hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.())\n</script>\n\n<style scoped lang=\"scss\">\n.nc-chip {\n\t--chip-size: 24px;\n\t--chip-radius: calc(var(--chip-size) / 2);\n\t// Setup size of wrapper\n\theight: var(--chip-size);\n\tmax-width: fit-content;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-radius: var(--chip-radius);\n\tbackground-color: var(--color-background-hover);\n\n\t&--primary {\n\t\tbackground-color: var(--color-primary-element);\n\t\tcolor: var(--color-primary-element-text);\n\t}\n\n\t&--secondary {\n\t\tbackground-color: var(--color-primary-element-light);\n\t\tcolor: var(--color-primary-element-light-text);\n\t}\n\n\t&--error {\n\t\tbackground-color: var(--color-error);\n\t\tcolor: var(--color-error-text);\n\t}\n\n\t&--warning {\n\t\tbackground-color: var(--color-warning);\n\t\tcolor: var(--color-warning-text);\n\t}\n\n\t&--success {\n\t\tbackground-color: var(--color-success);\n\t\tcolor: var(--color-success-text);\n\t}\n\n\t&--no-actions &__text {\n\t\t// If there are no actions we need to add some padding to ensure the text is not cut-off\n\t\tpadding-inline-end: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&--no-icon &__text {\n\t\t// Add some more space to the border\n\t\tpadding-inline-start: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&__text {\n\t\t// Allow to grow the text\n\t\t// this is only used if an app forces a width of the chip\n\t\tflex: 1 auto;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-wrap: nowrap;\n\t}\n\n\t&__icon {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\tmargin-inline-end: var(--default-grid-baseline);\n\n\t\tline-height: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// Force size\n\t\toverflow: hidden;\n\t\theight: var(--chip-size);\n\t\twidth: var(--chip-size);\n\t}\n\n\t&__actions {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\t// Adjust action size to match chip size\n\t\t--default-clickable-area: var(--chip-size);\n\t\t--border-radius-element: var(--chip-radius);\n\t}\n}\n</style>\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA,UAAM,QAAQA,IAAAA,SAAQ;AAGtB,UAAM,cAAcC,IAAAA,SAAS,MAAM,MAAM,SAAS,cAAc,MAAM,OAAO,MAAM,OAAO;AAE1F,UAAM,WAAWA,IAAAA,SAAS,MAAM,CAAC,MAAM,OAAO;AAC9C,UAAM,aAAa,MAAM,QAAQ,MAAM,UAAO,CAAI;AAClD,UAAM,UAAU,MAAM,QAAQ,MAAM,YAAY,MAAM,WAAW,CAAC,CAAC,MAAM,OAAI,CAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcChip.mjs

@@ -1,10 +1,10 @@
-import '../assets/NcChip-ByvuZS2-.css';
-import { c as mdiClose } from "../chunks/mdi-CKSXwCsV.mjs";
+import '../assets/NcChip-DLfUzq07.css';
+import { c as mdiClose } from "../chunks/mdi-CgetWrFc.mjs";
 import { useSlots, computed } from "vue";
-import { N as NcActionButton } from "../chunks/NcActionButton-CD1Z-o2Y.mjs";
-import { N as NcActions } from "../chunks/NcActions-BvFVkIzX.mjs";
-import { N as NcIconSvgWrapper } from "../chunks/NcIconSvgWrapper-BreCg8pX.mjs";
-import { r as register, m as t18, a as t } from "../chunks/_l10n-BWisB7-O.mjs";
+import { N as NcActionButton } from "../chunks/NcActionButton-CECxOkhK.mjs";
+import { N as NcActions } from "../chunks/NcActions-C-CwY6XQ.mjs";
+import { N as NcIconSvgWrapper } from "../chunks/NcIconSvgWrapper-Bui9PhAS.mjs";
+import { r as register, n as t18, a as t } from "../chunks/_l10n-D3tJt_gL.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 register(t18);
 const _sfc_main = {
@@ -114,7 +114,7 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "88e86387"
+  "c8e429a5"
 );
 const NcChip = __component__.exports;
 export {