@webority/ui-react 0.13.5 → 0.15.0

package/dist/ui-react.js

@@ -1,14 +1,14 @@
 import { Children as e, Fragment as t, cloneElement as n, createElement as r, forwardRef as i, useCallback as a, useEffect as o, useId as s, useInsertionEffect as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
 import { Alert as p, Badge as m, Breadcrumb as h, Button as g, Card as _, Dropdown as v, Form as y, Modal as b, Offcanvas as x, OverlayTrigger as S, Popover as C, Tooltip as w } from "react-bootstrap";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { COPY_FEEDBACK_MS as O, DEFAULT_IMAGE_ACCEPT as k, DEFAULT_MAX_SIZE_MB as A, acceptLabel as j, copyTextToClipboard as M, evaluatePassword as N, isImageFile as P, isImageOnlyAccept as F, validateFile as I } from "@webority/ui-elements";
-import { getConsent as L, saveConsent as R } from "@webority/analytics/site";
+import { COPY_FEEDBACK_MS as O, DEFAULT_IMAGE_ACCEPT as k, DEFAULT_MAX_SIZE_MB as A, acceptLabel as j, copyTextToClipboard as M, evaluatePassword as N, isImageFile as P, isImageOnlyAccept as F, matchSegments as I, validateFile as L } from "@webority/ui-elements";
+import { getConsent as R, saveConsent as z } from "@webority/analytics/site";
 //#region src/components/iconCatalogLoaders.g.js
-function z(e) {
+function B(e) {
 	let t = e[0]?.toLowerCase();
 	return t && t >= "a" && t <= "z" ? t : "_";
 }
-var ee = {
+var V = {
 	a: () => import("./a.g-kGcGx7fd.js"),
 	b: () => import("./b.g-Dkq-W_Lw.js"),
 	c: () => import("./c.g-D3DSTTq_.js"),
@@ -34,7 +34,7 @@ var ee = {
 	w: () => import("./w.g-CGXIqJB2.js"),
 	x: () => import("./x.g-CIuI3Fqx.js"),
 	z: () => import("./z.g-BUP3BJiy.js")
-}, B = {
+}, H = {
 	outline: {
 		a: () => import("./a.g-DpfOFhWD.js"),
 		b: () => import("./b.g-MJlor3xB.js"),
@@ -170,7 +170,7 @@ var ee = {
 		x: () => import("./x.g-Cc7upOBC.js"),
 		z: () => import("./z.g-COIy6PjH.js")
 	}
-}, V = /* @__PURE__ */ "aave.activity.add.add-circle.add-square.additem.airdrop.airplane.airplane-square.airpod.airpods.alarm.alert-circle.alert-triangle.align-bottom.align-horizontally.align-left.align-right.align-top.align-vertically.android.ankr.apple.aquarius.archive.archive-add.archive-book.archive-box.archive-minus.archive-slash.archive-tick.arrange-horizontal.arrange-horizontal-circle.arrange-horizontal-square.arrange-vertical.arrange-vertical-circle.arrange-vertical-square.arrow.arrow-circle-down.arrow-circle-down-2.arrow-circle-left.arrow-circle-left-2.arrow-circle-right.arrow-circle-right-2.arrow-circle-up.arrow-circle-up-2.arrow-down.arrow-down-2.arrow-down-3.arrow-down-up.arrow-forward.arrow-forward-square.arrow-left.arrow-left-2.arrow-left-3.arrow-right.arrow-right-2.arrow-right-3.arrow-rotate-left.arrow-rotate-right.arrow-square.arrow-square-down.arrow-square-left.arrow-square-right.arrow-square-up.arrow-swap-horizontal.arrow-swap-vertical.arrow-up.arrow-up-2.arrow-up-3.arrow-up-right.attach-circle.attach-square.audio-square.augur.autobrightness.autonio.avalanche.award.back.back-square.backward.backward-10-seconds.backward-15-seconds.backward-5-seconds.backward-item.badge-check.bag.bag-2.bag-cross.bag-cross-1.bag-happy.bag-tick.bag-tick-2.bag-timer.bank.barcode.battery-charging.battery-disable.battery-empty.battery-empty-1.battery-full.be.bell.bezier.bill.binance-coin.binance-usd.bitcoin.bitcoin-card.bitcoin-convert.bitcoin-refresh.blend.blend-2.blogger.bluetooth.bluetooth-2.bluetooth-circle.bluetooth-rectangle.blur.book.book-1.book-saved.book-square.bookmark.bookmark-2.bootstrap.box.box-1.box-2.box-add.box-remove.box-seam.box-search.box-tick.box-time.briefcase.brifecase-cross.brifecase-tick.brifecase-timer.brodcast.broom.brush.brush-2.brush-3.brush-big.brush-square.bubble.bucket.bucket-circle.bucket-square.bug.building.building-2.building-3.building-4.buildings.buildings-2.buliding.bullseye.bus.buy-crypto.cake.calculator.calendar.calendar-1.calendar-2.calendar-add.calendar-check.calendar-circle.calendar-dots.calendar-edit.calendar-remove.calendar-search.calendar-tick.call.call-add.call-calling.call-incoming.call-minus.call-outgoing.call-received.call-remove.call-slash.camera.camera-slash.candle.candle-2.car.card.card-add.card-coin.card-edit.card-pos.card-receive.card-remove.card-remove-1.card-send.card-slash.card-tick.card-tick-1.cardano.cards.cash-stack.category.category-2.cd.celo.celsius.chainlink.chart.chart-1.chart-2.chart-21.chart-circle.chart-column.chart-fail.chart-square.chart-success.chat.chat-dots.check.check-check.check-circle.chemical-glass.chevron-down.chevron-left.chevron-right.chevron-up.chevrons-left.chevrons-right.chevrons-up-down.chrome.circle.circle-help.civic.clipboard.clipboard-check.clipboard-close.clipboard-export.clipboard-import.clipboard-text.clipboard-tick.clock.close-circle.close-square.cloud.cloud-add.cloud-change.cloud-connection.cloud-cross.cloud-drizzle.cloud-fog.cloud-lightning.cloud-minus.cloud-notif.cloud-plus.cloud-remove.cloud-snow.cloud-sunny.code.code-1.code-circle.coffee.coin.coin-1.coins.color-swatch.colorfilter.colors-square.command.command-square.component.computing.contact.convert.convert-3-d-cube.convert-card.convertshape.convertshape-2.copy.copy-success.copyright.courthouse.cpu.cpu-charge.cpu-setting.creative-commons.credit-card.crop.crown.crown-1.cup.cursor.cut.dai.danger.dash.data.data-2.decred.dent.designtools.device-message.devices.diagram.diagram-3.diamonds.direct.direct-down.direct-inbox.direct-left.direct-normal.direct-notification.direct-right.direct-send.direct-up.directbox-default.directbox-notif.directbox-receive.directbox-send.discount-circle.discount-shape.discover.dislike.display.document.document-cloud.document-code.document-code-2.document-copy.document-download.document-favorite.document-filter.document-forward.document-like.document-previous.document-sketch.document-text.document-text-1.document-upload.dollar-circle.dollar-square.download.dribbble.driver.driver-2.driver-refresh.driving.drop.dropbox.edit.edit-2.educare.electricity.element.element-2.element-3.element-4.element-equal.element-plus.emercoin.emoji-happy.emoji-normal.emoji-sad.emoji-smile.empty-wallet.empty-wallet-add.empty-wallet-change.empty-wallet-remove.empty-wallet-tick.empty-wallet-time.enjin-coin.eos.eraser.eraser-square.ethereum.ethereum-classic.export.export-circle.export-curve.export-square.external-drive.external-link.eye.eye-off.eye-slash.facebook.factory.fatrows.favorite-chart.figma.figma-1.file-plus-2.file-text.files.filter.filter-add.filter-edit.filter-remove.filter-search.filter-square.filter-tick.finger-cricle.finger-scan.firstline.flag.flag-2.flash.flash-circle.flash-slash.flashy.folder.folder-2.folder-add.folder-cloud.folder-connection.folder-cross.folder-favorite.folder-kanban.folder-minus.folder-open.folder-plus.forbidden.forbidden-2.format-circle.format-square.forward.forward-10-seconds.forward-15-seconds.forward-5-seconds.forward-item.framer.ftx-token.gallery.gallery-add.gallery-edit.gallery-export.gallery-favorite.gallery-import.gallery-remove.gallery-slash.gallery-tick.game.gameboy.gas-station.gauge.gemini.gemini-2.ghost.gift.glass.global.global-edit.global-refresh.global-search.globe.globe2.google.google-drive.google-play.gps.gps-slash.grammerly.graph.grid.grid-1.grid-2.grid-3.grid-4.grid-5.grid-6.grid-7.grid-8.grid-9.grid-edit.grid-eraser.grid-lock.hamberger-menu.happyemoji.hard-hat.harmony.hashtag.hashtag-down.hashtag-square.hashtag-up.headphone.headphones.health.heart.heart-add.heart-circle.heart-edit.heart-remove.heart-search.heart-slash.heart-tick.hedera-hashgraph.hex.hierarchy.hierarchy-2.hierarchy-3.hierarchy-square.hierarchy-square-2.hierarchy-square-3.history.home.home-2.home-3.home-hashtag.home-trend-down.home-trend-up.home-wifi.hospital.house.house-2.html-3.html-5.huobi-token.i-24-support.i-3-d-cube-scan.i-3-d-rotate.i-3-d-square.i-3-dcube.i-3-square.icon.illustrator.image.import.import-circle.import-curve.import-square.inbox.info.info-circle.information.instagram.iost.java-script.js.judge.kanban.key.key-square.keyboard.keyboard-open.kyber-network.lamp.lamp-charge.lamp-on.lamp-slash.language-circle.language-square.layer.layout-dashboard.layout-grid.layout-maximize.level.lifebuoy.lightbulb.like.like-1.like-dislike.like-shapes.like-tag.link.link-1.link-2.link-21.link-circle.link-square.list.litecoin.location.location-add.location-cross.location-discover.location-minus.location-slash.location-tick.lock.lock-1.lock-circle.lock-slash.log-out.login.login-curve.logout.logout-curve.lovely.magic-star.magicpen.mail.main-component.maker.man.map.map-1.map-pin.mask.mask-left.mask-right.math.maximize.maximize-1.maximize-2.maximize-3.maximize-4.maximize-circle.medal.medal-star.menu.menu-board.message.message-2.message-add.message-add-1.message-circle.message-edit.message-favorite.message-minus.message-notif.message-programming.message-question.message-remove.message-search.message-square.message-text.message-text-1.message-tick.message-time.messages.messages-1.messages-2.messages-3.messenger.microphone.microphone-2.microphone-slash.microphone-slash-1.microscope.milk.mini-music-sqaure.minus.minus-cirlce.minus-square.mirror.mirroring-screen.mobile.mobile-programming.monero.money.money-2.money-3.money-4.money-add.money-archive.money-change.money-forbidden.money-recive.money-remove.money-send.money-tick.money-time.moneys.monitor.monitor-mobbile.monitor-recorder.moon.more.more-2.more-circle.more-horizontal.more-square.mouse.mouse-circle.mouse-square.music.music-circle.music-dashboard.music-filter.music-library-2.music-play.music-playlist.music-square.music-square-add.music-square-remove.music-square-search.musicnote.nebulas.nem.nexo.next.note.note-1.note-add.note-favorite.note-remove.note-square.note-text.notepad.notepad-2.notification.notification-1.notification-bing.notification-circle.notification-favorite.notification-status.ocean-protocol.okb.okru.omega-circle.omega-square.ontology.paintbucket.palette.panel-left-close.panel-left-open.paperclip.paperclip-2.password-check.path-tool.path-tool-2.path-tool-square.pause.pause-circle.paypal.pen-add.pen-close.pen-remove.pen-tool.pen-tool-2.pencil.people.percentage-circle.percentage-square.personalcard.pet.pharagraphspacing.phone.photoshop.picture-frame.play.play-add.play-circle.play-cricle.play-remove.plug.plus.plus-circle.pointer.polkadot.polygon.polyswarm.presention-chart.previous.printer.printer-slash.profile.profile-2-user.profile-add.profile-circle.profile-delete.profile-remove.profile-tick.programming-arrow.programming-arrows.python.quant.quote-down.quote-down-circle.quote-down-square.quote-up.quote-up-circle.quote-up-square.radar.radar-2.radio.ram.ram-2.rank.ranking.receipt.receipt-1.receipt-2.receipt-21.receipt-add.receipt-discount.receipt-disscount.receipt-edit.receipt-item.receipt-minus.receipt-search.receipt-square.receipt-text.receive.receive-square.receive-square-2.record.record-circle.recovery-convert.refresh.refresh-2.refresh-circle.refresh-cw.refresh-left-square.refresh-right-square.refresh-square.repeat.repeat-circle.repeate-music.repeate-one.reserve.rotate-ccw.rotate-left.rotate-right.route-square.routing.routing-2.row-horizontal.row-vertical.ruler.ruler-pen.safe-home.sagittarius.save-2.save-add.save-minus.save-remove.scan.scan-barcode.scanner.scanning.scissor.screenmirroring.scroll.search.search-favorite.search-favorite-1.search-normal.search-normal-1.search-status.search-status-1.search-zoom-in.search-zoom-in-1.search-zoom-out.search-zoom-out-1.security.security-card.security-safe.security-time.security-user.send.send-2.server.setting.setting-2.setting-3.setting-4.setting-5.settings.shapes.shapes-1.share.share-2.shield.shield-check.shield-cross.shield-lock.shield-plus.shield-search.shield-security.shield-slash.shield-tick.ship.shop.shop-add.shop-remove.shopping-bag.shopping-cart.shuffle.shutterstock.siacoin.sidebar-bottom.sidebar-left.sidebar-right.sidebar-top.signpost.simcard.simcard-1.simcard-2.size.slack.slash.slider.slider-horizontal.slider-horizontal-1.slider-vertical.slider-vertical-1.smallcaps.smart-car.smart-home.smileys.sms.sms-edit.sms-notification.sms-search.sms-star.sms-tracking.snapchat.solana.sort.sound.sparkles.speaker.speedometer.spotify.stacks.star.star-1.star-slash.stars.status.status-up.stellar.sticker.stickynote.stop.stop-circle.story.strongbox.strongbox-2.subtitle.sun.sun-1.sun-fog.table-document.table-lamp.tag.tag-2.tag-cross.tag-right.tag-user.task.task-square.teacher.telephone.tenx.tether.text.text-block.text-bold.text-italic.text-underline.textalign-center.textalign-justifycenter.textalign-justifyleft.textalign-justifyright.textalign-left.textalign-right.the-graph.theta.thorchain.tick-circle.tick-square.ticket.ticket-2.ticket-discount.ticket-expired.ticket-star.timer.timer-1.timer-pause.timer-start.toggle-off.toggle-off-circle.toggle-on.toggle-on-circle.trade.transaction-minus.translate.transmit.transmit-sqaure-2.transmit-square.trash.trash-2.tree.trello.trend-down.trend-up.trending-up.triangle.triangle-logo.trontron.truck.truck-fast.truck-remove.truck-tick.truck-time.trush-square.twitch.two-page.ui-8.unlimited.unlock.upload.usd-coin.user.user-add.user-check.user-cirlce-add.user-edit.user-minus.user-octagon.user-plus.user-remove.user-search.user-square.user-tag.user-tick.users.velas.verify.vibe.video.video-add.video-circle.video-horizontal.video-octagon.video-play.video-remove.video-slash.video-square.video-tick.video-time.video-vertical.voice-cricle.voice-square.volume.volume-cross.volume-high.volume-low.volume-low-1.volume-mute.volume-slash.volume-up.wallet.wallet-1.wallet-2.wallet-3.wallet-add.wallet-add-1.wallet-check.wallet-minus.wallet-money.wallet-remove.wallet-search.wallet2.wanchain.wanchain-1.wand-sparkles.warning-2.watch.watch-status.weight.weight-meter.whatsapp.wifi.wifi-square.wind.wind-2.windows.wing.woman.wrist-clock.x.x-circle.xd.xiaomi.xrp.youtube.zap.zel.zoom.zoom-in.zoom-out".split("."), te = {
+}, ee = /* @__PURE__ */ "aave.activity.add.add-circle.add-square.additem.airdrop.airplane.airplane-square.airpod.airpods.alarm.alert-circle.alert-triangle.align-bottom.align-horizontally.align-left.align-right.align-top.align-vertically.android.ankr.apple.aquarius.archive.archive-add.archive-book.archive-box.archive-minus.archive-slash.archive-tick.arrange-horizontal.arrange-horizontal-circle.arrange-horizontal-square.arrange-vertical.arrange-vertical-circle.arrange-vertical-square.arrow.arrow-circle-down.arrow-circle-down-2.arrow-circle-left.arrow-circle-left-2.arrow-circle-right.arrow-circle-right-2.arrow-circle-up.arrow-circle-up-2.arrow-down.arrow-down-2.arrow-down-3.arrow-down-up.arrow-forward.arrow-forward-square.arrow-left.arrow-left-2.arrow-left-3.arrow-right.arrow-right-2.arrow-right-3.arrow-rotate-left.arrow-rotate-right.arrow-square.arrow-square-down.arrow-square-left.arrow-square-right.arrow-square-up.arrow-swap-horizontal.arrow-swap-vertical.arrow-up.arrow-up-2.arrow-up-3.arrow-up-right.attach-circle.attach-square.audio-square.augur.autobrightness.autonio.avalanche.award.back.back-square.backward.backward-10-seconds.backward-15-seconds.backward-5-seconds.backward-item.badge-check.bag.bag-2.bag-cross.bag-cross-1.bag-happy.bag-tick.bag-tick-2.bag-timer.bank.barcode.battery-charging.battery-disable.battery-empty.battery-empty-1.battery-full.be.bell.bezier.bill.binance-coin.binance-usd.bitcoin.bitcoin-card.bitcoin-convert.bitcoin-refresh.blend.blend-2.blogger.bluetooth.bluetooth-2.bluetooth-circle.bluetooth-rectangle.blur.book.book-1.book-saved.book-square.bookmark.bookmark-2.bootstrap.box.box-1.box-2.box-add.box-remove.box-seam.box-search.box-tick.box-time.briefcase.brifecase-cross.brifecase-tick.brifecase-timer.brodcast.broom.brush.brush-2.brush-3.brush-big.brush-square.bubble.bucket.bucket-circle.bucket-square.bug.building.building-2.building-3.building-4.buildings.buildings-2.buliding.bullseye.bus.buy-crypto.cake.calculator.calendar.calendar-1.calendar-2.calendar-add.calendar-check.calendar-circle.calendar-dots.calendar-edit.calendar-remove.calendar-search.calendar-tick.call.call-add.call-calling.call-incoming.call-minus.call-outgoing.call-received.call-remove.call-slash.camera.camera-slash.candle.candle-2.car.card.card-add.card-coin.card-edit.card-pos.card-receive.card-remove.card-remove-1.card-send.card-slash.card-tick.card-tick-1.cardano.cards.cash-stack.category.category-2.cd.celo.celsius.chainlink.chart.chart-1.chart-2.chart-21.chart-circle.chart-column.chart-fail.chart-square.chart-success.chat.chat-dots.check.check-check.check-circle.chemical-glass.chevron-down.chevron-left.chevron-right.chevron-up.chevrons-left.chevrons-right.chevrons-up-down.chrome.circle.circle-help.civic.clipboard.clipboard-check.clipboard-close.clipboard-export.clipboard-import.clipboard-text.clipboard-tick.clock.close-circle.close-square.cloud.cloud-add.cloud-change.cloud-connection.cloud-cross.cloud-drizzle.cloud-fog.cloud-lightning.cloud-minus.cloud-notif.cloud-plus.cloud-remove.cloud-snow.cloud-sunny.code.code-1.code-circle.coffee.coin.coin-1.coins.color-swatch.colorfilter.colors-square.command.command-square.component.computing.contact.convert.convert-3-d-cube.convert-card.convertshape.convertshape-2.copy.copy-success.copyright.courthouse.cpu.cpu-charge.cpu-setting.creative-commons.credit-card.crop.crown.crown-1.cup.cursor.cut.dai.danger.dash.data.data-2.decred.dent.designtools.device-message.devices.diagram.diagram-3.diamonds.direct.direct-down.direct-inbox.direct-left.direct-normal.direct-notification.direct-right.direct-send.direct-up.directbox-default.directbox-notif.directbox-receive.directbox-send.discount-circle.discount-shape.discover.dislike.display.document.document-cloud.document-code.document-code-2.document-copy.document-download.document-favorite.document-filter.document-forward.document-like.document-previous.document-sketch.document-text.document-text-1.document-upload.dollar-circle.dollar-square.download.dribbble.driver.driver-2.driver-refresh.driving.drop.dropbox.edit.edit-2.educare.electricity.element.element-2.element-3.element-4.element-equal.element-plus.emercoin.emoji-happy.emoji-normal.emoji-sad.emoji-smile.empty-wallet.empty-wallet-add.empty-wallet-change.empty-wallet-remove.empty-wallet-tick.empty-wallet-time.enjin-coin.eos.eraser.eraser-square.ethereum.ethereum-classic.export.export-circle.export-curve.export-square.external-drive.external-link.eye.eye-off.eye-slash.facebook.factory.fatrows.favorite-chart.figma.figma-1.file-plus-2.file-text.files.filter.filter-add.filter-edit.filter-remove.filter-search.filter-square.filter-tick.finger-cricle.finger-scan.firstline.flag.flag-2.flash.flash-circle.flash-slash.flashy.folder.folder-2.folder-add.folder-cloud.folder-connection.folder-cross.folder-favorite.folder-kanban.folder-minus.folder-open.folder-plus.forbidden.forbidden-2.format-circle.format-square.forward.forward-10-seconds.forward-15-seconds.forward-5-seconds.forward-item.framer.ftx-token.gallery.gallery-add.gallery-edit.gallery-export.gallery-favorite.gallery-import.gallery-remove.gallery-slash.gallery-tick.game.gameboy.gas-station.gauge.gemini.gemini-2.ghost.gift.glass.global.global-edit.global-refresh.global-search.globe.globe2.google.google-drive.google-play.gps.gps-slash.grammerly.graph.grid.grid-1.grid-2.grid-3.grid-4.grid-5.grid-6.grid-7.grid-8.grid-9.grid-edit.grid-eraser.grid-lock.hamberger-menu.happyemoji.hard-hat.harmony.hashtag.hashtag-down.hashtag-square.hashtag-up.headphone.headphones.health.heart.heart-add.heart-circle.heart-edit.heart-remove.heart-search.heart-slash.heart-tick.hedera-hashgraph.hex.hierarchy.hierarchy-2.hierarchy-3.hierarchy-square.hierarchy-square-2.hierarchy-square-3.history.home.home-2.home-3.home-hashtag.home-trend-down.home-trend-up.home-wifi.hospital.house.house-2.html-3.html-5.huobi-token.i-24-support.i-3-d-cube-scan.i-3-d-rotate.i-3-d-square.i-3-dcube.i-3-square.icon.illustrator.image.import.import-circle.import-curve.import-square.inbox.info.info-circle.information.instagram.iost.java-script.js.judge.kanban.key.key-square.keyboard.keyboard-open.kyber-network.lamp.lamp-charge.lamp-on.lamp-slash.language-circle.language-square.layer.layout-dashboard.layout-grid.layout-maximize.level.lifebuoy.lightbulb.like.like-1.like-dislike.like-shapes.like-tag.link.link-1.link-2.link-21.link-circle.link-square.list.litecoin.location.location-add.location-cross.location-discover.location-minus.location-slash.location-tick.lock.lock-1.lock-circle.lock-slash.log-out.login.login-curve.logout.logout-curve.lovely.magic-star.magicpen.mail.main-component.maker.man.map.map-1.map-pin.mask.mask-left.mask-right.math.maximize.maximize-1.maximize-2.maximize-3.maximize-4.maximize-circle.medal.medal-star.menu.menu-board.message.message-2.message-add.message-add-1.message-circle.message-edit.message-favorite.message-minus.message-notif.message-programming.message-question.message-remove.message-search.message-square.message-text.message-text-1.message-tick.message-time.messages.messages-1.messages-2.messages-3.messenger.microphone.microphone-2.microphone-slash.microphone-slash-1.microscope.milk.mini-music-sqaure.minus.minus-cirlce.minus-square.mirror.mirroring-screen.mobile.mobile-programming.monero.money.money-2.money-3.money-4.money-add.money-archive.money-change.money-forbidden.money-recive.money-remove.money-send.money-tick.money-time.moneys.monitor.monitor-mobbile.monitor-recorder.moon.more.more-2.more-circle.more-horizontal.more-square.mouse.mouse-circle.mouse-square.music.music-circle.music-dashboard.music-filter.music-library-2.music-play.music-playlist.music-square.music-square-add.music-square-remove.music-square-search.musicnote.nebulas.nem.nexo.next.note.note-1.note-add.note-favorite.note-remove.note-square.note-text.notepad.notepad-2.notification.notification-1.notification-bing.notification-circle.notification-favorite.notification-status.ocean-protocol.okb.okru.omega-circle.omega-square.ontology.paintbucket.palette.panel-left-close.panel-left-open.paperclip.paperclip-2.password-check.path-tool.path-tool-2.path-tool-square.pause.pause-circle.paypal.pen-add.pen-close.pen-remove.pen-tool.pen-tool-2.pencil.people.percentage-circle.percentage-square.personalcard.pet.pharagraphspacing.phone.photoshop.picture-frame.play.play-add.play-circle.play-cricle.play-remove.plug.plus.plus-circle.pointer.polkadot.polygon.polyswarm.presention-chart.previous.printer.printer-slash.profile.profile-2-user.profile-add.profile-circle.profile-delete.profile-remove.profile-tick.programming-arrow.programming-arrows.python.quant.quote-down.quote-down-circle.quote-down-square.quote-up.quote-up-circle.quote-up-square.radar.radar-2.radio.ram.ram-2.rank.ranking.receipt.receipt-1.receipt-2.receipt-21.receipt-add.receipt-discount.receipt-disscount.receipt-edit.receipt-item.receipt-minus.receipt-search.receipt-square.receipt-text.receive.receive-square.receive-square-2.record.record-circle.recovery-convert.refresh.refresh-2.refresh-circle.refresh-cw.refresh-left-square.refresh-right-square.refresh-square.repeat.repeat-circle.repeate-music.repeate-one.reserve.rotate-ccw.rotate-left.rotate-right.route-square.routing.routing-2.row-horizontal.row-vertical.ruler.ruler-pen.safe-home.sagittarius.save-2.save-add.save-minus.save-remove.scan.scan-barcode.scanner.scanning.scissor.screenmirroring.scroll.search.search-favorite.search-favorite-1.search-normal.search-normal-1.search-status.search-status-1.search-zoom-in.search-zoom-in-1.search-zoom-out.search-zoom-out-1.security.security-card.security-safe.security-time.security-user.send.send-2.server.setting.setting-2.setting-3.setting-4.setting-5.settings.shapes.shapes-1.share.share-2.shield.shield-check.shield-cross.shield-lock.shield-plus.shield-search.shield-security.shield-slash.shield-tick.ship.shop.shop-add.shop-remove.shopping-bag.shopping-cart.shuffle.shutterstock.siacoin.sidebar-bottom.sidebar-left.sidebar-right.sidebar-top.signpost.simcard.simcard-1.simcard-2.size.slack.slash.slider.slider-horizontal.slider-horizontal-1.slider-vertical.slider-vertical-1.smallcaps.smart-car.smart-home.smileys.sms.sms-edit.sms-notification.sms-search.sms-star.sms-tracking.snapchat.solana.sort.sound.sparkles.speaker.speedometer.spotify.stacks.star.star-1.star-slash.stars.status.status-up.stellar.sticker.stickynote.stop.stop-circle.story.strongbox.strongbox-2.subtitle.sun.sun-1.sun-fog.table-document.table-lamp.tag.tag-2.tag-cross.tag-right.tag-user.task.task-square.teacher.telephone.tenx.tether.text.text-block.text-bold.text-italic.text-underline.textalign-center.textalign-justifycenter.textalign-justifyleft.textalign-justifyright.textalign-left.textalign-right.the-graph.theta.thorchain.tick-circle.tick-square.ticket.ticket-2.ticket-discount.ticket-expired.ticket-star.timer.timer-1.timer-pause.timer-start.toggle-off.toggle-off-circle.toggle-on.toggle-on-circle.trade.transaction-minus.translate.transmit.transmit-sqaure-2.transmit-square.trash.trash-2.tree.trello.trend-down.trend-up.trending-up.triangle.triangle-logo.trontron.truck.truck-fast.truck-remove.truck-tick.truck-time.trush-square.twitch.two-page.ui-8.unlimited.unlock.upload.usd-coin.user.user-add.user-check.user-cirlce-add.user-edit.user-minus.user-octagon.user-plus.user-remove.user-search.user-square.user-tag.user-tick.users.velas.verify.vibe.video.video-add.video-circle.video-horizontal.video-octagon.video-play.video-remove.video-slash.video-square.video-tick.video-time.video-vertical.voice-cricle.voice-square.volume.volume-cross.volume-high.volume-low.volume-low-1.volume-mute.volume-slash.volume-up.wallet.wallet-1.wallet-2.wallet-3.wallet-add.wallet-add-1.wallet-check.wallet-minus.wallet-money.wallet-remove.wallet-search.wallet2.wanchain.wanchain-1.wand-sparkles.warning-2.watch.watch-status.weight.weight-meter.whatsapp.wifi.wifi-square.wind.wind-2.windows.wing.woman.wrist-clock.x.x-circle.xd.xiaomi.xrp.youtube.zap.zel.zoom.zoom-in.zoom-out".split("."), U = {
 	activity: "<path d=\"M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"m7.33 14.49 2.38-3.09c.34-.44.97-.52 1.41-.18l1.83 1.44c.44.34 1.07.26 1.41-.17l2.31-2.98\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
 	alarm: "<path d=\"M2 22h20M12 6a9 9 0 0 0-9 9v7h18v-7a9 9 0 0 0-9-9ZM12 2v1M4 4l1 1M20 4l-1 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
 	"alert-circle": "<path d=\"M12 7.75V13M21.08 8.58v6.84c0 1.12-.6 2.16-1.57 2.73l-5.94 3.43c-.97.56-2.17.56-3.15 0l-5.94-3.43a3.15 3.15 0 0 1-1.57-2.73V8.58c0-1.12.6-2.16 1.57-2.73l5.94-3.43c.97-.56 2.17-.56 3.15 0l5.94 3.43c.97.57 1.57 1.6 1.57 2.73Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M12 16.2v.1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
@@ -319,19 +319,19 @@ var ee = {
 	"zoom-in": "<path d=\"M11 20a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM8.5 11h5M11 13.5v-5M18.93 20.69c.53 1.6 1.74 1.76 2.67.36.85-1.28.29-2.33-1.25-2.33-1.14-.01-1.78.88-1.42 1.97Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
 	"zoom-out": "<path d=\"M9 11.7h5M11.5 21a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19ZM22 22l-2-2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>"
 };
-Object.keys(te);
+Object.keys(U);
 //#endregion
 //#region src/components/warnUnknownProps.js
-var H = /* @__PURE__ */ new Set(/* @__PURE__ */ "id.title.role.style.className.class.tabIndex.lang.dir.hidden.slot.part.draggable.spellCheck.translate.inert.popover.name.type.value.defaultValue.checked.defaultChecked.placeholder.disabled.readOnly.required.autoFocus.autoComplete.form.formAction.formMethod.formNoValidate.formTarget.min.max.step.minLength.maxLength.pattern.multiple.accept.capture.rows.cols.wrap.list.htmlFor.inputMode.enterKeyHint.href.target.rel.download.ping.referrerPolicy.src.srcSet.alt.width.height.loading.decoding.sizes.crossOrigin.useMap.colSpan.rowSpan.headers.scope.span.key.ref.children.dangerouslySetInnerHTML.suppressHydrationWarning".split(".")), ne = () => {
+var te = /* @__PURE__ */ new Set(/* @__PURE__ */ "id.title.role.style.className.class.tabIndex.lang.dir.hidden.slot.part.draggable.spellCheck.translate.inert.popover.name.type.value.defaultValue.checked.defaultChecked.placeholder.disabled.readOnly.required.autoFocus.autoComplete.form.formAction.formMethod.formNoValidate.formTarget.min.max.step.minLength.maxLength.pattern.multiple.accept.capture.rows.cols.wrap.list.htmlFor.inputMode.enterKeyHint.href.target.rel.download.ping.referrerPolicy.src.srcSet.alt.width.height.loading.decoding.sizes.crossOrigin.useMap.colSpan.rowSpan.headers.scope.span.key.ref.children.dangerouslySetInnerHTML.suppressHydrationWarning".split(".")), ne = () => {
 	try {
 		return process.env.NODE_ENV !== "production";
 	} catch {
 		return !0;
 	}
 }, re = (e) => e.startsWith("data-") || e.startsWith("aria-") || /^on[A-Z]/.test(e), ie = /* @__PURE__ */ new Set();
-function U(e, t) {
+function W(e, t) {
 	if (!(!ne() || !t) && !("as" in t)) for (let n of Object.keys(t)) {
-		if (re(n) || H.has(n)) continue;
+		if (re(n) || te.has(n)) continue;
 		let t = `${e}.${n}`;
 		ie.has(t) || (ie.add(t), console.warn(`[@webority/ui-react] <${e}> received an unknown prop "${n}". It is not part of the component's API and is not a valid HTML attribute, so it will either be dropped or land on the DOM — check the prop name against the component catalogue at https://ui-react.webority.dev.`));
 	}
@@ -345,7 +345,7 @@ var ae = () => {
 		return !0;
 	}
 }, oe = /* @__PURE__ */ new Set();
-function W(e, t, n, r) {
+function G(e, t, n, r) {
 	if (!ae() || n == null) return;
 	let i = r instanceof Set ? r : new Set(r);
 	if (i.has(n)) return;
@@ -359,15 +359,15 @@ var se = {
 	end: "right",
 	top: "top",
 	bottom: "bottom"
-}, ce = [
+}, K = [
 	"auto",
 	"top",
 	"bottom",
 	"start",
 	"end"
 ];
-function G({ content: e, children: t, placement: r = "top", tone: i = "default", size: a = "md", className: o = "", ...c }) {
-	U("AppTooltip", c), W("AppTooltip", "placement", r, ce);
+function ce({ content: e, children: t, placement: r = "top", tone: i = "default", size: a = "md", className: o = "", ...c }) {
+	W("AppTooltip", c), G("AppTooltip", "placement", r, K);
 	let l = /* @__PURE__ */ E(w, {
 		id: s(),
 		className: [
@@ -387,8 +387,8 @@ function G({ content: e, children: t, placement: r = "top", tone: i = "default",
 }
 //#endregion
 //#region src/components/withTooltip.jsx
-function K(e, t, n) {
-	return t == null || t === "" ? e : /* @__PURE__ */ E(G, {
+function q(e, t, n) {
+	return t == null || t === "" ? e : /* @__PURE__ */ E(ce, {
 		content: t,
 		placement: n || "auto",
 		children: e
@@ -412,11 +412,11 @@ function he() {
 		}, 1e3));
 	}), fe;
 }
-var ge = new Set(V), q = Object.create(null), _e = Object.create(null), ve = Object.create(null), ye = Object.create(null);
+var J = new Set(ee), ge = Object.create(null), _e = Object.create(null), ve = Object.create(null), ye = Object.create(null);
 function be(e) {
-	let t = z(e), n = ee[t];
+	let t = B(e), n = V[t];
 	return n ? (_e[t] ||= n().then((e) => {
-		Object.assign(q, e.FULL_GLYPHS), ye[t] = !1;
+		Object.assign(ge, e.FULL_GLYPHS), ye[t] = !1;
 		let n = ve[t];
 		if (n) {
 			for (let e of n) e();
@@ -428,47 +428,47 @@ function be(e) {
 		}, 1e3));
 	}), _e[t]) : null;
 }
-var J = Object.create(null), xe = Object.create(null), Se = Object.create(null), Ce = Object.create(null);
-function we(e, t) {
-	let n = B[e];
+var xe = Object.create(null), Se = Object.create(null), Ce = Object.create(null), we = Object.create(null);
+function Te(e, t) {
+	let n = H[e];
 	if (!n) return null;
-	let r = z(t), i = n[r];
+	let r = B(t), i = n[r];
 	if (!i) return null;
 	let a = `${e}:${r}`;
-	return xe[a] ||= i().then((t) => {
-		let n = J[e] || (J[e] = Object.create(null));
-		Object.assign(n, t.FULL_VARIANT_GLYPHS), Ce[a] = !1;
-		let r = Se[a];
+	return Se[a] ||= i().then((t) => {
+		let n = xe[e] || (xe[e] = Object.create(null));
+		Object.assign(n, t.FULL_VARIANT_GLYPHS), we[a] = !1;
+		let r = Ce[a];
 		if (r) {
 			for (let e of r) e();
 			r.clear();
 		}
 	}).catch((t) => {
-		xe[a] = null, ue(`${e} icon catalogue '${r}' shard`, t), Ce[a] ? Se[a]?.clear() : (Ce[a] = !0, setTimeout(() => {
-			for (let e of [...Se[a] || []]) e();
+		Se[a] = null, ue(`${e} icon catalogue '${r}' shard`, t), we[a] ? Ce[a]?.clear() : (we[a] = !0, setTimeout(() => {
+			for (let e of [...Ce[a] || []]) e();
 		}, 1e3));
-	}), xe[a];
+	}), Se[a];
 }
-var Te = V, Ee = /* @__PURE__ */ new Map();
-function De(e) {
-	for (let [t, n] of Object.entries(e)) Ee.set(t, n);
+var Ee = ee, De = /* @__PURE__ */ new Map();
+function Oe(e) {
+	for (let [t, n] of Object.entries(e)) De.set(t, n);
 }
 function Y({ name: e, size: t = 16, variant: n, tooltip: r, tooltipPlacement: i, className: a, color: s, style: c, ...l }) {
-	U("AppIcon", l);
-	let u = !!n && n !== "linear", d = r != null && r !== "", p = (e) => d ? K(/* @__PURE__ */ E("span", {
+	W("AppIcon", l);
+	let u = !!n && n !== "linear", d = r != null && r !== "", p = (e) => d ? q(/* @__PURE__ */ E("span", {
 		className: "wui-icon-tip",
 		role: "img",
 		"aria-label": r,
 		children: e
-	}), r, i) : e, m = te[e] !== void 0, h = !m && ge.has(e), [, g] = f(0);
+	}), r, i) : e, m = U[e] !== void 0, h = !m && J.has(e), [, g] = f(0);
 	o(() => {
 		let t = () => g((e) => e + 1);
 		u && m && !de && (me.add(t), he());
-		let r = h ? z(e) : null;
-		h && q[e] === void 0 && ((ve[r] ||= /* @__PURE__ */ new Set()).add(t), be(e));
-		let i = u && h ? `${n}:${z(e)}` : null;
-		return u && h && J[n]?.[e] === void 0 && ((Se[i] ||= /* @__PURE__ */ new Set()).add(t), we(n, e)), () => {
-			me.delete(t), r && ve[r]?.delete(t), i && Se[i]?.delete(t);
+		let r = h ? B(e) : null;
+		h && ge[e] === void 0 && ((ve[r] ||= /* @__PURE__ */ new Set()).add(t), be(e));
+		let i = u && h ? `${n}:${B(e)}` : null;
+		return u && h && xe[n]?.[e] === void 0 && ((Ce[i] ||= /* @__PURE__ */ new Set()).add(t), Te(n, e)), () => {
+			me.delete(t), r && ve[r]?.delete(t), i && Ce[i]?.delete(t);
 		};
 	}, [
 		e,
@@ -477,7 +477,7 @@ function Y({ name: e, size: t = 16, variant: n, tooltip: r, tooltipPlacement: i,
 		h,
 		n
 	]);
-	let _ = Ee.get(e);
+	let _ = De.get(e);
 	if (_) return p(_({
 		size: t,
 		color: s,
@@ -507,7 +507,7 @@ function Y({ name: e, size: t = 16, variant: n, tooltip: r, tooltipPlacement: i,
 			}), /* @__PURE__ */ E("path", { d: "M3.2 22.5C3.2 17.4 7.5 14.9 11 14.7L12 17.4l1-2.7C16.5 14.9 20.8 17.4 20.8 22.5z" })]
 		})
 	}));
-	let v = u && (de?.[n]?.[e] || J?.[n]?.[e]) || te[e] || q[e];
+	let v = u && (de?.[n]?.[e] || xe?.[n]?.[e]) || U[e] || ge[e];
 	return v ? p(/* @__PURE__ */ E("svg", {
 		width: t,
 		height: t,
@@ -527,8 +527,8 @@ function Y({ name: e, size: t = 16, variant: n, tooltip: r, tooltipPlacement: i,
 }
 //#endregion
 //#region src/components/AppAccordion.jsx
-function Oe({ items: e = [], multiple: t = !1, id: n, className: r = "", ...i }) {
-	U("AppAccordion", i);
+function ke({ items: e = [], multiple: t = !1, id: n, className: r = "", ...i }) {
+	W("AppAccordion", i);
 	let a = s(), o = n || a, [c, l] = f(() => {
 		let n = e.map((e, t) => ({
 			item: e,
@@ -579,57 +579,81 @@ function Oe({ items: e = [], multiple: t = !1, id: n, className: r = "", ...i })
 }
 //#endregion
 //#region src/components/renderIconProp.js
-function X(e, { size: t = 16, className: n } = {}) {
+function X(e, { size: t = 16, className: n, variant: i } = {}) {
 	return e == null || e === !1 ? null : typeof e == "string" ? r(Y, {
 		name: e,
 		size: t,
-		className: n
+		className: n,
+		variant: i
 	}) : e;
 }
 //#endregion
 //#region src/components/AppActionIcon.jsx
-function ke({ icon: e, label: t, tooltipPlacement: n = "auto", danger: r = !1, disabled: i = !1, size: a = 20, onClick: o, className: s = "", as: c, href: l, ...u }) {
-	U("AppActionIcon", u);
-	let d = [
+var Ae = [
+	"linear",
+	"outline",
+	"bold",
+	"bulk",
+	"broken",
+	"twotone"
+];
+function je({ icon: e, iconVariant: t, label: n, tooltipPlacement: r = "auto", danger: i = !1, disabled: a = !1, size: o = 20, onClick: s, className: c = "", as: l, href: u, ...d }) {
+	W("AppActionIcon", d), G("AppActionIcon", "iconVariant", t, Ae);
+	let f = [
 		"u-action",
-		r ? "danger" : "",
-		s
-	].filter(Boolean).join(" "), { style: f, ...p } = u, m = {
-		"--wui-action-size": `${a + 16}px`,
-		...f
-	}, h = c ?? (l ? "a" : "button"), g = h === "button";
-	return K(/* @__PURE__ */ E(h, {
-		type: g ? "button" : void 0,
-		href: g || i ? void 0 : l,
-		className: d,
-		style: m,
-		"aria-label": t,
-		disabled: g ? i : void 0,
-		"aria-disabled": !g && i ? "true" : void 0,
-		role: !g && i ? "link" : void 0,
-		tabIndex: !g && i ? -1 : void 0,
+		i ? "danger" : "",
+		c
+	].filter(Boolean).join(" "), { style: p, ...m } = d, h = {
+		"--wui-action-size": `${o + 16}px`,
+		...p
+	}, g = l ?? (u ? "a" : "button"), _ = g === "button";
+	return q(/* @__PURE__ */ E(g, {
+		type: _ ? "button" : void 0,
+		href: _ || a ? void 0 : u,
+		className: f,
+		style: h,
+		"aria-label": n,
+		disabled: _ ? a : void 0,
+		"aria-disabled": !_ && a ? "true" : void 0,
+		role: !_ && a ? "link" : void 0,
+		tabIndex: !_ && a ? -1 : void 0,
 		onClick: (e) => {
-			if (i) {
+			if (a) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			o?.(e);
+			s?.(e);
 		},
-		...p,
-		children: X(e, { size: a })
-	}), t, n);
+		...m,
+		children: X(e, {
+			size: o,
+			variant: t
+		})
+	}), n, r);
 }
 //#endregion
 //#region src/components/AppAlert.jsx
-var Ae = {
+var Me = {
 	info: "info",
 	success: "check",
 	warning: "alert-triangle",
 	danger: "x"
-};
-function je(e, t, n, r) {
+}, Ne = [
+	"sm",
+	"md",
+	"lg"
+], Pe = [
+	"alert",
+	"status",
+	"none"
+];
+function Fe(e, t, n, r, i) {
 	return n ? /* @__PURE__ */ E("span", {
 		className: "alert-icon alert-icon-image",
+		style: i > 0 ? {
+			width: i,
+			height: i
+		} : void 0,
 		children: /* @__PURE__ */ E("img", {
 			src: n,
 			alt: r
@@ -645,34 +669,45 @@ function je(e, t, n, r) {
 		children: e
 	}) : null;
 }
-function Me({ variant: e = "info", children: t, title: n, icon: r, image: i, imageAlt: a = "", className: o = "", onClose: s, dismissible: c, bordered: l = !0, role: u = "alert", ...d }) {
-	U("AppAlert", d);
-	let f = r === void 0 ? Ae[e] : r === "none" ? null : r, m = !!i || !!f, h = n ? /* @__PURE__ */ E("div", {
+function Ie({ variant: e = "info", children: t, title: n, icon: r, image: i, imageAlt: a = "", imageSize: o, className: s = "", onClose: c, dismissible: l, bordered: u = !0, accent: d = !1, size: f = "md", action: m, role: h = "alert", ...g }) {
+	W("AppAlert", g), G("AppAlert", "size", f, Ne), G("AppAlert", "role", h, Pe);
+	let _ = r === void 0 ? Me[e] : r === "none" ? null : r, v = !!i || !!_, y = m != null && m !== !1, b = n ? /* @__PURE__ */ E("div", {
 		className: "alert-heading",
 		children: n
-	}) : null, g = m && !!h && !!t, _ = g ? 13 : 11;
+	}) : null, x = v && !!b && !!t, S = f === "lg" ? x ? 17 : 15 : x ? 13 : 11;
 	return /* @__PURE__ */ E(p, {
 		variant: e,
 		className: [
-			m ? "alert-has-icon" : "",
-			g ? "alert-stack" : "",
-			l ? "" : "alert-borderless",
-			o
+			v ? "alert-has-icon" : "",
+			y ? "alert-has-action" : "",
+			x ? "alert-stack" : "",
+			u ? "" : "alert-borderless",
+			d ? "alert-accent" : "",
+			f === "sm" ? "alert-sm" : "",
+			f === "lg" ? "alert-lg" : "",
+			s
 		].filter(Boolean).join(" ") || void 0,
-		onClose: s,
-		dismissible: c ?? typeof s == "function",
+		onClose: c,
+		dismissible: l ?? typeof c == "function",
 		transition: !1,
-		role: u,
-		...d,
-		children: m ? /* @__PURE__ */ D(T, { children: [je(f, _, i, a), /* @__PURE__ */ D("div", {
-			className: "alert-content",
-			children: [h, t]
-		})] }) : /* @__PURE__ */ D(T, { children: [h, t] })
+		role: h === "none" ? void 0 : h,
+		...g,
+		children: v || y ? /* @__PURE__ */ D(T, { children: [
+			v && Fe(_, S, i, a, o),
+			/* @__PURE__ */ D("div", {
+				className: "alert-content",
+				children: [b, t]
+			}),
+			y && /* @__PURE__ */ E("div", {
+				className: "alert-action",
+				children: m
+			})
+		] }) : /* @__PURE__ */ D(T, { children: [b, t] })
 	});
 }
 //#endregion
 //#region src/components/AppButton.jsx
-var Ne = {
+var Le = {
 	primary: "primary",
 	secondary: "secondary",
 	outline: "outline-primary",
@@ -685,28 +720,28 @@ var Ne = {
 	warning: "warning",
 	subtle: "subtle",
 	"outline-light": "outline-light"
-}, Pe = {
+}, Re = {
 	sm: 14,
 	md: 16,
 	lg: 20
 };
-function Fe(e, t, n) {
+function ze(e, t, n) {
 	if (!e) return null;
 	let r = t === "left" ? "me-2" : "ms-2";
 	return typeof e == "string" ? /* @__PURE__ */ E(Y, {
 		name: e,
-		size: Pe[n] ?? Pe.md,
+		size: Re[n] ?? Re.md,
 		className: r
 	}) : /* @__PURE__ */ E("span", {
 		className: `d-inline-flex ${r}`,
 		children: e
 	});
 }
-function Ie({ children: e, variant: t = "primary", size: n = "md", type: r = "button", loading: i = !1, disabled: a = !1, block: o = !1, leftIcon: s = null, rightIcon: c = null, href: l, static: u = !1, tooltip: d, tooltipPlacement: f, className: p = "", ...m }) {
-	if (U("AppButton", m), W("AppButton", "variant", t, Object.keys(Ne)), W("AppButton", "size", n, Object.keys(Pe)), u) return K(/* @__PURE__ */ D("span", {
+function Be({ children: e, variant: t = "primary", size: n = "md", type: r = "button", loading: i = !1, disabled: a = !1, block: o = !1, leftIcon: s = null, rightIcon: c = null, href: l, static: u = !1, tooltip: d, tooltipPlacement: f, className: p = "", ...m }) {
+	if (W("AppButton", m), G("AppButton", "variant", t, Object.keys(Le)), G("AppButton", "size", n, Object.keys(Re)), u) return q(/* @__PURE__ */ D("span", {
 		className: [
 			"btn",
-			`btn-${Ne[t] ?? "primary"}`,
+			`btn-${Le[t] ?? "primary"}`,
 			n === "sm" ? "btn-sm" : n === "lg" ? "btn-lg" : "",
 			o ? "w-100" : "",
 			"btn-static",
@@ -714,9 +749,9 @@ function Ie({ children: e, variant: t = "primary", size: n = "md", type: r = "bu
 		].filter(Boolean).join(" "),
 		...m,
 		children: [
-			Fe(s, "left", n),
+			ze(s, "left", n),
 			e,
-			Fe(c, "right", n)
+			ze(c, "right", n)
 		]
 	}), d, f);
 	let h = [
@@ -724,10 +759,10 @@ function Ie({ children: e, variant: t = "primary", size: n = "md", type: r = "bu
 		i ? "is-loading" : "",
 		p
 	].filter(Boolean).join(" ");
-	return K(/* @__PURE__ */ D(g, {
+	return q(/* @__PURE__ */ D(g, {
 		type: (m.as === void 0 || m.as === "button") && l === void 0 ? r : void 0,
 		href: l,
-		variant: Ne[t] ?? "primary",
+		variant: Le[t] ?? "primary",
 		size: n === "md" ? void 0 : n,
 		disabled: a || i,
 		"aria-busy": i || void 0,
@@ -738,16 +773,16 @@ function Ie({ children: e, variant: t = "primary", size: n = "md", type: r = "bu
 				className: "spinner-border spinner-border-sm me-2",
 				"aria-hidden": "true"
 			}),
-			!i && Fe(s, "left", n),
+			!i && ze(s, "left", n),
 			e,
-			!i && Fe(c, "right", n)
+			!i && ze(c, "right", n)
 		]
 	}), d, f);
 }
 //#endregion
 //#region src/components/AppEmptyState.jsx
-function Le({ icon: e, iconSize: t = 24, size: n = "md", title: r, text: i, action: a, className: o = "", style: s, ...c }) {
-	return U("AppEmptyState", c), /* @__PURE__ */ D("div", {
+function Ve({ icon: e, iconSize: t = 24, size: n = "md", title: r, text: i, action: a, className: o = "", style: s, ...c }) {
+	return W("AppEmptyState", c), /* @__PURE__ */ D("div", {
 		className: [
 			"empty-state",
 			n === "sm" ? "empty-state-sm" : "",
@@ -777,8 +812,8 @@ function Le({ icon: e, iconSize: t = 24, size: n = "md", title: r, text: i, acti
 }
 //#endregion
 //#region src/components/AppSpinner.jsx
-function Re({ size: e = "md", label: t = "Loading", className: n = "", ...r }) {
-	U("AppSpinner", r);
+function He({ size: e = "md", label: t = "Loading", className: n = "", ...r }) {
+	W("AppSpinner", r);
 	let { style: i, ...a } = r, o = Number(e), s = Number.isFinite(o) && o > 0;
 	return /* @__PURE__ */ E("span", {
 		className: `spinner-border${!s && e === "sm" ? " spinner-border-sm" : ""}${n ? ` ${n}` : ""}`,
@@ -795,8 +830,8 @@ function Re({ size: e = "md", label: t = "Loading", className: n = "", ...r }) {
 }
 //#endregion
 //#region src/components/AppAsyncBlock.jsx
-function ze({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRetry: i, skeleton: a, className: o = "", ...s }) {
-	U("AppAsyncBlock", s);
+function Ue({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRetry: i, skeleton: a, className: o = "", ...s }) {
+	W("AppAsyncBlock", s);
 	let c = `async-block${o ? ` ${o}` : ""}`;
 	return e ? /* @__PURE__ */ E("div", {
 		className: c,
@@ -804,17 +839,17 @@ function ze({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRe
 		...s,
 		children: a ?? /* @__PURE__ */ E("div", {
 			className: "d-flex align-items-center justify-content-center py-5",
-			children: /* @__PURE__ */ E(Re, { label: "Loading" })
+			children: /* @__PURE__ */ E(He, { label: "Loading" })
 		})
 	}) : t ? /* @__PURE__ */ E("div", {
 		className: c,
 		"data-state": "error",
 		...s,
-		children: /* @__PURE__ */ E(Le, {
+		children: /* @__PURE__ */ E(Ve, {
 			icon: "alert-circle",
 			title: "Something went wrong",
 			text: t,
-			action: i ? /* @__PURE__ */ E(Ie, {
+			action: i ? /* @__PURE__ */ E(Be, {
 				variant: "secondary",
 				onClick: i,
 				children: "Retry"
@@ -824,7 +859,7 @@ function ze({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRe
 		className: c,
 		"data-state": "empty",
 		...s,
-		children: /* @__PURE__ */ E(Le, {
+		children: /* @__PURE__ */ E(Ve, {
 			icon: "inbox",
 			title: "Nothing to show yet"
 		})
@@ -837,15 +872,15 @@ function ze({ loading: e = !1, error: t = null, empty: n = !1, children: r, onRe
 }
 //#endregion
 //#region src/components/AppPopover.jsx
-var Be = {
+var We = {
 	start: "left",
 	end: "right",
 	top: "top",
 	bottom: "bottom",
 	auto: "auto"
 };
-function Ve({ trigger: e, children: t, title: r, placement: i = "bottom", triggerType: a = "click", onToggle: o, className: c = "", ...l }) {
-	U("AppPopover", l);
+function Ge({ trigger: e, children: t, title: r, placement: i = "bottom", triggerType: a = "click", onToggle: o, className: c = "", ...l }) {
+	W("AppPopover", l);
 	let u = s(), [d, p] = f(!1), m = (e) => {
 		p(e), o?.(e);
 	}, h = /* @__PURE__ */ D(C, {
@@ -866,7 +901,7 @@ function Ve({ trigger: e, children: t, title: r, placement: i = "bottom", trigge
 	}), T = a === "click", O = a === "hover" || Array.isArray(a) && a.includes("hover");
 	return /* @__PURE__ */ E(S, {
 		trigger: a,
-		placement: Be[i] || i,
+		placement: We[i] || i,
 		overlay: h,
 		rootClose: T,
 		delay: O ? {
@@ -879,13 +914,19 @@ function Ve({ trigger: e, children: t, title: r, placement: i = "bottom", trigge
 }
 //#endregion
 //#region src/components/AppInfoTip.jsx
-function He({ label: e, children: t, placement: n = "auto", className: r = "", ...i }) {
-	U("AppInfoTip", i);
-	let [a, o] = f(!1), s = !!e;
-	return !s && !t ? null : /* @__PURE__ */ E("span", {
-		className: `infotip${r ? ` ${r}` : ""}`,
-		...i,
-		children: /* @__PURE__ */ E(Ve, {
+var Ke = {
+	sm: " infotip-popover-sm",
+	md: "",
+	lg: " infotip-popover-lg",
+	xl: " infotip-popover-xl"
+};
+function qe({ label: e, children: t, placement: n = "auto", width: r = "md", className: i = "", ...a }) {
+	W("AppInfoTip", a), G("AppInfoTip", "width", r, Object.keys(Ke));
+	let [o, s] = f(!1), c = !!e;
+	return !c && !t ? null : /* @__PURE__ */ E("span", {
+		className: `infotip${i ? ` ${i}` : ""}`,
+		...a,
+		children: /* @__PURE__ */ E(Ge, {
 			trigger: /* @__PURE__ */ E("button", {
 				type: "button",
 				className: "infotip-btn",
@@ -895,11 +936,12 @@ function He({ label: e, children: t, placement: n = "auto", className: r = "", .
 					size: 16
 				})
 			}),
-			title: s ? e : void 0,
+			title: c ? e : void 0,
 			placement: n,
 			triggerType: ["hover", "focus"],
-			onToggle: o,
-			"aria-expanded": a,
+			className: `infotip-popover${Ke[r] ?? ""}`,
+			onToggle: s,
+			"aria-expanded": o,
 			children: t
 		})
 	});
@@ -915,8 +957,8 @@ function Z() {
 }
 //#endregion
 //#region src/components/useWuiControl.js
-function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events: s = Ue, on: l } = {}) {
-	let u = d(null), f = r ?? We, p = i ?? Ge, m = (s || Ue).join("\0"), h = Object.keys(l ?? {}).join("\0"), g = d(null);
+function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events: s = Je, on: l } = {}) {
+	let u = d(null), f = r ?? Ye, p = i ?? Xe, m = (s || Je).join("\0"), h = Object.keys(l ?? {}).join("\0"), g = d(null);
 	g.current === null && (g.current = {
 		ref: e,
 		value: t,
@@ -944,7 +986,7 @@ function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events:
 			_.current = null;
 		}
 	}, []), y = a((e) => {
-		let t = g.current.eventKey ? g.current.eventKey.split("\0") : Ue, n = Object.keys(g.current.on ?? {}), r = {
+		let t = g.current.eventKey ? g.current.eventKey.split("\0") : Je, n = Object.keys(g.current.on ?? {}), r = {
 			el: e,
 			names: t,
 			extraNames: n,
@@ -970,7 +1012,7 @@ function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events:
 		n && !Object.is(t, n.last) && (n.last = void 0);
 	}, [t, p]), o(() => {
 		let e = u.current, t = _.current;
-		!e || !t || (t.names.join("\0") !== (m || Ue.join("\0")) || t.extraNames.join("\0") !== h) && (v(), y(e));
+		!e || !t || (t.names.join("\0") !== (m || Je.join("\0")) || t.extraNames.join("\0") !== h) && (v(), y(e));
 	}, [
 		m,
 		h,
@@ -981,15 +1023,15 @@ function Q({ ref: e, value: t, onChange: n, readValue: r, writeValue: i, events:
 		innerRef: u
 	};
 }
-var Ue = ["change"];
-function We(e) {
+var Je = ["change"];
+function Ye(e) {
 	return e.value;
 }
-function Ge(e, t) {
+function Xe(e, t) {
 	let n = t ?? "";
 	String(e.value ?? "") !== String(n) && (e.value = n);
 }
-function Ke(e, t) {
+function Ze(e, t) {
 	let n = e || [], r = t || [];
 	return n.length === r.length && n.every((e, t) => {
 		let n = r[t];
@@ -999,28 +1041,28 @@ function Ke(e, t) {
 		return i.length === Object.keys(n).length && i.every((t) => Object.is(e[t], n[t]));
 	});
 }
-function qe(e) {
+function Qe(e) {
 	return e.values;
 }
-function Je(e, t) {
+function $e(e, t) {
 	let n = t || [], r = e.values || [];
 	(n.length !== r.length || !n.every((e, t) => e === r[t])) && (e.values = n);
 }
-function Ye(e) {
+function et(e) {
 	return {
 		start: e.start,
 		end: e.end
 	};
 }
-function Xe(e, t) {
+function tt(e, t) {
 	if (t === void 0) return;
 	let n = Number.parseFloat(t);
 	Number.isFinite(n) && e.value !== n && (e.value = n);
 }
 //#endregion
 //#region src/components/AppAutocomplete.jsx
-var Ze = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeholder: i = "Search…", minChars: a, debounce: c, disabled: l = !1, size: u, allowCustom: d = !1, name: f, id: p, label: m, error: h, hint: g, required: _ = !1, help: v, helpLabel: y = "More information", fieldClassName: b = "", ...x }, S) {
-	U("AppAutocomplete", x);
+var nt = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeholder: i = "Search…", minChars: a, debounce: c, disabled: l = !1, size: u, allowCustom: d = !1, name: f, id: p, label: m, error: h, hint: g, required: _ = !1, help: v, helpLabel: y = "More information", fieldClassName: b = "", ...x }, S) {
+	W("AppAutocomplete", x);
 	let C = typeof r == "function", w = s(), T = p || w, { setRef: O, innerRef: k } = Q({
 		ref: S,
 		value: e ?? "",
@@ -1030,7 +1072,7 @@ var Ze = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
 		let e = k.current;
 		if (!e || C) return;
 		let t = n || [];
-		Ke(t, e.options) || (e.options = t);
+		Ze(t, e.options) || (e.options = t);
 	}, [
 		n,
 		C,
@@ -1066,7 +1108,7 @@ var Ze = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
 				children: [
 					m,
 					_ && /* @__PURE__ */ E(Z, {}),
-					v && /* @__PURE__ */ E(He, {
+					v && /* @__PURE__ */ E(qe, {
 						label: y,
 						children: v
 					})
@@ -1100,14 +1142,14 @@ var Ze = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
 			}) : null
 		]
 	});
-}), Qe = /* @__PURE__ */ new Set([
+}), rt = /* @__PURE__ */ new Set([
 	"xs",
 	"sm",
 	"md",
 	"lg",
 	"xl",
 	"2xl"
-]), $e = {
+]), it = {
 	xs: 20,
 	sm: 24,
 	md: 32,
@@ -1115,30 +1157,30 @@ var Ze = i(function({ value: e, onChange: t, options: n, loadOptions: r, placeho
 	xl: 64,
 	"2xl": 96
 };
-function et(e) {
+function at(e) {
 	let t = (e || "").trim();
 	if (!t) return "?";
 	let n = t.split(/\s+/).filter(Boolean);
 	return n.length === 1 ? n[0].slice(0, 2).toUpperCase() : (n[0][0] + n[n.length - 1][0]).toUpperCase();
 }
-function tt(e) {
+function ot(e) {
 	let t = e || "", n = 0;
 	for (let e = 0; e < t.length; e += 1) n = Math.imul(n, 31) + t.charCodeAt(e) >>> 0;
 	return n % 360;
 }
-function nt(e) {
+function st(e) {
 	if (typeof e == "number") return e;
-	if ($e[e] != null) return $e[e];
+	if (it[e] != null) return it[e];
 	let t = Number.parseInt(e, 10);
 	return Number.isNaN(t) ? 32 : t;
 }
-function rt({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "primary", status: a = "none", ring: s = !1, label: c, icon: l, badge: u, href: d, onClick: p, linkComponent: m, tooltip: h, tooltipPlacement: g, className: _ = "", ...v }) {
-	U("AppAvatar", v);
+function ct({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "primary", status: a = "none", ring: s = !1, label: c, icon: l, badge: u, href: d, onClick: p, linkComponent: m, tooltip: h, tooltipPlacement: g, className: _ = "", ...v }) {
+	W("AppAvatar", v);
 	let { style: y, ...b } = v, [x, S] = f(!1);
 	o(() => {
 		S(!1);
 	}, [t]);
-	let C = typeof n == "string" && Qe.has(n), w = C ? null : typeof n == "number" || /^\d+$/.test(n) ? `${n}px` : n, O = d != null || p != null, k = t != null && t !== "" && !x, A = [
+	let C = typeof n == "string" && rt.has(n), w = C ? null : typeof n == "number" || /^\d+$/.test(n) ? `${n}px` : n, O = d != null || p != null, k = t != null && t !== "" && !x, A = [
 		"avatar",
 		C && n !== "md" ? `avatar-${n}` : "",
 		r === "circle" ? "" : `avatar-${r}`,
@@ -1147,16 +1189,16 @@ function rt({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "p
 		O ? "avatar-clickable" : "",
 		_
 	].filter(Boolean).join(" "), j = {};
-	w && (j["--avatar-size"] = w), i === "auto" && (j["--avatar-hue"] = tt(e));
+	w && (j["--avatar-size"] = w), i === "auto" && (j["--avatar-hue"] = ot(e));
 	let M = Object.keys(j).length || y ? {
 		...j,
 		...y
 	} : void 0, N = /* @__PURE__ */ E("span", {
 		className: "avatar-face",
 		"aria-hidden": "true",
-		children: l == null ? et(e) : /* @__PURE__ */ E(Y, {
+		children: l == null ? at(e) : /* @__PURE__ */ E(Y, {
 			name: l,
-			size: Math.round(nt(n) * .55)
+			size: Math.round(st(n) * .55)
 		})
 	}), P = /* @__PURE__ */ D(T, { children: [
 		a !== "none" && /* @__PURE__ */ E("span", {
@@ -1184,7 +1226,7 @@ function rt({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "p
 	] });
 	if (d != null) {
 		let t = m || "a", n = m ? { to: d } : { href: d };
-		return K(/* @__PURE__ */ E(t, {
+		return q(/* @__PURE__ */ E(t, {
 			className: A,
 			style: M,
 			...b,
@@ -1194,7 +1236,7 @@ function rt({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "p
 			children: F
 		}), h, g);
 	}
-	return K(p == null ? k ? /* @__PURE__ */ E("span", {
+	return q(p == null ? k ? /* @__PURE__ */ E("span", {
 		className: A,
 		style: M,
 		...b,
@@ -1218,7 +1260,7 @@ function rt({ name: e, src: t, size: n = "md", shape: r = "circle", tone: i = "p
 }
 //#endregion
 //#region src/components/AppAvatarGroup.jsx
-var it = {
+var lt = {
 	xs: 20,
 	sm: 24,
 	md: 32,
@@ -1226,16 +1268,16 @@ var it = {
 	xl: 64,
 	"2xl": 96
 };
-function at(e) {
-	return e == null ? null : typeof e == "number" ? `${e}px` : it[e] == null ? /^\d+$/.test(e) ? `${e}px` : e : `${it[e]}px`;
+function ut(e) {
+	return e == null ? null : typeof e == "number" ? `${e}px` : lt[e] == null ? /^\d+$/.test(e) ? `${e}px` : e : `${lt[e]}px`;
 }
-function ot({ children: e, size: t, spacing: n = "normal", overflow: r, className: i = "", ...a }) {
-	U("AppAvatarGroup", a);
+function dt({ children: e, size: t, spacing: n = "normal", overflow: r, className: i = "", ...a }) {
+	W("AppAvatarGroup", a);
 	let { style: o, ...s } = a, c = [
 		"avatar-group",
 		n === "normal" ? "" : `avatar-group-${n}`,
 		i
-	].filter(Boolean).join(" "), l = at(t), u = l ? {
+	].filter(Boolean).join(" "), l = ut(t), u = l ? {
 		"--avatar-size": l,
 		...o
 	} : o, d = typeof r == "string" ? Number.parseInt(r, 10) : r;
@@ -1253,8 +1295,8 @@ function ot({ children: e, size: t, spacing: n = "normal", overflow: r, classNam
 }
 //#endregion
 //#region src/components/AppBadge.jsx
-function st({ children: e, tone: t, dot: n = !1, tooltip: r, tooltipPlacement: i, className: a = "", ...o }) {
-	return U("AppBadge", o), K(/* @__PURE__ */ E(m, {
+function ft({ children: e, tone: t, dot: n = !1, tooltip: r, tooltipPlacement: i, className: a = "", ...o }) {
+	return W("AppBadge", o), q(/* @__PURE__ */ E(m, {
 		bg: !1,
 		className: [
 			t && t !== "neutral" ? `badge-${t}` : "",
@@ -1267,18 +1309,18 @@ function st({ children: e, tone: t, dot: n = !1, tooltip: r, tooltipPlacement: i
 }
 //#endregion
 //#region src/components/AppBanner.jsx
-var ct = [
+var pt = [
 	"info",
 	"success",
 	"warning",
 	"danger",
 	"neutral"
 ];
-function lt({ tone: e = "info", icon: t, children: n, dismissible: r = !1, onDismiss: i, className: a = "", ...o }) {
-	U("AppBanner", o);
+function mt({ tone: e = "info", icon: t, children: n, dismissible: r = !1, onDismiss: i, className: a = "", ...o }) {
+	W("AppBanner", o);
 	let [s, c] = f(!0);
 	if (!s) return null;
-	let l = ct.includes(e) ? e : "info", u = () => {
+	let l = pt.includes(e) ? e : "info", u = () => {
 		c(!1), i?.();
 	};
 	return /* @__PURE__ */ D("div", {
@@ -1309,8 +1351,8 @@ function lt({ tone: e = "info", icon: t, children: n, dismissible: r = !1, onDis
 }
 //#endregion
 //#region src/components/AppBreadcrumbs.jsx
-function ut({ items: e = [], linkComponent: t, className: n = "", ...r }) {
-	return U("AppBreadcrumbs", r), /* @__PURE__ */ E(h, {
+function ht({ items: e = [], linkComponent: t, className: n = "", ...r }) {
+	return W("AppBreadcrumbs", r), /* @__PURE__ */ E(h, {
 		className: n || void 0,
 		...r,
 		children: e.map((n, r) => {
@@ -1327,75 +1369,15 @@ function ut({ items: e = [], linkComponent: t, className: n = "", ...r }) {
 	});
 }
 //#endregion
-//#region src/components/AppCallout.jsx
-var dt = {
-	info: "info",
-	success: "check",
-	warning: "alert-triangle",
-	danger: "x"
-};
-function ft({ children: e, tone: t = "info", title: n, icon: r, image: i, imageAlt: a = "", size: o = "md", bordered: s = !0, action: c, dismissible: l = !1, onDismiss: u, className: d = "", ...p }) {
-	U("AppCallout", p);
-	let [m, h] = f(!0);
-	if (!m) return null;
-	let g = r === void 0 ? dt[t] : r === "none" ? null : r, _ = !!i, v = _ || !!g, y = v && !!n && e != null && e !== !1 && e !== "", b = y ? 13 : 11;
-	return /* @__PURE__ */ D("div", {
-		className: [
-			"info-callout",
-			`tone-${t}`,
-			o === "sm" ? "info-callout-sm" : "",
-			y ? "info-callout-stack" : "",
-			s ? "" : "info-callout-borderless",
-			d
-		].filter(Boolean).join(" "),
-		...p,
-		children: [
-			v && /* @__PURE__ */ E("span", {
-				className: `info-callout-icon${_ ? " info-callout-icon-image" : ""}`,
-				children: _ ? /* @__PURE__ */ E("img", {
-					src: i,
-					alt: a
-				}) : typeof g == "string" ? /* @__PURE__ */ E(Y, {
-					name: g,
-					size: b
-				}) : g
-			}),
-			/* @__PURE__ */ D("div", {
-				className: "info-callout-content",
-				children: [n && /* @__PURE__ */ E("div", {
-					className: "info-callout-heading",
-					children: n
-				}), e]
-			}),
-			c ? /* @__PURE__ */ E("div", {
-				className: "info-callout-action",
-				children: c
-			}) : null,
-			l && /* @__PURE__ */ E("button", {
-				type: "button",
-				className: "info-callout-close",
-				"aria-label": "Dismiss",
-				onClick: () => {
-					h(!1), u?.();
-				},
-				children: /* @__PURE__ */ E(Y, {
-					name: "x",
-					size: 18
-				})
-			})
-		]
-	});
-}
-//#endregion
 //#region src/components/AppCard.jsx
-var pt = {
+var gt = {
 	xs: 320,
 	sm: 420,
 	md: 560,
 	lg: 720
 };
-function mt({ title: e, subtitle: t, headerIcon: n, titleClassName: r = "", header: i, headerExtra: a, headerActions: o, footer: s, media: c, children: l, variant: u = "default", tone: d = "primary", padding: f = "md", maxWidth: p, className: m = "", bodyClassName: h = "", headerClassName: g = "", body: v = !0, lifted: y = !1, href: b, onClick: x, linkComponent: S, ...C }) {
-	U("AppCard", C);
+function _t({ title: e, subtitle: t, headerIcon: n, titleClassName: r = "", header: i, headerExtra: a, headerActions: o, footer: s, media: c, children: l, variant: u = "default", tone: d = "primary", padding: f = "md", maxWidth: p, className: m = "", bodyClassName: h = "", headerClassName: g = "", body: v = !0, lifted: y = !1, href: b, onClick: x, linkComponent: S, ...C }) {
+	W("AppCard", C);
 	let { style: w, ...O } = C, k = b != null || x != null, A = [
 		u && u !== "default" ? `card-${u}` : "",
 		u === "accent" && d && d !== "primary" ? `tone-${d}` : "",
@@ -1404,7 +1386,7 @@ function mt({ title: e, subtitle: t, headerIcon: n, titleClassName: r = "", head
 		p == null ? "" : "card-constrained",
 		k ? "card-clickable" : "",
 		m
-	].filter(Boolean).join(" ") || void 0, j = p == null ? void 0 : pt[p] == null ? typeof p == "number" ? `${p}px` : p : `${pt[p]}px`, M = j ? {
+	].filter(Boolean).join(" ") || void 0, j = p == null ? void 0 : gt[p] == null ? typeof p == "number" ? `${p}px` : p : `${gt[p]}px`, M = j ? {
 		"--card-max-width": j,
 		...w
 	} : w, N = {};
@@ -1475,7 +1457,7 @@ function mt({ title: e, subtitle: t, headerIcon: n, titleClassName: r = "", head
 }
 //#endregion
 //#region src/lib/CheckField.jsx
-var ht = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", rest: o = {}, inputType: c, wrapperClass: l }, u) {
+var vt = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", rest: o = {}, inputType: c, wrapperClass: l }, u) {
 	let d = s(), f = t || d, p = r ? `${f}-error` : void 0, m = i ? `${f}-hint` : void 0;
 	return /* @__PURE__ */ D("div", {
 		className: `${l}${a ? ` ${a}` : ""}`,
@@ -1506,8 +1488,8 @@ var ht = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
 			}) : null
 		]
 	});
-}), gt = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
-	return U("AppCheckbox", o), /* @__PURE__ */ E(ht, {
+}), yt = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
+	return W("AppCheckbox", o), /* @__PURE__ */ E(vt, {
 		ref: s,
 		label: e,
 		id: t,
@@ -1522,8 +1504,8 @@ var ht = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
 });
 //#endregion
 //#region src/components/AppChip.jsx
-function _t({ label: e, children: t, tone: n = "neutral", variant: r = "soft", size: i = "md", leadingIcon: a, avatar: o, onRemove: s, onClick: c, disabled: l = !1, removeLabel: u, className: d = "", ...f }) {
-	U("AppChip", f);
+function bt({ label: e, children: t, tone: n = "neutral", variant: r = "soft", size: i = "md", leadingIcon: a, avatar: o, onRemove: s, onClick: c, disabled: l = !1, removeLabel: u, className: d = "", ...f }) {
+	W("AppChip", f);
 	let p = e ?? t, m = [
 		"chip",
 		n && n !== "neutral" ? n : "",
@@ -1576,10 +1558,24 @@ function _t({ label: e, children: t, tone: n = "neutral", variant: r = "soft", s
 }
 //#endregion
 //#region src/components/AppChoiceCard.jsx
-function vt({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon: a, iconNode: o, iconSize: s = 18, image: c, imageAlt: l = "", children: u, title: d, description: f, checkIcon: p = "check", checkSize: m = 18, className: h = "", ...g }) {
-	return U("AppChoiceCard", g), /* @__PURE__ */ D("label", {
-		className: `struct-card${c ? " struct-card-img-card" : ""}${r ? " checked" : ""}${h ? ` ${h}` : ""}`,
-		...g,
+var xt = {
+	sm: " wui-struct-card-sm",
+	md: "",
+	lg: " wui-struct-card-lg"
+}, St = {
+	inline: "",
+	stacked: " wui-struct-card-stacked"
+}, Ct = {
+	sm: 16,
+	md: 18,
+	lg: 22
+};
+function wt({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon: a, iconNode: o, iconSize: s, image: c, imageAlt: l = "", children: u, title: d, description: f, checkIcon: p = "check", checkSize: m = 18, hideCheck: h = !1, size: g = "md", layout: _ = "inline", className: v = "", ...y }) {
+	W("AppChoiceCard", y), G("AppChoiceCard", "size", g, Object.keys(xt)), G("AppChoiceCard", "layout", _, Object.keys(St));
+	let b = xt[g] ?? "", x = St[_] ?? "", S = s ?? Ct[g] ?? Ct.md;
+	return /* @__PURE__ */ D("label", {
+		className: `struct-card${c ? " struct-card-img-card" : ""}${b}${x}${h ? " wui-struct-card-no-check" : ""}${r ? " checked" : ""}${v ? ` ${v}` : ""}`,
+		...y,
 		children: [
 			/* @__PURE__ */ E("input", {
 				type: t ? "checkbox" : "radio",
@@ -1600,7 +1596,8 @@ function vt({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon
 				className: "struct-card-ic",
 				children: o || /* @__PURE__ */ E(Y, {
 					name: a,
-					size: s
+					size: S,
+					variant: r ? "bold" : void 0
 				})
 			}) : null,
 			/* @__PURE__ */ E("span", {
@@ -1613,7 +1610,7 @@ function vt({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon
 					children: f
 				})] })
 			}),
-			/* @__PURE__ */ E("span", {
+			!h && /* @__PURE__ */ E("span", {
 				className: "struct-card-check",
 				children: /* @__PURE__ */ E(Y, {
 					name: p,
@@ -1625,8 +1622,8 @@ function vt({ name: e, multiple: t = !1, value: n, checked: r, onChange: i, icon
 }
 //#endregion
 //#region src/components/AppChoiceChip.jsx
-function yt({ multiple: e = !0, label: t, name: n, value: r, checked: i, onChange: a, children: o, count: s, size: c = "md", className: l = "", ...u }) {
-	return U("AppChoiceChip", u), /* @__PURE__ */ D("label", {
+function Tt({ multiple: e = !0, label: t, name: n, value: r, checked: i, onChange: a, children: o, count: s, size: c = "md", className: l = "", ...u }) {
+	return W("AppChoiceChip", u), /* @__PURE__ */ D("label", {
 		className: `choice-chip${i ? " checked" : ""}${c === "sm" ? " choice-chip-sm" : c === "lg" ? " choice-chip-lg" : ""}${l ? ` ${l}` : ""}`,
 		...u,
 		children: [
@@ -1647,8 +1644,8 @@ function yt({ multiple: e = !0, label: t, name: n, value: r, checked: i, onChang
 }
 //#endregion
 //#region src/components/AppColorField.jsx
-function bt({ value: e = "#000000", onChange: t, label: n, required: r = !1, error: i, hint: a, name: o, id: c, disabled: l = !1, size: u = "md", className: d = "", fieldClassName: f = "", ...p }) {
-	U("AppColorField", p);
+function Et({ value: e = "#000000", onChange: t, label: n, required: r = !1, error: i, hint: a, name: o, id: c, disabled: l = !1, size: u = "md", className: d = "", fieldClassName: f = "", ...p }) {
+	W("AppColorField", p);
 	let m = s(), h = c || m, g = i ? `${h}-error` : a ? `${h}-hint` : void 0, _ = (e) => /^#[0-9a-f]{6}$/i.test(e), v = u === "sm" ? " color-field-sm" : u === "lg" ? " color-field-lg" : "", y = u === "sm" ? " input-sm" : u === "lg" ? " input-lg" : "";
 	return /* @__PURE__ */ D("div", {
 		className: `field${f ? ` ${f}` : ""}`,
@@ -1698,14 +1695,279 @@ function bt({ value: e = "#000000", onChange: t, label: n, required: r = !1, err
 	});
 }
 //#endregion
+//#region src/components/AppModal.jsx
+var Dt = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])", Ot = {
+	sm: 380,
+	md: 440,
+	lg: 640,
+	xl: 880
+}, kt = !1;
+function At() {
+	let e = !0;
+	try {
+		e = process.env.NODE_ENV !== "production";
+	} catch {
+		e = !0;
+	}
+	!e || kt || (kt = !0, console.warn("[@webority/ui-react] <AppModal hideHeader> has no accessible name — pass `ariaLabel` (or a string `title`)."));
+}
+function jt({ open: e, eyebrow: t, title: n, subtitle: r, headerIcon: i, tone: a = "default", dismissible: s = !0, onClose: c, footer: l, size: u = "md", placement: f = "center", hideHeader: p = !1, staticBackdrop: m = !1, ariaLabel: h, className: g = "", children: _, ...v }) {
+	W("AppModal", v), G("AppModal", "size", typeof u == "string" ? u : null, Object.keys(Ot));
+	let { style: y, ...x } = v;
+	p && !h && typeof n != "string" && At();
+	let S = d(null);
+	o(() => {
+		if (!e) return;
+		let t = S.current?.closest(".modal-content");
+		if (!t) return;
+		let n = () => Array.from(t.querySelectorAll(Dt));
+		(t.querySelector("[data-autofocus]") || n().find((e) => !e.classList.contains("wui-modal-close")) || n()[0] || t).focus?.();
+	}, [e]);
+	let C = typeof u == "number" ? u : Ot[u] ?? Ot.md, w = [
+		"wui-modal",
+		a === "default" ? "" : `tone-${a}`,
+		g
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ D(b, {
+		...x,
+		show: e,
+		onHide: c,
+		backdrop: !m || "static",
+		keyboard: !m,
+		autoFocus: !1,
+		enforceFocus: !0,
+		restoreFocus: !0,
+		centered: f !== "top",
+		className: "wui-modal-shell",
+		style: {
+			"--wui-modal-max-width": `${C}px`,
+			...y
+		},
+		dialogClassName: "wui-rb-dialog",
+		contentClassName: w,
+		backdropClassName: "wui-modal-dim",
+		"aria-label": h || (typeof n == "string" ? n : void 0),
+		children: [
+			!p && /* @__PURE__ */ D("div", {
+				className: "wui-modal-header",
+				children: [/* @__PURE__ */ D("div", {
+					className: "wui-modal-heading",
+					children: [i && /* @__PURE__ */ E("span", {
+						className: "wui-modal-headicon",
+						children: /* @__PURE__ */ E(Y, {
+							name: i,
+							size: 18
+						})
+					}), /* @__PURE__ */ D("div", {
+						className: "wui-modal-headtext",
+						children: [
+							t && /* @__PURE__ */ E("div", {
+								className: "wui-modal-eyebrow",
+								children: t
+							}),
+							/* @__PURE__ */ E("div", {
+								className: "wui-modal-title",
+								children: n
+							}),
+							r && /* @__PURE__ */ E("div", {
+								className: "wui-modal-subtitle",
+								children: r
+							})
+						]
+					})]
+				}), s && /* @__PURE__ */ E("button", {
+					type: "button",
+					className: "wui-modal-close",
+					onClick: c,
+					"aria-label": "Close",
+					children: /* @__PURE__ */ E("svg", {
+						width: "18",
+						height: "18",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ E("path", { d: "M18 6 6 18M6 6l12 12" })
+					})
+				})]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "wui-modal-body",
+				ref: S,
+				children: _
+			}),
+			l && /* @__PURE__ */ E("div", {
+				className: "wui-modal-footer",
+				children: l
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/AppCommandPalette.jsx
+var Mt = "lg";
+function Nt({ open: e, onClose: t, query: n = "", onQueryChange: r, placeholder: i = "Search…", groups: a = [], loading: o = !1, emptyText: c = "No results", footer: l, ariaLabel: u = "Search", highlight: d = !0, id: f, className: p = "", ...m }) {
+	W("AppCommandPalette", m);
+	let h = s(), g = f || h;
+	return /* @__PURE__ */ E(jt, {
+		open: e,
+		onClose: t,
+		hideHeader: !0,
+		placement: "top",
+		size: Mt,
+		ariaLabel: u,
+		className: `wui-cmd-card${p ? ` ${p}` : ""}`,
+		children: /* @__PURE__ */ E(Pt, {
+			baseId: g,
+			query: n,
+			onQueryChange: r,
+			placeholder: i,
+			groups: a,
+			loading: o,
+			emptyText: c,
+			footer: l,
+			ariaLabel: u,
+			highlight: d,
+			onClose: t,
+			rest: m
+		})
+	});
+}
+function Pt({ baseId: e, query: t, onQueryChange: n, placeholder: r, groups: i, loading: a, emptyText: s, footer: c, ariaLabel: u, highlight: f, onClose: p, rest: m }) {
+	let h = d(null), g = `${e}-list`, _ = i.filter((e) => e.items?.length), v = !a && t.trim() !== "" && _.length === 0;
+	return l(() => {
+		h.current?.refresh?.();
+	}), o(() => {
+		let e = h.current, t = (e) => {
+			let t = i.find((t) => String(t.key) === e.detail.groupKey)?.items?.find((t) => String(t.key) === e.detail.key);
+			t && (e.preventDefault(), t.onSelect?.(), p?.());
+		};
+		return e.addEventListener("wui-command-palette:select", t), () => e.removeEventListener("wui-command-palette:select", t);
+	}, [i, p]), /* @__PURE__ */ D("wui-command-palette", {
+		ref: h,
+		...m,
+		children: [
+			/* @__PURE__ */ D("div", {
+				className: "wui-cmd-search",
+				children: [
+					/* @__PURE__ */ E("span", {
+						className: "wui-cmd-search-icon",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ E(Y, {
+							name: "search",
+							size: 18
+						})
+					}),
+					/* @__PURE__ */ E("input", {
+						className: "wui-cmd-input",
+						type: "text",
+						role: "combobox",
+						"aria-expanded": "true",
+						"aria-controls": g,
+						"aria-autocomplete": "list",
+						"aria-label": u,
+						placeholder: r,
+						autoComplete: "off",
+						spellCheck: !1,
+						"data-autofocus": "",
+						value: t,
+						onChange: (e) => n?.(e.target.value)
+					}),
+					a && /* @__PURE__ */ E(He, {
+						size: "sm",
+						className: "wui-cmd-spinner"
+					})
+				]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "wui-cmd-list",
+				role: "listbox",
+				id: g,
+				"aria-label": "Results",
+				"aria-busy": a ? "true" : void 0,
+				hidden: _.length === 0,
+				children: _.map((n) => {
+					let r = `${e}-${It(n.key)}`;
+					return /* @__PURE__ */ D("div", {
+						className: "wui-cmd-group",
+						role: "group",
+						"aria-labelledby": r,
+						children: [/* @__PURE__ */ E("div", {
+							className: "wui-cmd-group-label",
+							role: "presentation",
+							id: r,
+							children: n.label
+						}), n.items.map((e) => /* @__PURE__ */ D("div", {
+							className: "wui-cmd-item",
+							role: "option",
+							id: `${r}-${It(e.key)}`,
+							"data-group-key": String(n.key),
+							"data-key": String(e.key),
+							children: [
+								e.icon != null && /* @__PURE__ */ E("span", {
+									className: "wui-cmd-item-icon",
+									"aria-hidden": "true",
+									children: X(e.icon, { size: 18 })
+								}),
+								/* @__PURE__ */ D("span", {
+									className: "wui-cmd-item-text",
+									children: [/* @__PURE__ */ E("span", {
+										className: "wui-cmd-item-label",
+										children: f ? Ft(e.label, t) : e.label
+									}), e.description != null && /* @__PURE__ */ E("span", {
+										className: "wui-cmd-item-desc",
+										children: e.description
+									})]
+								}),
+								e.meta != null && /* @__PURE__ */ E("span", {
+									className: "wui-cmd-item-meta",
+									children: e.meta
+								})
+							]
+						}, e.key))]
+					}, n.key);
+				})
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "wui-cmd-empty",
+				role: "status",
+				children: v ? s : null
+			}),
+			c != null && /* @__PURE__ */ E("div", {
+				className: "wui-cmd-footer",
+				children: c
+			})
+		]
+	});
+}
+function Ft(e, n) {
+	if (typeof e != "string") return e;
+	let r = I(e, n);
+	if (r.length === 1 && !r[0].match) return e;
+	let i = 0;
+	return r.map((e) => {
+		let n = i;
+		return i += e.text.length, e.match ? /* @__PURE__ */ E("mark", {
+			className: "wui-cmd-mark",
+			children: e.text
+		}, n) : /* @__PURE__ */ E(t, { children: e.text }, n);
+	});
+}
+function It(e) {
+	return String(e).replace(/\s+/g, "_");
+}
+//#endregion
 //#region src/lib/emptyValue.js
-function xt(e) {
+function Lt(e) {
 	return e == null || e === "";
 }
 //#endregion
 //#region src/components/AppCompareTable.jsx
-function St({ columns: e = [], rows: t = [], caption: n, className: r = "", ...i }) {
-	U("AppCompareTable", i);
+function Rt({ columns: e = [], rows: t = [], caption: n, className: r = "", ...i }) {
+	W("AppCompareTable", i);
 	let a = (e) => e === !0 ? /* @__PURE__ */ E("span", {
 		className: "compare-yes",
 		children: /* @__PURE__ */ E(Y, {
@@ -1741,66 +2003,66 @@ function St({ columns: e = [], rows: t = [], caption: n, className: r = "", ...i
 }
 //#endregion
 //#region src/components/AppInput.jsx
-var Ct = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", type: c = "text", size: l = "md", leftIcon: u, rightIcon: p, onRightIconClick: m, rightIconLabel: h, unit: g, id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, clearable: C = !1, showCount: w = !1, maxLength: T, prefix: O, suffix: k, action: A, floatingLabel: j = !1, variant: M, passwordRequirements: P = !1, requirementsPlacement: F = "auto", ...I }, L) {
-	U("AppInput", I);
-	let [R, z] = f(!1), ee = s(), B = _ || ee, V = c === "password", te = V && R ? "text" : c, H = d(null), ne = (e) => {
-		H.current = e, typeof L == "function" ? L(e) : L && (L.current = e);
-	}, re = String(I.value ?? I.defaultValue ?? ""), [ie, ae] = f(() => !!re), [oe, W] = f(() => re.length), se = C && !S, ce = C || w, G = V && !!P, [K, le] = f(re);
+var zt = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", type: c = "text", size: l = "md", leftIcon: u, rightIcon: p, onRightIconClick: m, rightIconLabel: h, unit: g, id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, clearable: C = !1, showCount: w = !1, maxLength: T, prefix: O, suffix: k, action: A, floatingLabel: j = !1, variant: M, passwordRequirements: P = !1, requirementsPlacement: F = "auto", ...I }, L) {
+	W("AppInput", I);
+	let [R, z] = f(!1), B = s(), V = _ || B, H = c === "password", ee = H && R ? "text" : c, U = d(null), te = (e) => {
+		U.current = e, typeof L == "function" ? L(e) : L && (L.current = e);
+	}, ne = String(I.value ?? I.defaultValue ?? ""), [re, ie] = f(() => !!ne), [ae, oe] = f(() => ne.length), G = C && !S, se = C || w, K = H && !!P, [ce, q] = f(ne);
 	o(() => {
-		!G || I.value === void 0 || le(String(I.value ?? ""));
-	}, [I.value, G]), o(() => {
-		if (!ce || I.value === void 0) return;
+		!K || I.value === void 0 || q(String(I.value ?? ""));
+	}, [I.value, K]), o(() => {
+		if (!se || I.value === void 0) return;
 		let e = String(I.value ?? "");
-		ae(!!e), W(e.length);
-	}, [I.value, ce]);
-	let ue = (e) => {
-		ae(!!e.target.value), W(e.target.value.length), I.onInput?.(e);
-	}, de = (e) => {
-		G && le(e.target.value), ce ? ue(e) : I.onInput?.(e);
-	}, fe = se ? /* @__PURE__ */ E("button", {
+		ie(!!e), oe(e.length);
+	}, [I.value, se]);
+	let le = (e) => {
+		ie(!!e.target.value), oe(e.target.value.length), I.onInput?.(e);
+	}, ue = (e) => {
+		K && q(e.target.value), se ? le(e) : I.onInput?.(e);
+	}, de = G ? /* @__PURE__ */ E("button", {
 		type: "button",
 		className: "input-clear",
 		onClick: () => {
-			let e = H.current;
+			let e = U.current;
 			if (!e) return;
 			let t = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
-			t ? t.call(e, "") : e.value = "", e.dispatchEvent(new Event("input", { bubbles: !0 })), ae(!1), e.focus();
+			t ? t.call(e, "") : e.value = "", e.dispatchEvent(new Event("input", { bubbles: !0 })), ie(!1), e.focus();
 		},
 		"aria-label": "Clear",
 		tabIndex: -1,
-		hidden: !ie,
+		hidden: !re,
 		children: /* @__PURE__ */ E(Y, {
 			name: "x",
 			size: 16
 		})
-	}) : null, pe = n && B ? `${B}-error` : void 0, me = r && B ? `${B}-hint` : void 0, he = pe || me, ge = [
+	}) : null, fe = n && V ? `${V}-error` : void 0, pe = r && V ? `${V}-hint` : void 0, me = fe || pe, he = [
 		"input",
 		l === "sm" ? "input-sm" : "",
 		l === "lg" ? "input-lg" : "",
 		n ? "error" : "",
-		V ? "pw" : "",
+		H ? "pw" : "",
 		g ? "num-input" : "",
-		!(j && e || O || k || g || V || p) && C && se ? "has-clear" : "",
+		!(j && e || O || k || g || H || p) && C && G ? "has-clear" : "",
 		M === "bare" ? "input-bare" : "",
 		b
-	].filter(Boolean).join(" "), q = /* @__PURE__ */ E(y.Control, {
-		id: B,
+	].filter(Boolean).join(" "), J = /* @__PURE__ */ E(y.Control, {
+		id: V,
 		name: v,
-		type: te,
-		className: ge,
+		type: ee,
+		className: he,
 		disabled: S,
 		required: t,
 		"aria-invalid": n ? "true" : "false",
-		"aria-describedby": he,
+		"aria-describedby": me,
 		maxLength: T,
 		...I,
 		placeholder: j ? " " : I.placeholder,
-		ref: ne,
-		onInput: ce || G ? de : I.onInput
-	}), _e = P === !0 || P, ve = _e && typeof _e == "object" && _e.title || "Password Requirements", ye = G ? N(K, _e) : null, be = G ? /* @__PURE__ */ E("ul", {
+		ref: te,
+		onInput: se || K ? ue : I.onInput
+	}), ge = P === !0 || P, _e = ge && typeof ge == "object" && ge.title || "Password Requirements", ve = K ? N(ce, ge) : null, ye = K ? /* @__PURE__ */ E("ul", {
 		className: "pw-criteria",
 		"aria-live": "polite",
-		children: ye.map((e) => /* @__PURE__ */ D("li", {
+		children: ve.map((e) => /* @__PURE__ */ D("li", {
 			className: `pw-rule ${e.met ? "met" : "unmet"}`,
 			children: [
 				/* @__PURE__ */ E("span", {
@@ -1817,16 +2079,16 @@ var Ct = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
 				})
 			]
 		}, e.key))
-	}) : null, J;
-	if (j && e) J = /* @__PURE__ */ D("div", {
+	}) : null, be;
+	if (j && e) be = /* @__PURE__ */ D("div", {
 		className: "field-float",
-		children: [q, /* @__PURE__ */ D("label", {
+		children: [J, /* @__PURE__ */ D("label", {
 			className: "float-label",
-			htmlFor: B,
+			htmlFor: V,
 			children: [e, t && /* @__PURE__ */ E(Z, {})]
 		})]
 	});
-	else if (A) J = /* @__PURE__ */ D("div", {
+	else if (A) be = /* @__PURE__ */ D("div", {
 		className: "input-action-row",
 		children: [/* @__PURE__ */ D("div", {
 			className: u ? "input-icon" : "input-wrap",
@@ -1836,34 +2098,34 @@ var Ct = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
 					name: u,
 					size: 16
 				})
-			}), q]
+			}), J]
 		}), /* @__PURE__ */ E("div", {
 			className: "input-action",
 			children: A
 		})]
 	});
-	else if (O || k) J = /* @__PURE__ */ D("div", {
+	else if (O || k) be = /* @__PURE__ */ D("div", {
 		className: "input-affixed",
 		children: [
 			O != null && /* @__PURE__ */ E("span", {
 				className: "affix affix-pre",
 				children: O
 			}),
-			q,
+			J,
 			k != null && /* @__PURE__ */ E("span", {
 				className: "affix affix-suf",
 				children: k
 			})
 		]
 	});
-	else if (g) J = /* @__PURE__ */ D("div", {
+	else if (g) be = /* @__PURE__ */ D("div", {
 		className: "input-with-unit",
-		children: [q, /* @__PURE__ */ E("span", {
+		children: [J, /* @__PURE__ */ E("span", {
 			className: "unit",
 			children: g
 		})]
 	});
-	else if (V) {
+	else if (H) {
 		let e = /* @__PURE__ */ D("div", {
 			className: u ? "input-icon" : "input-wrap",
 			children: [
@@ -1874,7 +2136,7 @@ var Ct = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
 						size: 16
 					})
 				}),
-				q,
+				J,
 				/* @__PURE__ */ D("button", {
 					type: "button",
 					className: `pw-toggle${R ? " pw-revealed" : ""}`,
@@ -1893,17 +2155,17 @@ var Ct = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
 				})
 			]
 		});
-		J = G ? /* @__PURE__ */ E(Ve, {
+		be = K ? /* @__PURE__ */ E(Ge, {
 			trigger: e,
 			triggerType: "focus",
 			placement: F,
-			title: ve,
+			title: _e,
 			className: "pw-popover",
-			children: be
+			children: ye
 		}) : e;
-	} else J = p ? /* @__PURE__ */ D("div", {
+	} else be = p ? /* @__PURE__ */ D("div", {
 		className: "input-wrap",
-		children: [q, /* @__PURE__ */ E("button", {
+		children: [J, /* @__PURE__ */ E("button", {
 			type: "button",
 			className: "pw-toggle",
 			onClick: m,
@@ -1925,8 +2187,8 @@ var Ct = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
 					size: 16
 				})
 			}),
-			q,
-			fe
+			J,
+			de
 		]
 	}) : u ? /* @__PURE__ */ D("div", {
 		className: "input-icon",
@@ -1936,196 +2198,85 @@ var Ct = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, he
 				name: u,
 				size: 16
 			})
-		}), q]
-	}) : q;
+		}), J]
+	}) : J;
 	return /* @__PURE__ */ D(y.Group, {
 		className: `field${x ? ` ${x}` : ""}`,
 		children: [
 			e && !j && /* @__PURE__ */ D(y.Label, {
 				className: "label",
-				htmlFor: B,
+				htmlFor: V,
 				children: [
 					e,
 					t && /* @__PURE__ */ E(Z, {}),
-					i && /* @__PURE__ */ E(He, {
+					i && /* @__PURE__ */ E(qe, {
 						label: a,
 						children: i
 					})
 				]
 			}),
-			J,
+			be,
 			n ? /* @__PURE__ */ E("div", {
 				className: "field-error",
-				id: pe,
+				id: fe,
 				children: n
 			}) : r ? /* @__PURE__ */ E("div", {
 				className: "field-hint",
-				id: me,
+				id: pe,
 				children: r
 			}) : null,
 			w && /* @__PURE__ */ D("div", {
-				className: `field-count${T && oe >= T ? " at-limit" : ""}`,
-				children: [oe, T ? ` / ${T}` : ""]
+				className: `field-count${T && ae >= T ? " at-limit" : ""}`,
+				children: [ae, T ? ` / ${T}` : ""]
 			})
 		]
 	});
-}), wt = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])", Tt = {
-	sm: 380,
-	md: 440,
-	lg: 640,
-	xl: 880
-}, Et = !1;
-function Dt() {
-	let e = !0;
-	try {
-		e = process.env.NODE_ENV !== "production";
-	} catch {
-		e = !0;
-	}
-	!e || Et || (Et = !0, console.warn("[@webority/ui-react] <AppModal hideHeader> has no accessible name — pass `ariaLabel` (or a string `title`)."));
-}
-function Ot({ open: e, eyebrow: t, title: n, subtitle: r, headerIcon: i, tone: a = "default", dismissible: s = !0, onClose: c, footer: l, size: u = "md", placement: f = "center", hideHeader: p = !1, staticBackdrop: m = !1, ariaLabel: h, className: g = "", children: _, ...v }) {
-	U("AppModal", v), W("AppModal", "size", typeof u == "string" ? u : null, Object.keys(Tt));
-	let { style: y, ...x } = v;
-	p && !h && typeof n != "string" && Dt();
-	let S = d(null);
-	o(() => {
-		if (!e) return;
-		let t = S.current?.closest(".modal-content");
-		if (!t) return;
-		let n = () => Array.from(t.querySelectorAll(wt));
-		(t.querySelector("[data-autofocus]") || n().find((e) => !e.classList.contains("wui-modal-close")) || n()[0] || t).focus?.();
-	}, [e]);
-	let C = typeof u == "number" ? u : Tt[u] ?? Tt.md, w = [
-		"wui-modal",
-		a === "default" ? "" : `tone-${a}`,
-		g
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ D(b, {
-		...x,
-		show: e,
-		onHide: c,
-		backdrop: !m || "static",
-		keyboard: !m,
-		autoFocus: !1,
-		enforceFocus: !0,
-		restoreFocus: !0,
-		centered: f !== "top",
-		className: "wui-modal-shell",
-		style: {
-			"--wui-modal-max-width": `${C}px`,
-			...y
-		},
-		dialogClassName: "wui-rb-dialog",
-		contentClassName: w,
-		backdropClassName: "wui-modal-dim",
-		"aria-label": h || (typeof n == "string" ? n : void 0),
-		children: [
-			!p && /* @__PURE__ */ D("div", {
-				className: "wui-modal-header",
-				children: [/* @__PURE__ */ D("div", {
-					className: "wui-modal-heading",
-					children: [i && /* @__PURE__ */ E("span", {
-						className: "wui-modal-headicon",
-						children: /* @__PURE__ */ E(Y, {
-							name: i,
-							size: 18
-						})
-					}), /* @__PURE__ */ D("div", {
-						className: "wui-modal-headtext",
-						children: [
-							t && /* @__PURE__ */ E("div", {
-								className: "wui-modal-eyebrow",
-								children: t
-							}),
-							/* @__PURE__ */ E("div", {
-								className: "wui-modal-title",
-								children: n
-							}),
-							r && /* @__PURE__ */ E("div", {
-								className: "wui-modal-subtitle",
-								children: r
-							})
-						]
-					})]
-				}), s && /* @__PURE__ */ E("button", {
-					type: "button",
-					className: "wui-modal-close",
-					onClick: c,
-					"aria-label": "Close",
-					children: /* @__PURE__ */ E("svg", {
-						width: "18",
-						height: "18",
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						strokeWidth: "2",
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ E("path", { d: "M18 6 6 18M6 6l12 12" })
-					})
-				})]
-			}),
-			/* @__PURE__ */ E("div", {
-				className: "wui-modal-body",
-				ref: S,
-				children: _
-			}),
-			l && /* @__PURE__ */ E("div", {
-				className: "wui-modal-footer",
-				children: l
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/ModalIcons.jsx
-var kt = (e) => function({ size: t = 72 }) {
+}), Bt = (e) => function({ size: t = 72 }) {
 	return /* @__PURE__ */ E("wui-status-icon", {
 		tone: e,
 		size: t
 	});
-}, At = {
-	success: kt("success"),
-	error: kt("error"),
-	warning: kt("warning"),
-	info: kt("info"),
-	delete: kt("delete")
+}, Vt = {
+	success: Bt("success"),
+	error: Bt("error"),
+	warning: Bt("warning"),
+	info: Bt("info"),
+	delete: Bt("delete"),
+	primary: Bt("primary")
 };
 //#endregion
 //#region src/components/AppConfirmDialog.jsx
-function jt({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancelLabel: i = "Cancel", danger: a = !1, tone: s, image: c, confirmPhrase: l, onConfirm: u, onClose: d, loading: p = !1, staticBackdrop: m = !1, placement: h = "center", size: g = "md", className: _ = "", ...v }) {
-	U("AppConfirmDialog", v);
-	let [y, b] = f("");
+function Ht({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancelLabel: i = "Cancel", danger: a = !1, tone: s, image: c, iconSize: l, confirmPhrase: u, onConfirm: d, onClose: p, loading: m = !1, staticBackdrop: h = !1, placement: g = "center", size: _ = "md", className: v = "", ...y }) {
+	W("AppConfirmDialog", y);
+	let [b, x] = f("");
 	if (o(() => {
-		e || b("");
+		e || x("");
 	}, [e]), !e) return null;
-	let x = !!l && y.trim() !== l, S = c ? null : At[s || (a ? "delete" : "info")], C = () => {
-		p || d?.();
+	let S = !!u && b.trim() !== u, C = c ? null : Vt[s || (a ? "delete" : "info")], w = l > 0 ? { "--wui-confirm-icon-size": `${l}px` } : void 0, O = () => {
+		m || p?.();
 	};
-	return /* @__PURE__ */ E(Ot, {
-		...v,
+	return /* @__PURE__ */ E(jt, {
+		...y,
 		open: e,
 		hideHeader: !0,
 		title: t,
-		onClose: C,
-		staticBackdrop: m,
-		placement: h,
-		size: g,
-		className: ["wui-confirm", _].filter(Boolean).join(" "),
+		onClose: O,
+		staticBackdrop: h,
+		placement: g,
+		size: _,
+		className: ["wui-confirm", v].filter(Boolean).join(" "),
 		footer: /* @__PURE__ */ D("div", {
 			className: "wui-confirm-actions",
-			children: [/* @__PURE__ */ E(Ie, {
+			children: [/* @__PURE__ */ E(Be, {
 				variant: "secondary",
-				disabled: p,
-				onClick: C,
+				disabled: m,
+				onClick: O,
 				children: i
-			}), /* @__PURE__ */ E(Ie, {
+			}), /* @__PURE__ */ E(Be, {
 				variant: a ? "danger" : "primary",
-				disabled: x,
-				loading: p,
-				onClick: u,
+				disabled: S,
+				loading: m,
+				onClick: d,
 				children: r
 			})]
 		}),
@@ -2134,14 +2285,16 @@ function jt({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
 			children: [
 				c ? /* @__PURE__ */ E("span", {
 					className: "wui-confirm-icon",
+					style: w,
 					children: /* @__PURE__ */ E("img", {
 						src: c,
 						alt: "",
 						"aria-hidden": "true"
 					})
-				}) : S && /* @__PURE__ */ E("span", {
+				}) : C && /* @__PURE__ */ E("span", {
 					className: "wui-confirm-icon",
-					children: /* @__PURE__ */ E(S, { size: 80 })
+					style: w,
+					children: /* @__PURE__ */ E(C, { size: 120 })
 				}),
 				/* @__PURE__ */ E("h3", {
 					className: "wui-confirm-title",
@@ -2153,17 +2306,17 @@ function jt({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
 					className: "wui-confirm-msg",
 					children: n
 				}),
-				l && /* @__PURE__ */ E(Ct, {
+				u && /* @__PURE__ */ E(zt, {
 					fieldClassName: "mt-3 mb-0 w-100 text-start",
 					label: /* @__PURE__ */ D(T, { children: [
 						"Type ",
-						/* @__PURE__ */ E("strong", { children: l }),
+						/* @__PURE__ */ E("strong", { children: u }),
 						" to confirm"
 					] }),
-					value: y,
-					onChange: (e) => b(e.target.value),
-					"aria-label": `Type ${l} to confirm`,
-					disabled: p
+					value: b,
+					onChange: (e) => x(e.target.value),
+					"aria-label": `Type ${u} to confirm`,
+					disabled: m
 				})
 			]
 		})
@@ -2171,16 +2324,16 @@ function jt({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
 }
 //#endregion
 //#region src/components/AppConsentBanner.jsx
-var Mt = ["bottom-left", "bottom-right"];
-function Nt({ heading: e, description: t, policyHref: n, policyLabel: r, analyticsDescription: i, functionalDescription: a, marketingDescription: s, position: c = "bottom-left", standalone: l = !1, className: u = "", style: d, ...f }) {
-	U("AppConsentBanner", f), W("AppConsentBanner", "position", c, Mt);
+var Ut = ["bottom-left", "bottom-right"];
+function Wt({ heading: e, description: t, policyHref: n, policyLabel: r, analyticsDescription: i, functionalDescription: a, marketingDescription: s, position: c = "bottom-left", standalone: l = !1, className: u = "", style: d, ...f }) {
+	W("AppConsentBanner", f), G("AppConsentBanner", "position", c, Ut);
 	let { setRef: p, innerRef: m } = Q({ on: { "wui-consent-save": (e) => {
-		R(e.detail), m.current && (m.current.preferences = L());
+		z(e.detail), m.current && (m.current.preferences = R());
 	} } });
 	return o(() => {
 		let e = m.current;
 		if (!e) return;
-		let t = L();
+		let t = R();
 		e.preferences = t, t.decided || e.open();
 	}, [m]), /* @__PURE__ */ E("wui-consent-banner", {
 		ref: p,
@@ -2200,26 +2353,26 @@ function Nt({ heading: e, description: t, policyHref: n, policyLabel: r, analyti
 }
 //#endregion
 //#region src/components/AppCopyButton.jsx
-var Pt = {
+var Gt = {
 	sm: 14,
 	md: 16,
 	lg: 20
 };
-function Ft({ text: e, label: t = "Copy", copiedLabel: n = "Copied", iconOnly: r = !1, size: i = "md", variant: s = "ghost", onCopied: c, className: l = "", tooltip: u, tooltipPlacement: p, ...m }) {
-	U("AppCopyButton", m), W("AppCopyButton", "size", i, Object.keys(Pt));
+function Kt({ text: e, label: t = "Copy", copiedLabel: n = "Copied", iconOnly: r = !1, size: i = "md", variant: s = "ghost", onCopied: c, className: l = "", tooltip: u, tooltipPlacement: p, ...m }) {
+	W("AppCopyButton", m), G("AppCopyButton", "size", i, Object.keys(Gt));
 	let [h, g] = f(!1), _ = d(null);
 	o(() => () => clearTimeout(_.current), []);
 	let v = a(async () => {
 		await M(e) && (g(!0), clearTimeout(_.current), _.current = setTimeout(() => g(!1), O), c?.());
 	}, [e, c]), y = h ? n : t, b = h ? "check" : "files";
-	return K(r ? /* @__PURE__ */ E(ke, {
+	return q(r ? /* @__PURE__ */ E(je, {
 		icon: b,
 		label: y,
-		size: Pt[i] ?? Pt.md,
+		size: Gt[i] ?? Gt.md,
 		onClick: v,
 		className: l,
 		...m
-	}) : /* @__PURE__ */ E(Ie, {
+	}) : /* @__PURE__ */ E(Be, {
 		leftIcon: b,
 		variant: s,
 		size: i,
@@ -2231,9 +2384,75 @@ function Ft({ text: e, label: t = "Copy", copiedLabel: n = "Copied", iconOnly: r
 	}), u, p);
 }
 //#endregion
+//#region src/components/AppCountrySelect.jsx
+var qt = [
+	"sm",
+	"md",
+	"lg"
+], Jt = i(function({ value: e, onChange: t, countries: n, placeholder: r = "Select country", searchPlaceholder: i = "Search countries...", searchable: a = !0, clearable: o = !1, size: c = "md", floatingLabel: l = !1, disabled: u, label: d, required: f = !1, error: p, hint: m, help: h, helpLabel: g = "More information", id: _, name: v, className: y = "", fieldClassName: b = "", "aria-label": x, "aria-labelledby": S, "aria-describedby": C, ...w }, T) {
+	W("AppCountrySelect", w), G("AppCountrySelect", "size", c, qt);
+	let O = s(), { setRef: k } = Q({
+		ref: T,
+		value: e ?? "",
+		onChange: t
+	}), A = _ || O, j = l && d, M = p && A ? `${A}-error` : void 0, N = m && A ? `${A}-hint` : void 0, P = /* @__PURE__ */ E("wui-country-select", {
+		"aria-label": x || (typeof d == "string" ? d : void 0),
+		"aria-labelledby": S || void 0,
+		"aria-describedby": M || N || C || void 0,
+		"aria-invalid": p ? "true" : void 0,
+		ref: k,
+		id: A,
+		name: v,
+		countries: Array.isArray(n) ? n.join(",") : void 0,
+		placeholder: j ? " " : r,
+		"search-placeholder": i,
+		searchable: a ? "" : void 0,
+		clearable: o ? "" : void 0,
+		size: c === "sm" || c === "lg" ? c : void 0,
+		disabled: u ? "" : void 0,
+		required: f ? "" : void 0,
+		className: y || void 0,
+		...w
+	});
+	return !d && !p && !m ? P : /* @__PURE__ */ D("div", {
+		className: ["field", b].filter(Boolean).join(" "),
+		children: [
+			d && !j && /* @__PURE__ */ D("label", {
+				className: "label",
+				htmlFor: A,
+				children: [
+					d,
+					f && /* @__PURE__ */ E(Z, {}),
+					h && /* @__PURE__ */ E(qe, {
+						label: g,
+						children: h
+					})
+				]
+			}),
+			j ? /* @__PURE__ */ D("div", {
+				className: "field-float",
+				children: [P, /* @__PURE__ */ D("label", {
+					className: "float-label",
+					htmlFor: A,
+					children: [d, f && /* @__PURE__ */ E(Z, {})]
+				})]
+			}) : P,
+			p ? /* @__PURE__ */ E("div", {
+				className: "field-error",
+				id: M,
+				children: p
+			}) : m ? /* @__PURE__ */ E("div", {
+				className: "field-hint",
+				id: N,
+				children: m
+			}) : null
+		]
+	});
+});
+//#endregion
 //#region src/components/AppSkeleton.jsx
-function It({ width: e = "100%", height: t = 14, radius: n = 6, className: r = "", style: i, ...a }) {
-	return U("AppSkeleton", a), /* @__PURE__ */ E("span", {
+function Yt({ width: e = "100%", height: t = 14, radius: n = 6, className: r = "", style: i, ...a }) {
+	return W("AppSkeleton", a), /* @__PURE__ */ E("span", {
 		className: `skeleton${r ? ` ${r}` : ""}`,
 		"aria-hidden": "true",
 		style: {
@@ -2245,29 +2464,29 @@ function It({ width: e = "100%", height: t = 14, radius: n = 6, className: r = "
 		...a
 	});
 }
-function Lt({ rows: e = 4, cols: t = 5 }) {
-	return Array.from({ length: e }).map((e, n) => /* @__PURE__ */ E("tr", { children: Array.from({ length: t }).map((e, t) => /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E(It, {
+function Xt({ rows: e = 4, cols: t = 5 }) {
+	return Array.from({ length: e }).map((e, n) => /* @__PURE__ */ E("tr", { children: Array.from({ length: t }).map((e, t) => /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E(Yt, {
 		width: t === 0 ? "70%" : "50%",
 		height: 12
 	}) }, `col-${t}`)) }, `row-${n}`));
 }
 //#endregion
 //#region src/lib/pageWindow.js
-var Rt = (e, t) => {
+var Zt = (e, t) => {
 	let n = [];
 	for (let r = e; r <= t; r += 1) n.push(r);
 	return n;
 };
-function zt(e, t, { siblingCount: n = 2, boundaryCount: r = 1 } = {}) {
+function Qt(e, t, { siblingCount: n = 2, boundaryCount: r = 1 } = {}) {
 	let i = Math.max(1, t), a = Math.min(Math.max(1, e), i);
-	if (i <= n * 2 + 3 + r * 2) return Rt(1, i);
-	let o = Math.max(a - n, r + 2), s = Math.min(a + n, i - r - 1), c = o > r + 2, l = s < i - r - 1, u = Rt(1, r);
-	return u.push(...c ? ["ellipsis-left"] : Rt(r + 1, o - 1)), u.push(...Rt(o, s)), u.push(...l ? ["ellipsis-right"] : Rt(s + 1, i - r)), u.push(...Rt(i - r + 1, i)), u;
+	if (i <= n * 2 + 3 + r * 2) return Zt(1, i);
+	let o = Math.max(a - n, r + 2), s = Math.min(a + n, i - r - 1), c = o > r + 2, l = s < i - r - 1, u = Zt(1, r);
+	return u.push(...c ? ["ellipsis-left"] : Zt(r + 1, o - 1)), u.push(...Zt(o, s)), u.push(...l ? ["ellipsis-right"] : Zt(s + 1, i - r)), u.push(...Zt(i - r + 1, i)), u;
 }
 //#endregion
 //#region src/components/AppSelectMini.jsx
-function Bt({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", name: i, ariaLabel: a, id: s, disabled: c, size: l, icon: u, prefix: d, className: f, ...p }) {
-	U("AppSelectMini", p);
+function $t({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", name: i, ariaLabel: a, id: s, disabled: c, size: l, icon: u, prefix: d, className: f, ...p }) {
+	W("AppSelectMini", p);
 	let { setRef: m, innerRef: h } = Q({
 		value: e ?? "",
 		onChange: t
@@ -2280,7 +2499,7 @@ function Bt({ value: e, onChange: t, options: n = [], placeholder: r = "Select..
 			label: e.label ?? e.text ?? "",
 			icon: e.icon
 		}));
-		Ke(t, e.options) || (e.options = t);
+		Ze(t, e.options) || (e.options = t);
 	}, [n, h]), o(() => {
 		let e = h.current;
 		if (e) for (let [t, n] of [["icon", u], ["prefix", d]]) n == null || n === "" ? e.removeAttribute(t) : e.setAttribute(t, n);
@@ -2303,22 +2522,22 @@ function Bt({ value: e, onChange: t, options: n = [], placeholder: r = "Select..
 }
 //#endregion
 //#region src/components/AppTablePagination.jsx
-var Vt = [
+var en = [
 	5,
 	10,
 	25,
 	50
 ];
-function Ht({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRow: a, onPageChange: o, onPageSizeChange: s, pageSizes: c = Vt, mode: l = "prev-next", showPageSize: u = !0, className: d = "", ...f }) {
-	U("AppTablePagination", f);
-	let p = l === "numbered", m = p ? zt(e, t) : null;
+function tn({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRow: a, onPageChange: o, onPageSizeChange: s, pageSizes: c = en, mode: l = "prev-next", showPageSize: u = !0, className: d = "", ...f }) {
+	W("AppTablePagination", f);
+	let p = l === "numbered", m = p ? Qt(e, t) : null;
 	return /* @__PURE__ */ D("div", {
 		className: `table-pagination${d ? ` ${d}` : ""}`,
 		...f,
 		children: [
 			u && /* @__PURE__ */ D("span", {
 				className: "tpg-rows",
-				children: ["Rows per page:", /* @__PURE__ */ E(Bt, {
+				children: ["Rows per page:", /* @__PURE__ */ E($t, {
 					value: n,
 					onChange: (e) => s(Number(e)),
 					ariaLabel: "Rows per page",
@@ -2382,14 +2601,14 @@ function Ht({ page: e, totalPages: t, pageSize: n, total: r, firstRow: i, lastRo
 }
 //#endregion
 //#region src/components/AppDataTable.jsx
-function Ut(e) {
+function nn(e) {
 	return e === "end" ? "wui-cell-end" : e === "num" ? "num" : e === "center" ? "text-center" : "";
 }
-function Wt(e) {
+function rn(e) {
 	return e == null || e === "" ? "-" : typeof e == "boolean" ? String(e) : e;
 }
-function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a, loading: o = !1, skeletonRows: s = 5, empty: c = "No records found.", emptyFiltered: l, sourceCount: u, rowActions: d, rowActionsLabel: p, pagination: m, ariaLabel: h, className: g = "", wrapperClassName: _ = "", selectable: v = !1, selectedIds: y, onToggleRow: b, onToggleAll: x, renderExpanded: S, ...C }) {
-	U("AppDataTable", C);
+function an({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a, loading: o = !1, skeletonRows: s = 5, empty: c = "No records found.", emptyFiltered: l, sourceCount: u, rowActions: d, rowActionsLabel: p, pagination: m, ariaLabel: h, className: g = "", wrapperClassName: _ = "", selectable: v = !1, selectedIds: y, onToggleRow: b, onToggleAll: x, renderExpanded: S, ...C }) {
+	W("AppDataTable", C);
 	let w = typeof S == "function", [O, k] = f(() => /* @__PURE__ */ new Set()), A = (e) => k((t) => {
 		let n = new Set(t);
 		return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -2425,7 +2644,7 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 				e.map((e, t) => {
 					let n = !!(e.sortable && a), r = i && i.key === e.key;
 					return /* @__PURE__ */ D("th", {
-						className: (n ? "sortable " : "") + (t === 0 ? "wui-name-cell " : "") + Ut(e.align),
+						className: (n ? "sortable " : "") + (t === 0 ? "wui-name-cell " : "") + nn(e.align),
 						style: e.width ? { width: e.width } : void 0,
 						tabIndex: n ? 0 : void 0,
 						"aria-sort": r ? i.dir === "asc" ? "ascending" : "descending" : n ? "none" : void 0,
@@ -2452,7 +2671,7 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 						children: "Actions"
 					})
 				}))
-			] }) }), /* @__PURE__ */ E("tbody", { children: o ? /* @__PURE__ */ E(Lt, {
+			] }) }), /* @__PURE__ */ E("tbody", { children: o ? /* @__PURE__ */ E(Xt, {
 				rows: s,
 				cols: j
 			}) : n?.length ? n.map((n, i) => {
@@ -2486,9 +2705,9 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 							})
 						}),
 						e.map((e, t) => /* @__PURE__ */ E("td", {
-							className: (t === 0 ? "wui-name-cell " : "") + Ut(e.align) + (e.cellClassName ? ` ${e.cellClassName}` : ""),
+							className: (t === 0 ? "wui-name-cell " : "") + nn(e.align) + (e.cellClassName ? ` ${e.cellClassName}` : ""),
 							style: e.cellStyle,
-							children: e.render ? e.render(n) : Wt(n[e.key])
+							children: e.render ? e.render(n) : rn(n[e.key])
 						}, e.key)),
 						d && /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E("div", {
 							className: "u-row-actions",
@@ -2511,7 +2730,7 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 				children: I
 			}) : I
 		})]
-	}), m && m.total > 0 && /* @__PURE__ */ E(Ht, {
+	}), m && m.total > 0 && /* @__PURE__ */ E(tn, {
 		page: m.page,
 		totalPages: m.totalPages,
 		pageSize: m.pageSize,
@@ -2526,8 +2745,8 @@ function Gt({ columns: e, rows: n, rowKey: r = (e) => e.id, sort: i, onSort: a,
 }
 //#endregion
 //#region src/components/AppDatePicker.jsx
-var Kt = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, placeholder: u = "Enter Date", disabled: d, size: f, firstDay: p, id: m, ariaLabel: h, className: g = "", fieldClassName: _ = "", ...v }, y) {
-	U("AppDatePicker", v);
+var on = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, placeholder: u = "Enter Date", disabled: d, size: f, firstDay: p, id: m, ariaLabel: h, className: g = "", fieldClassName: _ = "", ...v }, y) {
+	W("AppDatePicker", v);
 	let b = s(), x = m || b, { setRef: S } = Q({
 		ref: y,
 		value: e ?? "",
@@ -2570,8 +2789,8 @@ var Kt = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
 			})
 		]
 	});
-}), qt = i(function({ start: e, end: t, onChange: n, label: r, required: i = !1, hint: a, error: c, startName: l, endName: u, min: d, max: f, placeholder: p = "Start – End", disabled: m, size: h, firstDay: g, id: _, ariaLabel: v, className: y = "", fieldClassName: b = "", ...x }, S) {
-	U("AppDateRangePicker", x);
+}), sn = i(function({ start: e, end: t, onChange: n, label: r, required: i = !1, hint: a, error: c, startName: l, endName: u, min: d, max: f, placeholder: p = "Start – End", disabled: m, size: h, firstDay: g, id: _, ariaLabel: v, className: y = "", fieldClassName: b = "", ...x }, S) {
+	W("AppDateRangePicker", x);
 	let C = s(), w = _ || C, { setRef: T, innerRef: O } = Q({
 		ref: S,
 		onChange: n
@@ -2631,8 +2850,8 @@ var Kt = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
 });
 //#endregion
 //#region src/components/AppDescriptions.jsx
-function Jt({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, title: i, className: a = "", ...o }) {
-	return U("AppDescriptions", o), /* @__PURE__ */ D("div", {
+function cn({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, title: i, className: a = "", ...o }) {
+	return W("AppDescriptions", o), /* @__PURE__ */ D("div", {
 		className: [
 			"descs",
 			`descs-col-${t}`,
@@ -2647,7 +2866,7 @@ function Jt({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, t
 		}), /* @__PURE__ */ E("dl", {
 			className: "descs-list",
 			children: e.map((e, t) => {
-				let n = xt(e.value), r = e.span ?? 1, i = e.key ?? `${e.label}-${t}`;
+				let n = Lt(e.value), r = e.span ?? 1, i = e.key ?? `${e.label}-${t}`;
 				return /* @__PURE__ */ D("div", {
 					className: "descs-item",
 					style: { "--descs-span": r },
@@ -2665,18 +2884,18 @@ function Jt({ items: e = [], columns: t = 2, size: n = "md", bordered: r = !1, t
 }
 //#endregion
 //#region src/components/AppDropdown.jsx
-var Yt = !1;
-function Xt() {
+var ln = !1;
+function un() {
 	let e = !0;
 	try {
 		e = process.env.NODE_ENV !== "production";
 	} catch {
 		e = !0;
 	}
-	!e || Yt || (Yt = !0, console.warn("[@webority/ui-react] <AppDropdown> icon-only toggle has no accessible name — pass `label` or `ariaLabel`."));
+	!e || ln || (ln = !0, console.warn("[@webority/ui-react] <AppDropdown> icon-only toggle has no accessible name — pass `label` or `ariaLabel`."));
 }
-function Zt({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i, align: a = "end", items: s = [], menuClassName: c = "", linkComponent: l, children: u, trigger: d, ...p }) {
-	U("AppDropdown", p), !d && !i && !r && Xt();
+function dn({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i, align: a = "end", items: s = [], menuClassName: c = "", linkComponent: l, children: u, trigger: d, ...p }) {
+	W("AppDropdown", p), !d && !i && !r && un();
 	let m = n ?? (d ? "wui-dropdown-trigger" : "topbar-icon-btn"), [h, g] = f(!1);
 	return o(() => {
 		if (!h) return;
@@ -2693,7 +2912,7 @@ function Zt({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i,
 		onToggle: (e) => g(e),
 		...p,
 		children: [/* @__PURE__ */ E(v.Toggle, {
-			as: Qt,
+			as: fn,
 			icon: e,
 			iconSize: t,
 			btnClassName: m,
@@ -2729,7 +2948,7 @@ function Zt({ icon: e, iconSize: t, toggleClassName: n, label: r, ariaLabel: i,
 		})]
 	});
 }
-var Qt = i(function({ icon: e, iconSize: t = 20, btnClassName: n = "topbar-icon-btn", trigger: r, "aria-label": i, className: a, ...o }, s) {
+var fn = i(function({ icon: e, iconSize: t = 20, btnClassName: n = "topbar-icon-btn", trigger: r, "aria-label": i, className: a, ...o }, s) {
 	return /* @__PURE__ */ E("button", {
 		ref: s,
 		type: "button",
@@ -2744,16 +2963,16 @@ var Qt = i(function({ icon: e, iconSize: t = 20, btnClassName: n = "topbar-icon-
 });
 //#endregion
 //#region src/lib/fileItem.js
-function $t(e) {
+function pn(e) {
 	return e instanceof File ? `${e.name}:${e.size}` : e?.url || e?.name || "item";
 }
-function en(e) {
+function mn(e) {
 	return e instanceof File ? e.name : e?.name;
 }
-function tn(e) {
+function hn(e) {
 	return e instanceof File ? `${(e.size / 1024).toFixed(0)} KB` : null;
 }
-function nn(e, t) {
+function gn(e, t) {
 	let [n, r] = f(null);
 	return o(() => {
 		if (!t) {
@@ -2769,8 +2988,8 @@ function nn(e, t) {
 }
 //#endregion
 //#region src/lib/FileItemRow.jsx
-function rn({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
-	let i = nn(e, t), a = en(e), o = tn(e);
+function _n({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
+	let i = gn(e, t), a = mn(e), o = hn(e);
 	return /* @__PURE__ */ D("div", {
 		className: "attach-item",
 		children: [
@@ -2809,15 +3028,15 @@ function rn({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
 }
 //#endregion
 //#region src/components/AppFileAttachment.jsx
-function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple: i = !1, accept: a = k, maxSizeMb: o = A, optional: c = !1, validate: l = !0, error: u, id: d, ...p }) {
-	U("AppFileAttachment", p);
-	let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]), S = on(a, o);
+function vn({ label: e = "Attachment", value: t, name: n, onChange: r, multiple: i = !1, accept: a = k, maxSizeMb: o = A, optional: c = !1, validate: l = !0, error: u, id: d, ...p }) {
+	W("AppFileAttachment", p);
+	let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]), S = yn(a, o);
 	function C(e) {
 		let n = Array.from(e.target.files || []);
 		if (e.target.value = "", !n.length) return;
 		let s = [], c = "";
 		for (let e of n) {
-			let t = l ? I(e, {
+			let t = l ? L(e, {
 				accept: a,
 				maxSizeMb: o
 			}) : null;
@@ -2828,14 +3047,14 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 			s.push(e);
 		}
 		if (_(c), s.length) if (i) {
-			let e = Array.isArray(t) ? t : t ? [t] : [], n = new Set(e.map($t));
-			r(e.concat(s.filter((e) => !n.has($t(e)))));
+			let e = Array.isArray(t) ? t : t ? [t] : [], n = new Set(e.map(pn));
+			r(e.concat(s.filter((e) => !n.has(pn(e)))));
 		} else r(s[0]);
 	}
 	function w(e) {
 		_(""), r(i ? v.filter((t, n) => n !== e) : null);
 	}
-	let O = u || g, j = O ? `${h}-error` : void 0, M = i || v.length === 0, N = y ? "image" : "file", L = i ? `Add ${N}s` : `Add ${y ? "an" : "a"} ${N}`;
+	let O = u || g, j = O ? `${h}-error` : void 0, M = i || v.length === 0, N = y ? "image" : "file", I = i ? `Add ${N}s` : `Add ${y ? "an" : "a"} ${N}`;
 	return /* @__PURE__ */ D("div", {
 		className: "field",
 		children: [
@@ -2862,7 +3081,7 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 						className: "attach-drop-copy",
 						children: [/* @__PURE__ */ E("span", {
 							className: "attach-drop-title",
-							children: L
+							children: I
 						}), S && /* @__PURE__ */ E("span", {
 							className: "attach-drop-hint",
 							children: S
@@ -2884,17 +3103,17 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 				onChange: C,
 				...p
 			})] }),
-			x ? /* @__PURE__ */ E(sn, {
+			x ? /* @__PURE__ */ E(bn, {
 				item: v[0],
 				isImage: !0,
 				onRemove: () => w(0)
 			}) : v.length > 0 && /* @__PURE__ */ E("div", {
 				className: "attach-list",
-				children: v.map((e, t) => /* @__PURE__ */ E(rn, {
+				children: v.map((e, t) => /* @__PURE__ */ E(_n, {
 					item: e,
 					isImage: b(e),
 					onRemove: () => w(t)
-				}, $t(e)))
+				}, pn(e)))
 			}),
 			O && /* @__PURE__ */ E("div", {
 				className: "field-error",
@@ -2904,12 +3123,12 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
 		]
 	});
 }
-function on(e, t) {
+function yn(e, t) {
 	let n = e?.trim() ? j(e) : "", r = t > 0 ? `up to ${t} MB` : "";
 	return n && r ? `${n}, ${r}` : r ? `Up to ${t} MB` : n;
 }
-function sn({ item: e, isImage: t, onRemove: n }) {
-	let r = nn(e, t), i = en(e), a = tn(e);
+function bn({ item: e, isImage: t, onRemove: n }) {
+	let r = gn(e, t), i = mn(e), a = hn(e);
 	return /* @__PURE__ */ D("div", {
 		className: "attach-preview",
 		children: [/* @__PURE__ */ D("div", {
@@ -2941,8 +3160,8 @@ function sn({ item: e, isImage: t, onRemove: n }) {
 }
 //#endregion
 //#region src/components/AppFilePicker.jsx
-function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, maxFiles: c, accept: l = ".jpg,.jpeg,.png", maxSizeMb: u = A, required: p, error: m, hint: h, loading: g = !1, className: _ = "", fieldClassName: v = "", style: y, ...b }) {
-	U("AppFilePicker", b);
+function xn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, maxFiles: c, accept: l = ".jpg,.jpeg,.png", maxSizeMb: u = A, required: p, error: m, hint: h, loading: g = !1, className: _ = "", fieldClassName: v = "", style: y, ...b }) {
+	W("AppFilePicker", b);
 	let [x, S] = f(null), [C, w] = f(!1), [T, O] = f(""), k = d(null), M = s(), N = r || M;
 	o(() => {
 		if (!a && t instanceof File && P(t)) {
@@ -2951,18 +3170,18 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 		}
 		S(null);
 	}, [t, a]);
-	let L = a ? Array.isArray(t) ? t : t ? [t] : [] : [], R = m || T, z = R ? `${N}-error` : void 0, ee = h && !R ? `${N}-hint` : void 0, B = z || ee, V = F(l), te = !a && !!t, H = te && (t instanceof File ? P(t) : V || P(t)), ne = t?.name, re = H ? t?.url || x : null, ie = H ? "image" : "file", ae = e ? `Change ${e}` : `Change ${ie}`, oe = e ? `Remove ${e}` : `Remove ${ie}`, W = e ? `${e} preview` : `Selected ${ie} preview`, se = (e) => {
-		let t = I(e, {
+	let I = a ? Array.isArray(t) ? t : t ? [t] : [] : [], R = m || T, z = R ? `${N}-error` : void 0, B = h && !R ? `${N}-hint` : void 0, V = z || B, H = F(l), ee = !a && !!t, U = ee && (t instanceof File ? P(t) : H || P(t)), te = t?.name, ne = U ? t?.url || x : null, re = U ? "image" : "file", ie = e ? `Change ${e}` : `Change ${re}`, ae = e ? `Remove ${e}` : `Remove ${re}`, oe = e ? `${e} preview` : `Selected ${re} preview`, G = (e) => {
+		let t = L(e, {
 			accept: l,
 			maxSizeMb: u
 		});
 		return t ? (O(t), !1) : (O(""), i(e), !0);
-	}, ce = (e) => {
+	}, se = (e) => {
 		let n = Array.from(e || []);
 		if (!n.length) return;
-		let r = Array.isArray(t) ? t : t ? [t] : [], a = new Set(r.map($t)), o = "", s = [];
+		let r = Array.isArray(t) ? t : t ? [t] : [], a = new Set(r.map(pn)), o = "", s = [];
 		for (let e of n) {
-			let t = I(e, {
+			let t = L(e, {
 				accept: l,
 				maxSizeMb: u
 			});
@@ -2970,40 +3189,40 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 				o ||= t;
 				continue;
 			}
-			a.has($t(e)) || (a.add($t(e)), s.push(e));
+			a.has(pn(e)) || (a.add(pn(e)), s.push(e));
 		}
 		let d = r.concat(s);
 		c && d.length > c && (d = d.slice(0, c), o ||= `Up to ${c} files.`), O(o), i(d);
-	}, G = (e) => {
+	}, K = (e) => {
 		if (a) {
-			ce(e.target.files);
+			se(e.target.files);
 			return;
 		}
 		let t = e.target.files?.[0] || null;
-		t && (se(t) || (e.target.value = ""));
-	}, le = (e) => {
+		t && (G(t) || (e.target.value = ""));
+	}, ce = (e) => {
 		if (e.preventDefault(), w(!1), g) return;
 		if (a) {
-			ce(e.dataTransfer.files);
+			se(e.dataTransfer.files);
 			return;
 		}
 		let t = e.dataTransfer.files?.[0];
-		t && se(t);
-	}, ue = (e) => {
-		O(""), i(L.filter((t, n) => n !== e));
-	}, de = () => k.current?.click(), fe = g ? /* @__PURE__ */ E("span", {
+		t && G(t);
+	}, le = (e) => {
+		O(""), i(I.filter((t, n) => n !== e));
+	}, ue = () => k.current?.click(), de = g ? /* @__PURE__ */ E("span", {
 		className: "wui-file-busy",
 		children: /* @__PURE__ */ E("span", {
 			className: "spinner-border spinner-border-sm",
 			role: "status",
 			"aria-label": "Loading"
 		})
-	}) : null, pe = /* @__PURE__ */ E("input", {
+	}) : null, fe = /* @__PURE__ */ E("input", {
 		id: N,
 		name: n,
 		ref: k,
 		type: "file",
-		"aria-describedby": B,
+		"aria-describedby": V,
 		accept: l,
 		multiple: a || void 0,
 		disabled: g || void 0,
@@ -3011,7 +3230,7 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 		onClick: (e) => {
 			e.currentTarget.value = "";
 		},
-		onChange: G,
+		onChange: K,
 		...b
 	});
 	return /* @__PURE__ */ D("div", {
@@ -3022,7 +3241,7 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 				htmlFor: N,
 				children: [e, p && /* @__PURE__ */ E(Z, {})]
 			}),
-			te ? /* @__PURE__ */ D("div", {
+			ee ? /* @__PURE__ */ D("div", {
 				className: `file-preview${R ? " error" : ""}${_ ? ` ${_}` : ""}`,
 				style: y,
 				"aria-busy": g || void 0,
@@ -3030,12 +3249,12 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 					/* @__PURE__ */ D("button", {
 						type: "button",
 						className: "file-preview-open",
-						"aria-label": ae,
-						onClick: de,
+						"aria-label": ie,
+						onClick: ue,
 						disabled: g,
-						children: [H && re ? /* @__PURE__ */ E("img", {
-							src: re,
-							alt: W,
+						children: [U && ne ? /* @__PURE__ */ E("img", {
+							src: ne,
+							alt: oe,
 							className: "file-preview-img"
 						}) : /* @__PURE__ */ D("span", {
 							className: "file-preview-file",
@@ -3044,7 +3263,7 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 								size: 28
 							}), /* @__PURE__ */ E("span", {
 								className: "file-preview-file-name",
-								children: ne
+								children: te
 							})]
 						}), /* @__PURE__ */ E("span", {
 							className: "file-preview-overlay",
@@ -3052,31 +3271,31 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 								className: "file-preview-cta",
 								children: [
 									/* @__PURE__ */ E(Y, {
-										name: H ? "image" : "file-text",
+										name: U ? "image" : "file-text",
 										size: 16
 									}),
 									" ",
-									H ? "Change image" : "Change file"
+									U ? "Change image" : "Change file"
 								]
 							})
 						})]
 					}),
-					K(/* @__PURE__ */ E("button", {
+					q(/* @__PURE__ */ E("button", {
 						type: "button",
 						className: "file-preview-remove",
-						"aria-label": oe,
+						"aria-label": ae,
 						onClick: () => i(null),
 						disabled: g,
 						children: /* @__PURE__ */ E(Y, {
 							name: "x",
 							size: 16
 						})
-					}), oe),
-					pe,
-					fe
+					}), ae),
+					fe,
+					de
 				]
 			}) : /* @__PURE__ */ D("div", {
-				className: `file-input file-input-tall${C ? " dragging" : ""}${R ? " error" : ""}${a && L.length > 0 ? " has-files" : ""}${_ ? ` ${_}` : ""}`,
+				className: `file-input file-input-tall${C ? " dragging" : ""}${R ? " error" : ""}${a && I.length > 0 ? " has-files" : ""}${_ ? ` ${_}` : ""}`,
 				style: y,
 				"aria-busy": g || void 0,
 				onDragOver: (e) => {
@@ -3085,7 +3304,7 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 				onDragLeave: (e) => {
 					e.preventDefault(), w(!1);
 				},
-				onDrop: le,
+				onDrop: ce,
 				children: [
 					/* @__PURE__ */ D("label", {
 						htmlFor: N,
@@ -3111,16 +3330,16 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 							})
 						]
 					}),
-					pe,
 					fe,
-					a && L.length > 0 && /* @__PURE__ */ E("div", {
+					de,
+					a && I.length > 0 && /* @__PURE__ */ E("div", {
 						className: "attach-list",
-						children: L.map((e, t) => /* @__PURE__ */ E(rn, {
+						children: I.map((e, t) => /* @__PURE__ */ E(_n, {
 							item: e,
-							isImage: e instanceof File ? P(e) : V || P(e),
+							isImage: e instanceof File ? P(e) : H || P(e),
 							noun: "file",
-							onRemove: () => ue(t)
-						}, $t(e)))
+							onRemove: () => le(t)
+						}, pn(e)))
 					})
 				]
 			}),
@@ -3130,7 +3349,7 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 				children: R
 			}) : h ? /* @__PURE__ */ E("div", {
 				className: "field-hint",
-				id: ee,
+				id: B,
 				children: h
 			}) : null
 		]
@@ -3138,8 +3357,8 @@ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
 }
 //#endregion
 //#region src/components/AppFloatingDock.jsx
-function ln({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation", magnify: r = !0, maxScale: i, radius: a, className: o = "", ...s }) {
-	return U("AppFloatingDock", s), /* @__PURE__ */ E("wui-dock", {
+function Sn({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation", magnify: r = !0, maxScale: i, radius: a, className: o = "", ...s }) {
+	return W("AppFloatingDock", s), /* @__PURE__ */ E("wui-dock", {
 		role: "navigation",
 		"aria-label": n,
 		static: r ? void 0 : "",
@@ -3180,8 +3399,8 @@ function ln({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation"
 }
 //#endregion
 //#region src/components/AppFormActions.jsx
-function un({ children: e, sticky: t = !1, align: n = "end", className: r = "", ...i }) {
-	return U("AppFormActions", i), /* @__PURE__ */ E("div", {
+function Cn({ children: e, sticky: t = !1, align: n = "end", className: r = "", ...i }) {
+	return W("AppFormActions", i), /* @__PURE__ */ E("div", {
 		className: [
 			"form-actions",
 			t ? "form-actions-sticky" : "",
@@ -3194,8 +3413,8 @@ function un({ children: e, sticky: t = !1, align: n = "end", className: r = "",
 }
 //#endregion
 //#region src/components/AppFormRow.jsx
-function dn({ children: e, columns: t = 2, className: n = "", ...r }) {
-	U("AppFormRow", r);
+function wn({ children: e, columns: t = 2, className: n = "", ...r }) {
+	W("AppFormRow", r);
 	let { style: i, ...a } = r;
 	return /* @__PURE__ */ E("div", {
 		className: ["form-row-grid", n].filter(Boolean).join(" "),
@@ -3209,8 +3428,8 @@ function dn({ children: e, columns: t = 2, className: n = "", ...r }) {
 }
 //#endregion
 //#region src/components/AppFormSection.jsx
-function fn({ children: e, title: t, description: n, className: r = "", ...i }) {
-	return U("AppFormSection", i), /* @__PURE__ */ D("section", {
+function Tn({ children: e, title: t, description: n, className: r = "", ...i }) {
+	return W("AppFormSection", i), /* @__PURE__ */ D("section", {
 		className: ["form-section", r].filter(Boolean).join(" "),
 		...i,
 		children: [(t != null || n != null) && /* @__PURE__ */ D("div", {
@@ -3230,12 +3449,12 @@ function fn({ children: e, title: t, description: n, className: r = "", ...i })
 }
 //#endregion
 //#region src/components/AppInfoList.jsx
-function pn({ items: e = [], className: t = "", ...n }) {
-	return U("AppInfoList", n), /* @__PURE__ */ E("div", {
+function En({ items: e = [], className: t = "", ...n }) {
+	return W("AppInfoList", n), /* @__PURE__ */ E("div", {
 		className: `info-list${t ? ` ${t}` : ""}`,
 		...n,
 		children: e.map((e, t) => {
-			let n = xt(e.value), r = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
+			let n = Lt(e.value), r = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
 				className: "info-icon",
 				children: X(e.icon, { size: 16 })
 			}), /* @__PURE__ */ D("span", {
@@ -3261,23 +3480,23 @@ function pn({ items: e = [], className: t = "", ...n }) {
 }
 //#endregion
 //#region src/components/AppKpiTile.jsx
-var mn = 48, hn = 16;
-function gn(e) {
-	if (!e || e.length < 2) return `0,${hn / 2} ${mn},${hn / 2}`;
-	let t = Math.min(...e), n = Math.max(...e) - t, r = mn / (e.length - 1);
-	return e.map((e, i) => `${i * r},${n === 0 ? hn / 2 : hn - (e - t) / n * hn}`).join(" ");
+var Dn = 48, On = 16;
+function kn(e) {
+	if (!e || e.length < 2) return `0,${On / 2} ${Dn},${On / 2}`;
+	let t = Math.min(...e), n = Math.max(...e) - t, r = Dn / (e.length - 1);
+	return e.map((e, i) => `${i * r},${n === 0 ? On / 2 : On - (e - t) / n * On}`).join(" ");
 }
-function _n(e) {
+function An(e) {
 	if (typeof e != "string") return "flat";
 	let t = e.trim();
 	return t.startsWith("+") ? "up" : t.startsWith("-") || t.startsWith("−") ? "down" : "flat";
 }
-function vn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, deltaDirection: o, sparkline: s, variant: c = "plain", size: l = "md", valueSize: u, inline: d = !1, attention: f = !1, href: p, linkComponent: m, className: h = "", style: g, iconClassName: _ = "", labelClassName: v = "", valueClassName: y = "", captionClassName: b = "", deltaClassName: x = "", sparklineClassName: S = "", ...C }) {
-	U("AppKpiTile", C);
+function jn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, deltaDirection: o, sparkline: s, variant: c = "plain", size: l = "md", valueSize: u, inline: d = !1, attention: f = !1, href: p, linkComponent: m, className: h = "", style: g, iconClassName: _ = "", labelClassName: v = "", valueClassName: y = "", captionClassName: b = "", deltaClassName: x = "", sparklineClassName: S = "", ...C }) {
+	W("AppKpiTile", C);
 	let w = `kpi${d ? " kpi-inline" : ""}${c === "filled" ? " kpi-filled" : c === "accent" ? " kpi-accent" : c === "spotlight" ? " kpi-spotlight" : ""}${l === "lg" ? " kpi-lg" : l === "sm" ? " kpi-sm" : ""}${f ? " kpi-attention" : ""}${h ? ` ${h}` : ""}`, T = typeof u == "number" && u > 0 ? {
 		...g,
 		"--wui-kpi-value-size": `${u}px`
-	} : g, O = o ?? _n(a), k = O === "up" ? "arrow-up" : O === "down" ? "arrow-down" : null, A = {};
+	} : g, O = o ?? An(a), k = O === "up" ? "arrow-up" : O === "down" ? "arrow-down" : null, A = {};
 	return p != null && (A = m ? {
 		as: m,
 		to: p
@@ -3315,12 +3534,12 @@ function vn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, de
 			}),
 			s && s.length > 0 && /* @__PURE__ */ E("svg", {
 				className: `kpi-sparkline${S ? ` ${S}` : ""}`,
-				width: mn,
-				height: hn,
-				viewBox: `0 0 ${mn} ${hn}`,
+				width: Dn,
+				height: On,
+				viewBox: `0 0 ${Dn} ${On}`,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ E("polyline", {
-					points: gn(s),
+					points: kn(s),
 					stroke: "currentColor",
 					fill: "none"
 				})
@@ -3330,11 +3549,11 @@ function vn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, de
 }
 //#endregion
 //#region src/components/AppLink.jsx
-var yn = {
+var Mn = {
 	sm: 13,
 	md: 15,
 	lg: 18
-}, bn = [
+}, Nn = [
 	"underline",
 	"underline-center",
 	"static",
@@ -3348,35 +3567,35 @@ var yn = {
 	"shine",
 	"none"
 ];
-function xn(e, t, n) {
+function Pn(e, t, n) {
 	if (!e) return null;
 	let r = `wui-link__ic wui-link__ic--${t}`;
 	return typeof e == "string" ? /* @__PURE__ */ E("span", {
 		className: r,
 		children: /* @__PURE__ */ E(Y, {
 			name: e,
-			size: yn[n] ?? yn.md
+			size: Mn[n] ?? Mn.md
 		})
 	}) : /* @__PURE__ */ E("span", {
 		className: r,
 		children: e
 	});
 }
-function Sn({ children: e, label: t, href: n, animation: r = "underline", leftIcon: i = null, rightIcon: a = null, size: o = "md", external: s = !1, disabled: c = !1, linkComponent: l, className: u = "", ...d }) {
-	U("AppLink", d), W("AppLink", "animation", r, bn), W("AppLink", "size", o, Object.keys(yn));
-	let f = bn.includes(r) ? r : "underline", p = f === "icon" && !a && !i ? "arrow-right" : a, m = [
+function Fn({ children: e, label: t, href: n, animation: r = "underline", leftIcon: i = null, rightIcon: a = null, size: o = "md", external: s = !1, disabled: c = !1, linkComponent: l, className: u = "", ...d }) {
+	W("AppLink", d), G("AppLink", "animation", r, Nn), G("AppLink", "size", o, Object.keys(Mn));
+	let f = Nn.includes(r) ? r : "underline", p = f === "icon" && !a && !i ? "arrow-right" : a, m = [
 		"wui-link",
 		`wui-link--${f}`,
 		o === "md" ? "" : `wui-link--${o}`,
 		c ? "is-disabled" : "",
 		u
 	].filter(Boolean).join(" "), h = /* @__PURE__ */ D(T, { children: [
-		xn(i, "left", o),
+		Pn(i, "left", o),
 		/* @__PURE__ */ E("span", {
 			className: "wui-link__label",
 			children: e ?? t
 		}),
-		xn(p, "right", o)
+		Pn(p, "right", o)
 	] });
 	return c ? /* @__PURE__ */ E("span", {
 		className: m,
@@ -3399,105 +3618,105 @@ function Sn({ children: e, label: t, href: n, animation: r = "underline", leftIc
 }
 //#endregion
 //#region src/components/AppLogoPicker.jsx
-var Cn = {
+var In = {
 	sm: 72,
 	md: 120,
 	lg: 160
 };
-function wn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a = !1, disabled: c = !1, accept: l = "image/png,image/jpeg,image/webp", maxSizeMb: u = A, overlayIcon: p = "image", overlayLabel: m = "Update photo", ariaLabel: h = "Upload photo", label: g, hint: _, error: v, layout: y = "stacked", title: b, subtitle: x, required: S = !1, variant: C = "initials", size: w = "md", shape: T = "circle", className: O = "", ...k }) {
-	U("AppLogoPicker", k), W("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(Cn));
-	let j = d(null), M = s(), [N, P] = f(null), [F, L] = f(""), [R, z] = f(!1), [ee, B] = f(!1);
+function Ln({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a = !1, disabled: c = !1, accept: l = "image/png,image/jpeg,image/webp", maxSizeMb: u = A, overlayIcon: p = "image", overlayLabel: m = "Update photo", ariaLabel: h = "Upload photo", label: g, hint: _, error: v, layout: y = "stacked", title: b, subtitle: x, required: S = !1, variant: C = "initials", size: w = "md", shape: T = "circle", className: O = "", ...k }) {
+	W("AppLogoPicker", k), G("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(In));
+	let j = d(null), M = s(), [N, P] = f(null), [F, I] = f(""), [R, z] = f(!1), [B, V] = f(!1);
 	o(() => () => N && URL.revokeObjectURL(N), [N]), o(() => {
 		P(null), z(!1);
 	}, [e]);
-	let V = a || c, te = N || (e && !R ? e : null), H = v || F, ne = _ && !H ? `${M}-hint` : void 0, re = H ? `${M}-error` : void 0, ie = !V && (!!N || !!te && !!i), ae = () => {
-		V || j.current?.click();
-	}, oe = (e) => {
-		let t = I(e, {
+	let H = a || c, ee = N || (e && !R ? e : null), U = v || F, te = _ && !U ? `${M}-hint` : void 0, ne = U ? `${M}-error` : void 0, re = !H && (!!N || !!ee && !!i), ie = () => {
+		H || j.current?.click();
+	}, ae = (e) => {
+		let t = L(e, {
 			accept: l,
 			maxSizeMb: u
 		});
 		if (t) {
-			L(t);
+			I(t);
 			return;
 		}
-		L(""), z(!1), P(URL.createObjectURL(e)), r(e);
-	}, se = (e) => {
+		I(""), z(!1), P(URL.createObjectURL(e)), r(e);
+	}, oe = (e) => {
 		let t = e.target.files?.[0];
-		e.target.value = "", t && oe(t);
-	}, ce = (e) => {
-		if (e.preventDefault(), B(!1), V) return;
+		e.target.value = "", t && ae(t);
+	}, se = (e) => {
+		if (e.preventDefault(), V(!1), H) return;
 		let t = e.dataTransfer.files?.[0];
-		t && oe(t);
-	}, G = () => {
-		P(null), L(""), z(!1), j.current && (j.current.value = ""), i?.();
-	}, le = typeof w == "number" ? w : Cn[w] ?? Cn.md, ue = Math.max(14, Math.round(le * .18)), de = Math.round(le * .5), fe = [
+		t && ae(t);
+	}, K = () => {
+		P(null), I(""), z(!1), j.current && (j.current.value = ""), i?.();
+	}, ce = typeof w == "number" ? w : In[w] ?? In.md, le = Math.max(14, Math.round(ce * .18)), ue = Math.round(ce * .5), de = [
 		"set-uploader",
 		C === "avatar" ? "set-uploader--avatar" : "",
 		T === "rounded" ? "set-uploader--rounded" : T === "square" ? "set-uploader--square" : "",
-		ee && "is-dragging"
-	].filter(Boolean).join(" "), pe = y === "inline", me = y === "profile", he = /* @__PURE__ */ D("div", {
+		B && "is-dragging"
+	].filter(Boolean).join(" "), fe = y === "inline", pe = y === "profile", me = /* @__PURE__ */ D("div", {
 		className: "set-uploader-shell",
-		style: { "--wui-logo-size": `${le}px` },
+		style: { "--wui-logo-size": `${ce}px` },
 		children: [
 			/* @__PURE__ */ E("button", {
 				type: "button",
-				className: fe,
-				onClick: ae,
-				disabled: V,
+				className: de,
+				onClick: ie,
+				disabled: H,
 				"aria-busy": a || void 0,
 				"aria-label": h,
-				"aria-describedby": re || ne,
+				"aria-describedby": ne || te,
 				onDragOver: (e) => {
-					e.preventDefault(), !V && !ee && B(!0);
+					e.preventDefault(), !H && !B && V(!0);
 				},
 				onDragLeave: (e) => {
-					e.preventDefault(), B(!1);
+					e.preventDefault(), V(!1);
 				},
-				onDrop: ce,
+				onDrop: se,
 				...k,
 				children: /* @__PURE__ */ D("span", {
 					className: "set-uploader-ring",
 					"data-overlay-label": m,
-					children: [te ? /* @__PURE__ */ E("img", {
+					children: [ee ? /* @__PURE__ */ E("img", {
 						className: "set-uploader-img",
-						src: te,
+						src: ee,
 						alt: "",
 						onError: () => z(!0)
 					}) : /* @__PURE__ */ E("span", {
 						className: "set-uploader-logo",
 						children: t || C === "avatar" && /* @__PURE__ */ E(Y, {
 							name: "user",
-							size: de
+							size: ue
 						})
 					}), a ? /* @__PURE__ */ E("span", {
 						className: "set-uploader-overlay is-loading",
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ E(Y, {
 							name: "refresh-cw",
-							size: ue,
+							size: le,
 							className: "wui-spin"
 						})
 					}) : !c && /* @__PURE__ */ D("span", {
 						className: "set-uploader-overlay",
 						children: [/* @__PURE__ */ E(Y, {
 							name: p,
-							size: ue
+							size: le
 						}), /* @__PURE__ */ E("span", { children: m })]
 					})]
 				})
 			}),
-			K(/* @__PURE__ */ E("button", {
+			q(/* @__PURE__ */ E("button", {
 				type: "button",
 				className: "set-uploader-remove",
-				hidden: !ie,
+				hidden: !re,
 				"aria-label": "Remove photo",
-				onClick: G,
+				onClick: K,
 				children: /* @__PURE__ */ E(Y, {
 					name: "x",
 					size: 14
 				})
-			}), ie ? "Remove photo" : null),
+			}), re ? "Remove photo" : null),
 			/* @__PURE__ */ E("input", {
 				id: M,
 				ref: j,
@@ -3505,23 +3724,23 @@ function wn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
 				name: n,
 				hidden: !0,
 				accept: l,
-				onChange: se,
-				disabled: V
+				onChange: oe,
+				disabled: H
 			})
 		]
-	}), ge = _ && !H ? /* @__PURE__ */ E("div", {
+	}), he = _ && !U ? /* @__PURE__ */ E("div", {
 		className: "set-uploader-hint",
-		id: ne,
+		id: te,
 		children: _
-	}) : null, q = H ? /* @__PURE__ */ E("div", {
+	}) : null, J = U ? /* @__PURE__ */ E("div", {
 		className: "field-error",
-		id: re,
-		children: H
-	}) : null, _e = g && /* @__PURE__ */ D("label", {
+		id: ne,
+		children: U
+	}) : null, ge = g && /* @__PURE__ */ D("label", {
 		className: "label",
 		htmlFor: M,
 		children: [g, S && /* @__PURE__ */ E(Z, {})]
-	}), ve = /* @__PURE__ */ D("div", {
+	}), _e = /* @__PURE__ */ D("div", {
 		className: "set-uploader-meta",
 		children: [
 			b && /* @__PURE__ */ E("div", {
@@ -3532,56 +3751,56 @@ function wn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
 				className: "set-uploader-subtitle",
 				children: x
 			}),
-			ge,
-			q
+			he,
+			J
 		]
 	});
-	return pe ? /* @__PURE__ */ D("div", {
+	return fe ? /* @__PURE__ */ D("div", {
 		className: `field set-uploader-field set-uploader-field--inline${O ? ` ${O}` : ""}`,
-		children: [_e, /* @__PURE__ */ D("div", {
+		children: [ge, /* @__PURE__ */ D("div", {
 			className: "set-uploader-row",
-			children: [he, ve]
+			children: [me, _e]
 		})]
-	}) : me ? /* @__PURE__ */ D("div", {
+	}) : pe ? /* @__PURE__ */ D("div", {
 		className: `field set-uploader-field set-uploader-field--profile${O ? ` ${O}` : ""}`,
 		children: [
-			_e,
-			he,
-			ve
+			ge,
+			me,
+			_e
 		]
 	}) : /* @__PURE__ */ D("div", {
 		className: `field set-uploader-field${O ? ` ${O}` : ""}`,
 		children: [
-			_e,
-			he,
 			ge,
-			q
+			me,
+			he,
+			J
 		]
 	});
 }
 //#endregion
 //#region src/components/AppMeter.jsx
-var Tn = [
+var Rn = [
 	"info",
 	"success",
 	"warning",
 	"danger",
 	"neutral"
 ];
-function En(e, t, n) {
+function zn(e, t, n) {
 	let r = n - t;
 	if (!(r > 0)) return 0;
 	let i = Math.min(100, Math.max(0, (e - t) / r * 100));
 	return Number(i.toFixed(2));
 }
-function Dn(e, t, n, r, i) {
+function Bn(e, t, n, r, i) {
 	if (t == null && n == null) return i;
 	let a = "mid";
 	return t != null && e <= t ? a = "low" : n != null && e >= n && (a = "high"), r === "low" ? a === "low" ? "success" : a === "high" ? "danger" : "warning" : a === "high" ? "success" : a === "low" ? "danger" : "warning";
 }
-function On({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum: i = "high", low: a, high: o, size: s = "md", label: c, showLabel: l = !1, className: u = "", ...d }) {
-	U("AppMeter", d);
-	let f = Dn(e, a, o, i, Tn.includes(r) ? r : "info"), p = En(e, t, n);
+function Vn({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum: i = "high", low: a, high: o, size: s = "md", label: c, showLabel: l = !1, className: u = "", ...d }) {
+	W("AppMeter", d);
+	let f = Bn(e, a, o, i, Rn.includes(r) ? r : "info"), p = zn(e, t, n);
 	return /* @__PURE__ */ E("div", {
 		className: `progress${s === "sm" ? " progress-sm" : ""}${u ? ` ${u}` : ""}`,
 		role: "meter",
@@ -3599,20 +3818,20 @@ function On({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum:
 }
 //#endregion
 //#region src/components/AppMultiSelect.jsx
-var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Select…", searchPlaceholder: i = "Search…", searchable: a = !0, disabled: c = !1, icon: l, size: u, collapseChips: d = !1, allowCustom: f = !1, validateCustom: p, customPattern: m, customInvalidMessage: h, name: g, id: _, label: v, error: y, hint: b, required: x = !1, help: S, helpLabel: C = "More information", fieldClassName: w = "", ...T }, O) {
-	U("AppMultiSelect", T);
+var Hn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Select…", searchPlaceholder: i = "Search…", searchable: a = !0, disabled: c = !1, icon: l, size: u, collapseChips: d = !1, allowCustom: f = !1, validateCustom: p, customPattern: m, customInvalidMessage: h, name: g, id: _, label: v, error: y, hint: b, required: x = !1, help: S, helpLabel: C = "More information", fieldClassName: w = "", ...T }, O) {
+	W("AppMultiSelect", T);
 	let k = s(), A = _ || k, { setRef: j, innerRef: M } = Q({
 		ref: O,
 		value: e,
 		onChange: t,
-		readValue: qe,
-		writeValue: Je
+		readValue: Qe,
+		writeValue: $e
 	});
 	return o(() => {
 		let e = M.current;
 		if (!e) return;
 		let t = n || [];
-		Ke(t, e.options) || (e.options = t);
+		Ze(t, e.options) || (e.options = t);
 	}, [n, M]), o(() => {
 		let e = M.current;
 		e && (e.validateCustom = p ?? null);
@@ -3625,7 +3844,7 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 				children: [
 					v,
 					x && /* @__PURE__ */ E(Z, {}),
-					S && /* @__PURE__ */ E(He, {
+					S && /* @__PURE__ */ E(qe, {
 						label: C,
 						children: S
 					})
@@ -3662,8 +3881,8 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 			}) : null
 		]
 	});
-}), An = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", value: c, onChange: l, min: u, max: d, step: p = 1, precision: m = 0, unit: h, size: g = "md", id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, ...C }, w) {
-	U("AppNumberInput", C);
+}), Un = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", value: c, onChange: l, min: u, max: d, step: p = 1, precision: m = 0, unit: h, size: g = "md", id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, ...C }, w) {
+	W("AppNumberInput", C);
 	let T = s(), O = _ || T, k = (e) => {
 		if (m === 0) return Math.round(e);
 		let t = 10 ** m;
@@ -3682,19 +3901,19 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 	let P = (e) => {
 		let t = (j(M) ?? A(0)) + e * p, n = A(k(t));
 		N(String(n)), l?.(n);
-	}, F = j(M), I = S || F !== null && typeof u == "number" && F <= u, L = S || F !== null && typeof d == "number" && F >= d, R = n && O ? `${O}-error` : void 0, z = r && O ? `${O}-hint` : void 0, ee = R || z, B = [
+	}, F = j(M), I = S || F !== null && typeof u == "number" && F <= u, L = S || F !== null && typeof d == "number" && F >= d, R = n && O ? `${O}-error` : void 0, z = r && O ? `${O}-hint` : void 0, B = R || z, V = [
 		"input",
 		g === "sm" ? "input-sm" : "",
 		g === "lg" ? "input-lg" : "",
 		n ? "error" : "",
 		"num-input",
 		b
-	].filter(Boolean).join(" "), V = (e) => {
+	].filter(Boolean).join(" "), H = (e) => {
 		let t = e.target.value;
 		N(t);
 		let n = j(t);
 		n !== null && l?.(n);
-	}, te = (e) => {
+	}, ee = (e) => {
 		let t = j(e.target.value);
 		if (t === null) N(""), l?.("");
 		else {
@@ -3702,25 +3921,25 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 			N(String(e)), l?.(e);
 		}
 		C.onBlur?.(e);
-	}, H = (e) => {
+	}, U = (e) => {
 		e.key === "ArrowUp" ? (e.preventDefault(), P(1)) : e.key === "ArrowDown" && (e.preventDefault(), P(-1)), C.onKeyDown?.(e);
-	}, ne = /* @__PURE__ */ E(y.Control, {
+	}, te = /* @__PURE__ */ E(y.Control, {
 		...C,
 		id: O,
 		name: v,
 		type: "text",
 		inputMode: m > 0 ? "decimal" : "numeric",
-		className: B,
+		className: V,
 		disabled: S,
 		required: t,
 		"aria-invalid": n ? "true" : "false",
-		"aria-describedby": ee,
+		"aria-describedby": B,
 		value: M,
 		ref: w,
-		onChange: V,
-		onBlur: te,
-		onKeyDown: H
-	}), re = /* @__PURE__ */ D("div", {
+		onChange: H,
+		onBlur: ee,
+		onKeyDown: U
+	}), ne = /* @__PURE__ */ D("div", {
 		className: [
 			"num-wrap",
 			g === "sm" ? "num-wrap-sm" : "",
@@ -3739,7 +3958,7 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 					size: 16
 				})
 			}),
-			ne,
+			te,
 			h && /* @__PURE__ */ E("span", {
 				className: "affix",
 				children: h
@@ -3767,13 +3986,13 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 				children: [
 					e,
 					t && /* @__PURE__ */ E(Z, {}),
-					i && /* @__PURE__ */ E(He, {
+					i && /* @__PURE__ */ E(qe, {
 						label: a,
 						children: i
 					})
 				]
 			}),
-			re,
+			ne,
 			n ? /* @__PURE__ */ E("div", {
 				className: "field-error",
 				id: R,
@@ -3785,8 +4004,8 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 			}) : null
 		]
 	});
-}), jn = i(function({ value: e, onChange: t, onComplete: n, length: r = 6, mode: i = "numeric", label: a, required: o = !1, hint: c, error: l, disabled: u = !1, name: d, id: f, className: p = "", fieldClassName: m = "", ...h }, g) {
-	U("AppOtpInput", h);
+}), Wn = i(function({ value: e, onChange: t, onComplete: n, length: r = 6, mode: i = "numeric", label: a, required: o = !1, hint: c, error: l, disabled: u = !1, name: d, id: f, className: p = "", fieldClassName: m = "", ...h }, g) {
+	W("AppOtpInput", h);
 	let _ = s(), v = f || _, y = l ? `${v}-error` : void 0, b = c ? `${v}-hint` : void 0, x = y || b, { setRef: S } = Q({
 		ref: g,
 		value: e ?? "",
@@ -3830,8 +4049,8 @@ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
 });
 //#endregion
 //#region src/components/AppPageHeader.jsx
-function Mn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", status: a, breadcrumbs: o, actions: s, size: c = "md", align: l = "start", divider: u = !1, sticky: d = !1, className: f = "", ...p }) {
-	U("AppPageHeader", p);
+function Gn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", status: a, breadcrumbs: o, actions: s, size: c = "md", align: l = "start", divider: u = !1, sticky: d = !1, className: f = "", ...p }) {
+	W("AppPageHeader", p);
 	let m = [
 		"page-header",
 		c && c !== "md" ? `page-header-${c}` : "",
@@ -3889,9 +4108,9 @@ function Mn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", s
 }
 //#endregion
 //#region src/components/AppPagination.jsx
-function Nn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "md", ariaLabel: a = "Pagination", className: o, ...s }) {
-	if (U("AppPagination", s), t <= 1) return null;
-	let c = zt(e, t, { siblingCount: r });
+function Kn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "md", ariaLabel: a = "Pagination", className: o, ...s }) {
+	if (W("AppPagination", s), t <= 1) return null;
+	let c = Qt(e, t, { siblingCount: r });
 	return /* @__PURE__ */ E("nav", {
 		className: [
 			"pagination-nav",
@@ -3949,8 +4168,8 @@ function Nn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "m
 }
 //#endregion
 //#region src/components/AppPhoneNumberInput.jsx
-var Pn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name: i, id: a, label: o = "Phone number", placeholder: c, required: l = !1, error: u, showFlag: d = !0, showDialCode: f = !0, size: p = "md", fieldClassName: m = "", ...h }, g) {
-	U("AppPhoneNumberInput", h);
+var qn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name: i, id: a, label: o = "Phone number", placeholder: c, required: l = !1, error: u, showFlag: d = !0, showDialCode: f = !0, size: p = "md", fieldClassName: m = "", ...h }, g) {
+	W("AppPhoneNumberInput", h);
 	let _ = s(), v = a || _, y = u && v ? `${v}-error` : void 0, { setRef: b } = Q({
 		ref: g,
 		value: e ?? "",
@@ -3990,8 +4209,8 @@ var Pn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name:
 });
 //#endregion
 //#region src/components/AppPricingCard.jsx
-function Fn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a, featured: o = !1, current: s = !1, badge: c = "Most popular", className: l = "", ...u }) {
-	return U("AppPricingCard", u), /* @__PURE__ */ D("div", {
+function Jn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a, featured: o = !1, current: s = !1, badge: c = "Most popular", className: l = "", ...u }) {
+	return W("AppPricingCard", u), /* @__PURE__ */ D("div", {
 		className: [
 			"plan-card",
 			o ? "featured" : "",
@@ -4044,21 +4263,21 @@ function Fn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a,
 }
 //#endregion
 //#region src/components/AppProgress.jsx
-var In = [
+var Yn = [
 	"info",
 	"success",
 	"warning",
 	"danger",
 	"neutral"
 ];
-function Ln(e, t) {
+function Xn(e, t) {
 	if (!(t > 0)) return 0;
 	let n = Math.min(100, Math.max(0, e / t * 100));
 	return Number(n.toFixed(2));
 }
-function Rn({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", label: i, showLabel: a = !1, striped: o = !1, animated: s = !1, indeterminate: c = !1, className: l = "", ...u }) {
-	U("AppProgress", u);
-	let d = In.includes(n) ? n : "info", f = Ln(e, t), p = `progress${r === "sm" ? " progress-sm" : ""}${l ? ` ${l}` : ""}`, m = [
+function Zn({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", label: i, showLabel: a = !1, striped: o = !1, animated: s = !1, indeterminate: c = !1, className: l = "", ...u }) {
+	W("AppProgress", u);
+	let d = Yn.includes(n) ? n : "info", f = Xn(e, t), p = `progress${r === "sm" ? " progress-sm" : ""}${l ? ` ${l}` : ""}`, m = [
 		"progress-bar",
 		`wui-progress-${d}`,
 		o || s ? "progress-bar-striped" : "",
@@ -4082,8 +4301,8 @@ function Rn({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", labe
 }
 //#endregion
 //#region src/components/AppRadio.jsx
-var zn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
-	return U("AppRadio", o), /* @__PURE__ */ E(ht, {
+var Qn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
+	return W("AppRadio", o), /* @__PURE__ */ E(vt, {
 		ref: s,
 		label: e,
 		id: t,
@@ -4098,27 +4317,27 @@ var zn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
 });
 //#endregion
 //#region src/components/AppRepeater.jsx
-function Bn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, addLabel: a = "Add another", removeLabel: o = "Remove row", emptyText: s, min: c = 0, max: l, numbered: u = !0, className: d = "", ...f }) {
-	U("AppRepeater", f);
-	let p = typeof l == "number" && e.length >= l, m = !!i && e.length > c;
+function $n({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, addLabel: a = "Add another", addVariant: o = "secondary", removeLabel: s = "Remove row", emptyText: c, min: l = 0, max: u, numbered: d = !0, className: f = "", ...p }) {
+	W("AppRepeater", p);
+	let m = typeof u == "number" && e.length >= u, h = !!i && e.length > l;
 	return /* @__PURE__ */ D("div", {
-		className: `repeater${d ? ` ${d}` : ""}`,
-		...f,
+		className: `repeater${f ? ` ${f}` : ""}`,
+		...p,
 		children: [
-			e.length === 0 && s && /* @__PURE__ */ E("div", {
+			e.length === 0 && c && /* @__PURE__ */ E("div", {
 				className: "repeater-empty",
-				children: s
+				children: c
 			}),
 			e.map((e, r) => {
 				let a = n ? n(e, r) : null;
 				return /* @__PURE__ */ D("div", {
 					className: "repeater-row",
 					children: [
-						(!!a || m) && /* @__PURE__ */ E("span", {
+						(!!a || h) && /* @__PURE__ */ E("span", {
 							className: "repeater-row-label",
 							children: a
 						}),
-						u && /* @__PURE__ */ E("span", {
+						d && /* @__PURE__ */ E("span", {
 							className: "repeater-index",
 							children: r + 1
 						}),
@@ -4126,9 +4345,9 @@ function Bn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
 							className: "repeater-body",
 							children: t(e, r)
 						}),
-						m && /* @__PURE__ */ E(ke, {
+						h && /* @__PURE__ */ E(je, {
 							icon: "trash-2",
-							label: `${o} ${r + 1}`,
+							label: `${s} ${r + 1}`,
 							danger: !0,
 							className: "repeater-remove",
 							onClick: () => i(r)
@@ -4136,12 +4355,12 @@ function Bn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
 					]
 				}, e.id ?? r);
 			}),
-			/* @__PURE__ */ E(Ie, {
-				variant: "secondary",
+			/* @__PURE__ */ E(Be, {
+				variant: o,
 				size: "sm",
 				leftIcon: "plus",
 				className: "repeater-add",
-				disabled: p,
+				disabled: m,
 				onClick: r,
 				children: a
 			})
@@ -4150,8 +4369,8 @@ function Bn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
 }
 //#endregion
 //#region src/components/AppResourceCard.jsx
-function Vn({ icon: e, title: t, text: n, href: r, external: i = !1, linkComponent: a, className: o = "", ...s }) {
-	U("AppResourceCard", s);
+function er({ icon: e, title: t, text: n, href: r, external: i = !1, linkComponent: a, className: o = "", ...s }) {
+	W("AppResourceCard", s);
 	let c = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
 		className: "res-card-icon",
 		children: /* @__PURE__ */ E(Y, {
@@ -4184,7 +4403,7 @@ function Vn({ icon: e, title: t, text: n, href: r, external: i = !1, linkCompone
 }
 //#endregion
 //#region src/components/AppResult.jsx
-var Hn = {
+var tr = {
 	success: {
 		icon: "check-circle",
 		tone: "success"
@@ -4205,9 +4424,9 @@ var Hn = {
 	404: { tone: "muted" },
 	500: { tone: "muted" }
 };
-function Un({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, children: a, className: o = "", ...s }) {
-	U("AppResult", s), W("AppResult", "status", e, Object.keys(Hn));
-	let c = Hn[e] || Hn.info, l = c.tone, u = /^\d+$/.test(e), d = r ?? (u ? null : c.icon);
+function nr({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, children: a, className: o = "", ...s }) {
+	W("AppResult", s), G("AppResult", "status", e, Object.keys(tr));
+	let c = tr[e] || tr.info, l = c.tone, u = /^\d+$/.test(e), d = r ?? (u ? null : c.icon);
 	return /* @__PURE__ */ D("div", {
 		className: [
 			"result",
@@ -4245,8 +4464,8 @@ function Un({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, ch
 }
 //#endregion
 //#region src/components/AppScrollbar.jsx
-function Wn({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
-	return U("AppScrollbar", i), /* @__PURE__ */ E("div", {
+function rr({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
+	return W("AppScrollbar", i), /* @__PURE__ */ E("div", {
 		className: t ? `wui-scroll ${t}` : "wui-scroll",
 		style: n == null ? r : {
 			maxHeight: n,
@@ -4258,8 +4477,8 @@ function Wn({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
 }
 //#endregion
 //#region src/components/AppSearch.jsx
-function Gn({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search…", ariaLabel: i, iconSize: a = 18, size: o, loading: s = !1, disabled: c = !1, className: l = "", ...u }) {
-	U("AppSearch", u);
+function ir({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search…", ariaLabel: i, iconSize: a = 18, size: o, loading: s = !1, disabled: c = !1, className: l = "", ...u }) {
+	W("AppSearch", u);
 	let d = t || n;
 	return /* @__PURE__ */ D("div", {
 		className: [
@@ -4305,17 +4524,24 @@ function Gn({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search
 }
 //#endregion
 //#region src/components/AppSegmented.jsx
-function Kn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, disabled: u = !1, className: f = "", ...p }) {
-	U("AppSegmented", p);
-	let m = s(), h = i || m, g = d(null), _ = d(null), v = [
+var ar = {
+	sm: "segmented-sm",
+	md: "",
+	lg: "segmented-lg",
+	xl: "segmented-xl"
+};
+function or({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, bordered: u = !0, disabled: f = !1, className: p = "", ...m }) {
+	W("AppSegmented", m), G("AppSegmented", "size", a, Object.keys(ar));
+	let h = s(), g = i || h, _ = d(null), v = d(null), y = [
 		"segmented",
-		a === "sm" ? "segmented-sm" : a === "lg" ? "segmented-lg" : "",
+		ar[a] ?? "",
 		c ? "segmented-full" : "",
-		u ? "is-disabled" : "",
-		f
+		u ? "" : "segmented-borderless",
+		f ? "is-disabled" : "",
+		p
 	].filter(Boolean).join(" ");
 	return l(() => {
-		let e = g.current, t = _.current;
+		let e = _.current, t = v.current;
 		if (!e || !t) return;
 		let n = (n) => {
 			let r = e.querySelector(".segmented-option:has(.segmented-input:checked)");
@@ -4323,7 +4549,7 @@ function Kn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
 				t.style.opacity = "0";
 				return;
 			}
-			n || e.classList.remove("is-animated"), t.style.width = `${r.offsetWidth}px`, t.style.transform = `translateX(${r.offsetLeft}px)`, t.style.opacity = "1", n || requestAnimationFrame(() => g.current?.classList.add("is-animated"));
+			n || e.classList.remove("is-animated"), t.style.width = `${r.offsetWidth}px`, t.style.transform = `translateX(${r.offsetLeft}px)`, t.style.opacity = "1", n || requestAnimationFrame(() => _.current?.classList.add("is-animated"));
 		};
 		n(!0);
 		let r = typeof ResizeObserver < "u" ? new ResizeObserver(() => n(!1)) : null;
@@ -4334,18 +4560,18 @@ function Kn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
 		a,
 		c
 	]), o(() => {
-		let e = requestAnimationFrame(() => g.current?.classList.add("is-animated"));
+		let e = requestAnimationFrame(() => _.current?.classList.add("is-animated"));
 		return () => cancelAnimationFrame(e);
 	}, []), /* @__PURE__ */ D("div", {
-		ref: g,
-		className: v,
+		ref: _,
+		className: y,
 		role: "radiogroup",
 		"aria-label": r,
-		"aria-disabled": u || void 0,
-		...p,
+		"aria-disabled": f || void 0,
+		...m,
 		children: [/* @__PURE__ */ E("span", {
 			className: "segmented-thumb",
-			ref: _,
+			ref: v,
 			"aria-hidden": "true"
 		}), e.map((e) => /* @__PURE__ */ D("label", {
 			className: "segmented-option",
@@ -4353,10 +4579,10 @@ function Kn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
 				/* @__PURE__ */ E("input", {
 					type: "radio",
 					className: "segmented-input",
-					name: h,
+					name: g,
 					value: e.value,
 					checked: e.value === t,
-					disabled: u || e.disabled,
+					disabled: f || e.disabled,
 					onChange: () => n?.(e.value)
 				}),
 				e.icon && /* @__PURE__ */ E(Y, {
@@ -4379,81 +4605,94 @@ function Kn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
 }
 //#endregion
 //#region src/components/AppSelect.jsx
-var qn = (e) => e == null ? "" : e.label ?? e.text ?? "", Jn = i(function({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", searchPlaceholder: i = "Search...", searchable: a = !1, clearable: c = !1, size: l, icon: u, floatingLabel: d = !1, disabled: f, label: p, required: m = !1, error: h, hint: g, help: _, helpLabel: v = "More information", id: y, name: b, className: x = "", fieldClassName: S = "", "aria-label": C, "aria-labelledby": w, "aria-describedby": T, ...O }, k) {
-	U("AppSelect", O);
-	let A = s(), { setRef: j, innerRef: M } = Q({
-		ref: k,
+var sr = (e) => e == null ? "" : e.label ?? e.text ?? "", cr = i(function({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", searchPlaceholder: i = "Search...", searchable: a = !1, clearable: c = !1, size: l, icon: u, prefix: d, suffix: f, floatingLabel: p = !1, disabled: m, label: h, required: g = !1, error: _, hint: v, help: y, helpLabel: b = "More information", id: x, name: S, className: C = "", fieldClassName: w = "", "aria-label": T, "aria-labelledby": O, "aria-describedby": k, ...A }, j) {
+	W("AppSelect", A);
+	let M = s(), { setRef: N, innerRef: P } = Q({
+		ref: j,
 		value: e ?? "",
 		onChange: t
 	});
 	o(() => {
-		let e = M.current;
+		let e = P.current;
 		if (!e) return;
 		let t = n.map((e) => ({
 			value: e.value,
-			label: qn(e),
+			label: sr(e),
 			icon: e.icon
 		}));
-		Ke(t, e.options) || (e.options = t);
-	}, [n, M]);
-	let N = y || A, P = d && p, F = h && N ? `${N}-error` : void 0, I = g && N ? `${N}-hint` : void 0, L = /* @__PURE__ */ E("wui-select", {
-		"aria-label": C || (typeof p == "string" ? p : void 0),
-		"aria-labelledby": w || void 0,
-		"aria-describedby": F || I || T || void 0,
-		"aria-invalid": h ? "true" : void 0,
-		ref: j,
-		id: N,
-		name: b,
-		placeholder: d && p ? " " : r,
+		Ze(t, e.options) || (e.options = t);
+	}, [n, P]);
+	let F = x || M, I = p && h, L = _ && F ? `${F}-error` : void 0, R = v && F ? `${F}-hint` : void 0, z = /* @__PURE__ */ E("wui-select", {
+		"aria-label": T || (typeof h == "string" ? h : void 0),
+		"aria-labelledby": O || void 0,
+		"aria-describedby": L || R || k || void 0,
+		"aria-invalid": _ ? "true" : void 0,
+		ref: N,
+		id: F,
+		name: S,
+		placeholder: p && h ? " " : r,
 		"search-placeholder": i,
 		searchable: a ? "" : void 0,
 		clearable: c ? "" : void 0,
 		size: l || void 0,
 		icon: u || void 0,
-		disabled: f ? "" : void 0,
-		required: m ? "" : void 0,
-		className: x || void 0,
-		...O
-	});
-	return !p && !h && !g ? L : /* @__PURE__ */ D("div", {
-		className: ["field", S].filter(Boolean).join(" "),
+		disabled: m ? "" : void 0,
+		required: g ? "" : void 0,
+		className: C || void 0,
+		...A
+	}), B = !I && (d != null || f != null) ? /* @__PURE__ */ D("div", {
+		className: "input-affixed",
+		children: [
+			d != null && /* @__PURE__ */ E("span", {
+				className: "affix affix-pre",
+				children: d
+			}),
+			z,
+			f != null && /* @__PURE__ */ E("span", {
+				className: "affix affix-suf",
+				children: f
+			})
+		]
+	}) : z;
+	return !h && !_ && !v ? B : /* @__PURE__ */ D("div", {
+		className: ["field", w].filter(Boolean).join(" "),
 		children: [
-			p && !P && /* @__PURE__ */ D("label", {
+			h && !I && /* @__PURE__ */ D("label", {
 				className: "label",
-				htmlFor: N,
+				htmlFor: F,
 				children: [
-					p,
-					m && /* @__PURE__ */ E(Z, {}),
-					_ && /* @__PURE__ */ E(He, {
-						label: v,
-						children: _
+					h,
+					g && /* @__PURE__ */ E(Z, {}),
+					y && /* @__PURE__ */ E(qe, {
+						label: b,
+						children: y
 					})
 				]
 			}),
-			P ? /* @__PURE__ */ D("div", {
+			I ? /* @__PURE__ */ D("div", {
 				className: "field-float",
-				children: [L, /* @__PURE__ */ D("label", {
+				children: [z, /* @__PURE__ */ D("label", {
 					className: "float-label",
-					htmlFor: N,
-					children: [p, m && /* @__PURE__ */ E(Z, {})]
+					htmlFor: F,
+					children: [h, g && /* @__PURE__ */ E(Z, {})]
 				})]
-			}) : L,
-			h ? /* @__PURE__ */ E("div", {
+			}) : B,
+			_ ? /* @__PURE__ */ E("div", {
 				className: "field-error",
-				id: F,
-				children: h
-			}) : g ? /* @__PURE__ */ E("div", {
+				id: L,
+				children: _
+			}) : v ? /* @__PURE__ */ E("div", {
 				className: "field-hint",
-				id: I,
-				children: g
+				id: R,
+				children: v
 			}) : null
 		]
 	});
 });
 //#endregion
 //#region src/components/AppShell.jsx
-function Yn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r, sidebarFooter: i, topbarStart: a, topbarEnd: s, footer: c, children: l, collapsed: u, onCollapsedChange: d, noSidebar: p = !1, navLabel: m = "Main navigation", linkComponent: h, className: g = "", ..._ }) {
-	U("AppShell", _);
+function lr({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r, sidebarFooter: i, topbarStart: a, topbarEnd: s, footer: c, children: l, collapsed: u, onCollapsedChange: d, noSidebar: p = !1, navLabel: m = "Main navigation", linkComponent: h, className: g = "", ..._ }) {
+	W("AppShell", _);
 	let [v, y] = f(!1), [b, x] = f(!1), [S, C] = f(!1), w = u ?? v, T = () => {
 		let e = !w;
 		u === void 0 && y(e), d?.(e);
@@ -4500,7 +4739,7 @@ function Yn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
 							children: [e.label && /* @__PURE__ */ E("div", {
 								className: "app-nav-group-label",
 								children: e.label
-							}), e.items.map((e) => /* @__PURE__ */ E(Xn, {
+							}), e.items.map((e) => /* @__PURE__ */ E(ur, {
 								item: e,
 								linkComponent: h,
 								onNavigate: () => x(!1)
@@ -4567,7 +4806,7 @@ function Yn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
 		]
 	});
 }
-function Xn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
+function ur({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
 	let i = Array.isArray(e.children) && e.children.length > 0, a = i && e.children.some((e) => e.active), [s, c] = f(a);
 	o(() => {
 		a && !s && c(!0);
@@ -4609,7 +4848,7 @@ function Xn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
 		"aria-hidden": !s || void 0,
 		children: /* @__PURE__ */ E("div", {
 			className: "app-nav-sub-inner",
-			children: e.children.map((e) => /* @__PURE__ */ E(Xn, {
+			children: e.children.map((e) => /* @__PURE__ */ E(ur, {
 				item: e,
 				linkComponent: t,
 				onNavigate: n,
@@ -4650,7 +4889,7 @@ function Xn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
 }
 //#endregion
 //#region src/components/AppSidebarMenu.jsx
-var Zn = {
+var dr = {
 	left: "start",
 	right: "end",
 	start: "start",
@@ -4658,9 +4897,9 @@ var Zn = {
 	top: "top",
 	bottom: "bottom"
 };
-function Qn({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, header: a, children: o, footer: s, width: c, maxWidth: l, backdrop: u = !0, scroll: d = !1, keyboard: f = !0, closeButton: p = !0, responsive: m, className: h = "", bodyClassName: g = "", ariaLabel: _, ...v }) {
-	U("AppSidebarMenu", v), W("AppSidebarMenu", "side", n, Object.keys(Zn));
-	let { style: y, ...b } = v, S = Zn[n] || "end", C = c || l || y ? {
+function fr({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, header: a, children: o, footer: s, width: c, maxWidth: l, backdrop: u = !0, scroll: d = !1, keyboard: f = !0, closeButton: p = !0, responsive: m, className: h = "", bodyClassName: g = "", ariaLabel: _, ...v }) {
+	W("AppSidebarMenu", v), G("AppSidebarMenu", "side", n, Object.keys(dr));
+	let { style: y, ...b } = v, S = dr[n] || "end", C = c || l || y ? {
 		...c && { "--asm-width": c },
 		...l && { "--asm-max-width": l },
 		...y
@@ -4689,7 +4928,7 @@ function Qn({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, hea
 							size: 18
 						})
 					}), r]
-				}), p && /* @__PURE__ */ E(Ie, {
+				}), p && /* @__PURE__ */ E(Be, {
 					variant: "ghost",
 					className: "btn-icon",
 					onClick: t,
@@ -4713,14 +4952,14 @@ function Qn({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, hea
 }
 //#endregion
 //#region src/components/AppSlider.jsx
-var $n = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, label: a, required: c = !1, hint: l, error: u, name: d, startName: f, endName: p, min: m = 0, max: h = 100, step: g = 1, disabled: _, size: v, showValue: y, unit: b, id: x, ariaLabel: S, className: C = "", fieldClassName: w = "", ...T }, O) {
-	U("AppSlider", T);
+var pr = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, label: a, required: c = !1, hint: l, error: u, name: d, startName: f, endName: p, min: m = 0, max: h = 100, step: g = 1, disabled: _, size: v, showValue: y, unit: b, id: x, ariaLabel: S, className: C = "", fieldClassName: w = "", ...T }, O) {
+	W("AppSlider", T);
 	let k = s(), A = x || k, j = r, { setRef: M, innerRef: N } = Q({
 		ref: O,
 		value: j ? void 0 : e,
 		onChange: i,
-		readValue: j ? Ye : void 0,
-		writeValue: j ? void 0 : Xe
+		readValue: j ? et : void 0,
+		writeValue: j ? void 0 : tt
 	});
 	o(() => {
 		if (!j) return;
@@ -4774,14 +5013,14 @@ var $n = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, la
 			})
 		]
 	});
-}), er = {
+}), mr = {
 	sm: 44,
 	md: 56,
 	lg: 72
 };
-function tr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", size: a = "md", label: o = "Loading", className: s = "", ...c }) {
-	U("AppSplash", c), W("AppSplash", "size", typeof a == "string" ? a : null, Object.keys(er));
-	let { style: l, ...u } = c, d = typeof a == "number" ? a : er[a] ?? er.md, f = i === "ring" ? /* @__PURE__ */ E("span", {
+function hr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", size: a = "md", label: o = "Loading", className: s = "", ...c }) {
+	W("AppSplash", c), G("AppSplash", "size", typeof a == "string" ? a : null, Object.keys(mr));
+	let { style: l, ...u } = c, d = typeof a == "number" ? a : mr[a] ?? mr.md, f = i === "ring" ? /* @__PURE__ */ E("span", {
 		className: "splash-ring",
 		"aria-hidden": "true"
 	}) : i === "dots" ? /* @__PURE__ */ D("span", {
@@ -4828,8 +5067,8 @@ function tr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", siz
 }
 //#endregion
 //#region src/components/AppStatusBadge.jsx
-function nr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tooltipPlacement: i, ...a }) {
-	return U("AppStatusBadge", a), e == null || e === "" ? "-" : K(/* @__PURE__ */ E("span", {
+function gr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tooltipPlacement: i, ...a }) {
+	return W("AppStatusBadge", a), e == null || e === "" ? "-" : q(/* @__PURE__ */ E("span", {
 		className: `status-label ${t}${n ? ` ${n}` : ""}`,
 		...a,
 		children: e
@@ -4837,8 +5076,8 @@ function nr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tool
 }
 //#endregion
 //#region src/components/AppStepper.jsx
-function rr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal", activeStep: r, onStepClick: i, label: a = "Progress", linkComponent: o, className: s = "", ...c }) {
-	U("AppStepper", c);
+function _r({ steps: e = [], variant: t = "steps", orientation: n = "horizontal", activeStep: r, onStepClick: i, label: a = "Progress", linkComponent: o, className: s = "", ...c }) {
+	W("AppStepper", c);
 	let l = t === "journey";
 	return /* @__PURE__ */ E("nav", {
 		className: [
@@ -4850,7 +5089,7 @@ function rr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
 		"aria-label": a,
 		...c,
 		children: e.map((t, n) => {
-			let a = t.status || ir(n, r), s = `step${a === "pending" ? "" : ` ${a}`}`, c;
+			let a = t.status || vr(n, r), s = `step${a === "pending" ? "" : ` ${a}`}`, c;
 			c = a === "done" ? /* @__PURE__ */ E(Y, {
 				name: "check",
 				size: 14
@@ -4914,13 +5153,13 @@ function rr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
 		})
 	});
 }
-function ir(e, t) {
+function vr(e, t) {
 	return typeof t == "number" ? e < t ? "done" : e === t ? "active" : "pending" : "pending";
 }
 //#endregion
 //#region src/components/AppSwitch.jsx
-var ar = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "pill", className: o = "", ...s }, c) {
-	return U("AppSwitch", s), /* @__PURE__ */ E(ht, {
+var yr = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "pill", className: o = "", ...s }, c) {
+	return W("AppSwitch", s), /* @__PURE__ */ E(vt, {
 		ref: c,
 		label: e,
 		id: t,
@@ -4935,8 +5174,8 @@ var ar = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "p
 });
 //#endregion
 //#region src/components/AppTableEmptyState.jsx
-function or({ icon: e, title: t, text: n, action: r, ...i }) {
-	return U("AppTableEmptyState", i), /* @__PURE__ */ D("div", {
+function br({ icon: e, title: t, text: n, action: r, ...i }) {
+	return W("AppTableEmptyState", i), /* @__PURE__ */ D("div", {
 		className: "tbl-empty",
 		...i,
 		children: [
@@ -4961,9 +5200,9 @@ function or({ icon: e, title: t, text: n, action: r, ...i }) {
 }
 //#endregion
 //#region src/components/AppTabs.jsx
-var sr = 1, cr = 28, lr = .7;
-function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "underline", orientation: s = "horizontal", size: c = "md", fitted: u = !1, activation: p = "automatic", ariaLabel: m, className: h = "", style: g, ..._ }) {
-	U("AppTabs", _);
+var xr = 1, Sr = 28, Cr = .7;
+function wr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "underline", orientation: s = "horizontal", size: c = "md", fitted: u = !1, activation: p = "automatic", ariaLabel: m, className: h = "", style: g, ..._ }) {
+	W("AppTabs", _);
 	let v = d(null), y = d(null), b = s === "vertical", [x, S] = f(t);
 	o(() => {
 		S(t);
@@ -4974,7 +5213,7 @@ function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
 		let e = v.current, t = y.current;
 		if (!e || !t || b) return;
 		let n = e.scrollWidth - e.clientWidth;
-		t.classList.toggle("is-overflow-start", e.scrollLeft > sr), t.classList.toggle("is-overflow-end", n > sr && e.scrollLeft < n - sr);
+		t.classList.toggle("is-overflow-start", e.scrollLeft > xr), t.classList.toggle("is-overflow-end", n > xr && e.scrollLeft < n - xr);
 	}, [b]), M = a(() => {
 		let n = v.current;
 		if (!n) return;
@@ -4990,7 +5229,7 @@ function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
 		if (!e || b) return;
 		let t = e.querySelector(".app-tab.active");
 		if (!t) return;
-		let n = cr, r = t.offsetLeft, i = r + t.offsetWidth;
+		let n = Sr, r = t.offsetLeft, i = r + t.offsetWidth;
 		r - n < e.scrollLeft ? e.scrollLeft = Math.max(0, r - n) : i + n > e.scrollLeft + e.clientWidth && (e.scrollLeft = i + n - e.clientWidth);
 	}, [b]);
 	l(() => {
@@ -5025,7 +5264,7 @@ function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
 	}
 	let I = (e) => {
 		let t = v.current;
-		t && t.scrollBy({ left: e * t.clientWidth * lr });
+		t && t.scrollBy({ left: e * t.clientWidth * Cr });
 	}, L = [
 		"app-tabs",
 		i === "pills" ? "app-tabs-pills" : "",
@@ -5097,7 +5336,7 @@ function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
 				},
 				children: s
 			}, e.key);
-			return e.tooltip ? /* @__PURE__ */ E(G, {
+			return e.tooltip ? /* @__PURE__ */ E(ce, {
 				content: e.tooltip,
 				children: c
 			}, e.key) : c;
@@ -5138,14 +5377,14 @@ function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
 }
 //#endregion
 //#region src/components/AppTagInput.jsx
-var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r, label: i, error: a, hint: o, required: c = !1, size: l, maxTags: u, allowDuplicates: d = !1, disabled: f = !1, id: p, ariaLabel: m, className: h = "", fieldClassName: g = "", help: _, helpLabel: v = "More information", ...y }, b) {
-	U("AppTagInput", y);
+var Tr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r, label: i, error: a, hint: o, required: c = !1, size: l, maxTags: u, allowDuplicates: d = !1, disabled: f = !1, id: p, ariaLabel: m, className: h = "", fieldClassName: g = "", help: _, helpLabel: v = "More information", ...y }, b) {
+	W("AppTagInput", y);
 	let x = s(), S = p || x, { setRef: C } = Q({
 		ref: b,
 		value: e,
 		onChange: t,
-		readValue: qe,
-		writeValue: Je
+		readValue: Qe,
+		writeValue: $e
 	});
 	return /* @__PURE__ */ D("div", {
 		className: `field${g ? ` ${g}` : ""}`,
@@ -5156,7 +5395,7 @@ var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 				children: [
 					i,
 					c && /* @__PURE__ */ E(Z, {}),
-					_ && /* @__PURE__ */ E(He, {
+					_ && /* @__PURE__ */ E(qe, {
 						label: v,
 						children: _
 					})
@@ -5189,8 +5428,8 @@ var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 			}) : null
 		]
 	});
-}), fr = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: c = "More information", id: u, name: p, rows: m = 4, autoGrow: h = !1, showCount: g = !1, maxLength: _, className: v = "", fieldClassName: b = "", ...x }, S) {
-	U("AppTextarea", x);
+}), Er = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: c = "More information", id: u, name: p, rows: m = 4, autoGrow: h = !1, showCount: g = !1, maxLength: _, className: v = "", fieldClassName: b = "", ...x }, S) {
+	W("AppTextarea", x);
 	let C = s(), w = u || C, T = [
 		"textarea",
 		h ? "autosize" : "",
@@ -5225,7 +5464,7 @@ var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 				children: [
 					e,
 					t && /* @__PURE__ */ E(Z, {}),
-					i && /* @__PURE__ */ E(He, {
+					i && /* @__PURE__ */ E(qe, {
 						label: c,
 						children: i
 					})
@@ -5260,7 +5499,7 @@ var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 			})
 		]
 	});
-}), pr = {
+}), Dr = {
 	done: "check",
 	current: "clock",
 	"on-hold": "lock",
@@ -5269,8 +5508,8 @@ var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
 	skipped: "arrow-right",
 	upcoming: null
 };
-function mr({ items: e = [], variant: t = "feed", orientation: n = "vertical", size: r, className: i = "", style: a, ...o }) {
-	U("AppTimeline", o);
+function Or({ items: e = [], variant: t = "feed", orientation: n = "vertical", size: r, className: i = "", style: a, ...o }) {
+	W("AppTimeline", o);
 	let s = t === "progress", c = `timeline${s ? " timeline--progress" : ""}${n === "horizontal" ? " timeline--horizontal" : ""}${i ? ` ${i}` : ""}`, l = typeof r == "number" && r > 0 ? r : void 0, u = l ? Math.round(l * .54) : s ? 13 : 12;
 	return /* @__PURE__ */ E("ol", {
 		className: c,
@@ -5280,7 +5519,7 @@ function mr({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
 		} : a,
 		...o,
 		children: e.map((e, t) => {
-			let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ? pr[n] : void 0) : e.icon || "circle";
+			let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ? Dr[n] : void 0) : e.icon || "circle";
 			return /* @__PURE__ */ D("li", {
 				className: `timeline-item${r}${i}`,
 				children: [/* @__PURE__ */ E("span", {
@@ -5350,8 +5589,8 @@ function mr({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
 }
 //#endregion
 //#region src/components/AppTimePicker.jsx
-var hr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, step: u, format: d = "24", placeholder: f = "Select time", disabled: p, size: m, id: h, ariaLabel: g, className: _ = "", fieldClassName: v = "", ...y }, b) {
-	U("AppTimePicker", y);
+var kr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, step: u, format: d = "24", placeholder: f = "Select time", disabled: p, size: m, id: h, ariaLabel: g, className: _ = "", fieldClassName: v = "", ...y }, b) {
+	W("AppTimePicker", y);
 	let x = s(), S = h || o || x, { setRef: C } = Q({
 		ref: b,
 		value: e ?? "",
@@ -5395,35 +5634,35 @@ var hr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
 			})
 		]
 	});
-}), gr = 6, $ = [], _r = /* @__PURE__ */ new Set(), vr = /* @__PURE__ */ new Map(), yr = /* @__PURE__ */ new Set(), br = 0;
-function xr() {
-	for (let e of _r) e($);
+}), Ar = 6, $ = [], jr = /* @__PURE__ */ new Set(), Mr = /* @__PURE__ */ new Map(), Nr = /* @__PURE__ */ new Set(), Pr = 0;
+function Fr() {
+	for (let e of jr) e($);
 }
-function Sr(e) {
-	let t = vr.get(e);
-	t !== void 0 && (clearTimeout(t), vr.delete(e));
+function Ir(e) {
+	let t = Mr.get(e);
+	t !== void 0 && (clearTimeout(t), Mr.delete(e));
 }
-function Cr(e, t) {
-	if (e.length <= gr) return e;
+function Lr(e, t) {
+	if (e.length <= Ar) return e;
 	let n = [...e], r = [];
-	for (; n.length > gr;) {
+	for (; n.length > Ar;) {
 		let e = n.findIndex((e) => e.id !== t && e.duration !== 0);
 		r.push(n.splice(e === -1 ? n.findIndex((e) => e.id !== t) : e, 1)[0]);
 	}
-	for (let e of r) Sr(e.id), yr.delete(e.id);
+	for (let e of r) Ir(e.id), Nr.delete(e.id);
 	return n;
 }
-function wr(e) {
-	return _r.add(e), e($), () => {
-		if (_r.delete(e), _r.size === 0) for (let e of $) e.duration > 0 && !vr.has(e.id) && (yr.delete(e.id), vr.set(e.id, setTimeout(() => Dr(e.id), e.duration)));
+function Rr(e) {
+	return jr.add(e), e($), () => {
+		if (jr.delete(e), jr.size === 0) for (let e of $) e.duration > 0 && !Mr.has(e.id) && (Nr.delete(e.id), Mr.set(e.id, setTimeout(() => Vr(e.id), e.duration)));
 	};
 }
-function Tr(e, t, n = {}) {
+function zr(e, t, n = {}) {
 	let r = n.id, i = r || typeof e != "string" ? void 0 : `${t}:${e}`;
 	if (r) {
 		let i = $.find((e) => e.externalId === r);
 		if (i) {
-			Sr(i.id);
+			Ir(i.id);
 			let r = n.duration === void 0 ? 5e3 : n.duration;
 			$ = $.map((a) => a.id === i.id ? {
 				...a,
@@ -5436,12 +5675,12 @@ function Tr(e, t, n = {}) {
 				shape: n.shape,
 				surface: n.surface,
 				progress: n.progress
-			} : a), xr(), r > 0 && !yr.has(i.id) && vr.set(i.id, setTimeout(() => Dr(i.id), r));
+			} : a), Fr(), r > 0 && !Nr.has(i.id) && Mr.set(i.id, setTimeout(() => Vr(i.id), r));
 			return;
 		}
 	} else if (i && $.some((e) => e.key === i)) return;
-	let a = ++br, o = n.duration === void 0 ? 5e3 : n.duration;
-	$ = Cr([...$, {
+	let a = ++Pr, o = n.duration === void 0 ? 5e3 : n.duration;
+	$ = Lr([...$, {
 		id: a,
 		externalId: r,
 		message: e,
@@ -5454,25 +5693,25 @@ function Tr(e, t, n = {}) {
 		surface: n.surface,
 		progress: n.progress,
 		key: i
-	}], a), xr(), o > 0 && vr.set(a, setTimeout(() => Dr(a), o));
+	}], a), Fr(), o > 0 && Mr.set(a, setTimeout(() => Vr(a), o));
 }
-function Er(e) {
-	Sr(e), yr.add(e);
+function Br(e) {
+	Ir(e), Nr.add(e);
 }
-function Dr(e) {
-	Sr(e), yr.delete(e);
+function Vr(e) {
+	Ir(e), Nr.delete(e);
 	let t = $.filter((t) => t.id !== e);
-	t.length !== $.length && ($ = t, xr());
+	t.length !== $.length && ($ = t, Fr());
 }
-function Or() {
-	if (!($.length === 0 && vr.size === 0 && yr.size === 0)) {
-		for (let e of vr.values()) clearTimeout(e);
-		vr.clear(), yr.clear(), $.length !== 0 && ($ = [], xr());
+function Hr() {
+	if (!($.length === 0 && Mr.size === 0 && Nr.size === 0)) {
+		for (let e of Mr.values()) clearTimeout(e);
+		Mr.clear(), Nr.clear(), $.length !== 0 && ($ = [], Fr());
 	}
 }
 //#endregion
 //#region src/components/AppToast.jsx
-var kr = {
+var Ur = {
 	success: {
 		icon: "check-circle",
 		assertive: !1
@@ -5489,7 +5728,7 @@ var kr = {
 		icon: "alert-circle",
 		assertive: !0
 	}
-}, Ar = {
+}, Wr = {
 	"top-start": "top-0 start-0",
 	"top-center": "top-0 start-50 translate-middle-x",
 	"top-end": "top-0 end-0",
@@ -5497,21 +5736,21 @@ var kr = {
 	"bottom-start": "bottom-0 start-0",
 	"bottom-center": "bottom-0 start-50 translate-middle-x",
 	"bottom-end": "bottom-0 end-0"
-}, jr = 64, Mr = /* @__PURE__ */ new Set([
+}, Gr = 64, Kr = /* @__PURE__ */ new Set([
 	"rise",
 	"organic",
 	"jelly",
 	"spring"
-]), Nr = /* @__PURE__ */ new Set([
+]), qr = /* @__PURE__ */ new Set([
 	"rounded",
 	"pill",
 	"sharp"
-]), Pr = /* @__PURE__ */ new Set(["auto", "inverse"]);
-function Fr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "rise", shape: r = "rounded", surface: i = "auto", className: a = "", ...s }) {
-	U("AppToast", s), W("AppToast", "position", e, Object.keys(Ar)), W("AppToast", "animation", n, Mr), W("AppToast", "shape", r, Nr), W("AppToast", "surface", i, Pr);
+]), Jr = /* @__PURE__ */ new Set(["auto", "inverse"]);
+function Yr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "rise", shape: r = "rounded", surface: i = "auto", className: a = "", ...s }) {
+	W("AppToast", s), G("AppToast", "position", e, Object.keys(Wr)), G("AppToast", "animation", n, Kr), G("AppToast", "shape", r, qr), G("AppToast", "surface", i, Jr);
 	let [c, l] = f([]);
-	o(() => wr(l), []);
-	let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p = Ar[e] ?? Ar["bottom-end"];
+	o(() => Rr(l), []);
+	let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p = Wr[e] ?? Wr["bottom-end"];
 	return /* @__PURE__ */ D("div", {
 		...s,
 		className: `wui-toast-container toast-container position-fixed ${p} p-3 ${a}`.trim(),
@@ -5523,7 +5762,7 @@ function Fr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
 				u,
 				" more"
 			]
-		}), d.map((e) => /* @__PURE__ */ E(Ir, {
+		}), d.map((e) => /* @__PURE__ */ E(Xr, {
 			toast: e,
 			defaultAnimation: n,
 			defaultShape: r,
@@ -5531,14 +5770,14 @@ function Fr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
 		}, e.id))]
 	});
 }
-function Ir({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded", defaultSurface: r = "auto" }) {
-	let i = kr[e.variant] ?? kr.success, a = Mr.has(e.animation) ? e.animation : t, s = Nr.has(e.shape) ? e.shape : n, c = Pr.has(e.surface) ? e.surface : r, l = (a !== "rise" && Mr.has(a) ? ` wui-toast--anim-${a}` : "") + (s !== "rounded" && Nr.has(s) ? ` wui-toast--shape-${s}` : "") + (c === "inverse" ? " wui-toast--surface-inverse" : ""), u = e.duration === 0, [p, m] = f(0), [h, g] = f(!1), _ = d(null), v = () => Dr(e.id), y = d(null);
+function Xr({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded", defaultSurface: r = "auto" }) {
+	let i = Ur[e.variant] ?? Ur.success, a = Kr.has(e.animation) ? e.animation : t, s = qr.has(e.shape) ? e.shape : n, c = Jr.has(e.surface) ? e.surface : r, l = (a !== "rise" && Kr.has(a) ? ` wui-toast--anim-${a}` : "") + (s !== "rounded" && qr.has(s) ? ` wui-toast--shape-${s}` : "") + (c === "inverse" ? " wui-toast--surface-inverse" : ""), u = e.duration === 0, [p, m] = f(0), [h, g] = f(!1), _ = d(null), v = () => Vr(e.id), y = d(null);
 	o(() => {
 		if (e.duration === 0) return;
-		Er(e.id);
+		Br(e.id);
 		let t = y.current, n = t == null ? "" : getComputedStyle(t).animationName;
 		if (t != null && (typeof t.getAnimations == "function" ? t.getAnimations().length > 0 : n !== "" && n !== "none")) return;
-		let r = setTimeout(() => Dr(e.id), e.duration);
+		let r = setTimeout(() => Vr(e.id), e.duration);
 		return () => clearTimeout(r);
 	}, [e.id, e.duration]);
 	let b = (e) => {
@@ -5550,7 +5789,7 @@ function Ir({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
 	}, C = (e) => {
 		if (_.current === null) return;
 		let t = e.clientX - _.current;
-		if (Math.abs(t) > jr) {
+		if (Math.abs(t) > Gr) {
 			v();
 			return;
 		}
@@ -5634,8 +5873,8 @@ function Ir({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
 }
 //#endregion
 //#region src/components/AppToolbar.jsx
-function Lr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelect: i, label: a, name: o, disabled: c = !1, className: l = "", ...u }) {
-	U("AppToolbar", u);
+function Zr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelect: i, label: a, name: o, disabled: c = !1, className: l = "", ...u }) {
+	W("AppToolbar", u);
 	let d = s(), p = o || d, [m, h] = f(r), g = n === void 0 ? m : n;
 	return /* @__PURE__ */ D("div", {
 		className: [
@@ -5692,8 +5931,8 @@ function Lr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelec
 }
 //#endregion
 //#region src/components/AppWizard.jsx
-var Rr = i(function({ steps: t = [], children: n, active: r, defaultActive: i = 0, onStepChange: a, onFinish: s, onSkip: c, beforeNext: l, onInvalid: u, variant: f = "steps", tone: p, orientation: m = "horizontal", skippable: h = !1, nonLinear: g = !1, hideStepper: _ = !1, disabled: v = !1, label: y = "Progress", backLabel: b = "Back", nextLabel: x = "Next", skipLabel: S = "Skip", finishLabel: C = "Finish", className: w = "", ...T }, D) {
-	U("AppWizard", T);
+var Qr = i(function({ steps: t = [], children: n, active: r, defaultActive: i = 0, onStepChange: a, onFinish: s, onSkip: c, beforeNext: l, onInvalid: u, variant: f = "steps", tone: p, orientation: m = "horizontal", skippable: h = !1, nonLinear: g = !1, hideStepper: _ = !1, disabled: v = !1, label: y = "Progress", backLabel: b = "Back", nextLabel: x = "Next", skipLabel: S = "Skip", finishLabel: C = "Finish", className: w = "", ...T }, D) {
+	W("AppWizard", T);
 	let O = d(null), k = (e) => {
 		O.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
 	}, A = e.toArray(n), j = [p && `wui-step-tone-${p}`, w].filter(Boolean).join(" ");
@@ -5744,15 +5983,15 @@ var Rr = i(function({ steps: t = [], children: n, active: r, defaultActive: i =
 			children: A[t]
 		}, e.key ?? `${e.label}-${t}`))
 	});
-}), zr = /* @__PURE__ */ new Set([
+}), $r = /* @__PURE__ */ new Set([
 	"ArrowUp",
 	"ArrowDown",
 	"ArrowLeft",
 	"ArrowRight"
 ]);
-function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAction: i, linkComponent: a, searchable: s = !1, onCreate: c, canCreate: l = !1, createLabel: p = "Create workspace", compact: m = !1, size: h = "md", ariaLabel: g, ..._ }) {
+function ei({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAction: i, linkComponent: a, searchable: s = !1, onCreate: c, canCreate: l = !1, createLabel: p = "Create workspace", compact: m = !1, size: h = "md", ariaLabel: g, ..._ }) {
 	let { onToggle: y, ...b } = _;
-	U("AppWorkspaceSwitcher", b);
+	W("AppWorkspaceSwitcher", b);
 	let [x, S] = f(""), [C, w] = f(!1), T = d(null), O = (e, t) => {
 		w(e), y?.(e, t);
 	}, k = e.find((e) => e.id === t) ?? e[0], A = u(() => {
@@ -5770,7 +6009,7 @@ function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
 		let e = T.current;
 		if (!e) return;
 		let t = (e) => {
-			if (zr.has(e.key)) {
+			if ($r.has(e.key)) {
 				e.stopPropagation();
 				return;
 			}
@@ -5788,7 +6027,7 @@ function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
 		onToggle: O,
 		...b,
 		children: [/* @__PURE__ */ E(v.Toggle, {
-			as: Wr,
+			as: ii,
 			compact: m,
 			tenant: k,
 			"aria-label": M
@@ -5823,7 +6062,7 @@ function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
 						className: `workspace-switcher-option${e.id === k?.id ? " is-active" : ""}`,
 						onClick: () => n?.(e),
 						children: [
-							/* @__PURE__ */ E(Hr, { tenant: e }),
+							/* @__PURE__ */ E(ni, { tenant: e }),
 							/* @__PURE__ */ E("span", {
 								className: "workspace-switcher-option-name",
 								children: e.name
@@ -5855,17 +6094,17 @@ function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
 				}) : null,
 				i ? /* @__PURE__ */ E("div", {
 					className: "workspace-switcher-footer",
-					children: Ur(i, a)
+					children: ri(i, a)
 				}) : null
 			]
 		})]
 	});
 }
-function Vr(e) {
+function ti(e) {
 	let t = String(e ?? "").trim().split(/\s+/).filter(Boolean);
 	return t.length === 0 ? "" : (t[0][0] + (t.length > 1 ? t[t.length - 1][0] : "")).toUpperCase();
 }
-function Hr({ tenant: e }) {
+function ni({ tenant: e }) {
 	return e?.logoUrl ? /* @__PURE__ */ E("img", {
 		className: "workspace-switcher-mark",
 		src: e.logoUrl,
@@ -5873,10 +6112,10 @@ function Hr({ tenant: e }) {
 		loading: "lazy"
 	}) : /* @__PURE__ */ E("span", {
 		className: "workspace-switcher-mark",
-		children: Vr(e?.name)
+		children: ti(e?.name)
 	});
 }
-function Ur(e, t) {
+function ri(e, t) {
 	if (typeof e != "object" || !e || !("label" in e)) return e;
 	let { label: n, icon: r, href: i } = e;
 	return /* @__PURE__ */ D(i ? t ?? "a" : "button", {
@@ -5888,7 +6127,7 @@ function Ur(e, t) {
 		}) : null, n]
 	});
 }
-var Wr = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i }, a) {
+var ii = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i }, a) {
 	return /* @__PURE__ */ D("button", {
 		ref: a,
 		type: "button",
@@ -5896,7 +6135,7 @@ var Wr = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
 		"aria-haspopup": "true",
 		"aria-label": n,
 		...i,
-		children: [/* @__PURE__ */ E(Hr, { tenant: t }), e ? null : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
+		children: [/* @__PURE__ */ E(ni, { tenant: t }), e ? null : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
 			className: "workspace-switcher-trigger-name",
 			children: t?.name
 		}), /* @__PURE__ */ E(Y, {
@@ -5908,36 +6147,36 @@ var Wr = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
 });
 //#endregion
 //#region src/components/toast.js
-function Gr() {
-	Or();
+function ai() {
+	Hr();
 }
-var Kr = /* @__PURE__ */ new Set([
+var oi = /* @__PURE__ */ new Set([
 	"success",
 	"info",
 	"warning",
 	"danger"
 ]);
-function qr(e, t = "info") {
+function si(e, t = "info") {
 	let n = "info", r = {};
-	typeof t == "string" ? n = Kr.has(t) ? t : "info" : typeof t == "object" && t && (r = t, n = Kr.has(r.variant) ? r.variant : "info"), Tr(e, n, r);
+	typeof t == "string" ? n = oi.has(t) ? t : "info" : typeof t == "object" && t && (r = t, n = oi.has(r.variant) ? r.variant : "info"), zr(e, n, r);
 }
-function Jr(e, t = {}) {
-	Tr(e, "danger", t);
+function ci(e, t = {}) {
+	zr(e, "danger", t);
 }
-qr.promise = (e, t, n = {}) => {
+si.promise = (e, t, n = {}) => {
 	let r = n.id || `promise-${Date.now()}-${Math.random()}`;
-	return qr(t.loading || "Loading...", {
+	return si(t.loading || "Loading...", {
 		...n,
 		variant: "info",
 		id: r,
 		duration: 0
-	}), e.then((e) => (qr((typeof t.success == "function" ? t.success(e) : t.success) || "Done", {
+	}), e.then((e) => (si((typeof t.success == "function" ? t.success(e) : t.success) || "Done", {
 		...n,
 		variant: "success",
 		id: r,
 		duration: n.duration === void 0 ? 5e3 : n.duration
 	}), e)).catch((e) => {
-		throw qr((typeof t.error == "function" ? t.error(e) : t.error) || "Error", {
+		throw si((typeof t.error == "function" ? t.error(e) : t.error) || "Error", {
 			...n,
 			variant: "danger",
 			id: r,
@@ -5946,8 +6185,21 @@ qr.promise = (e, t, n = {}) => {
 	});
 };
 //#endregion
+//#region src/lib/useCommandPaletteShortcut.js
+function li(e, { key: t = "k" } = {}) {
+	let n = d(e);
+	o(() => {
+		n.current = e;
+	}), o(() => {
+		let e = String(t).toLowerCase(), r = (t) => {
+			!(t.ctrlKey || t.metaKey) || t.altKey || t.shiftKey || t.repeat || String(t.key).toLowerCase() === e && (t.preventDefault(), n.current?.());
+		};
+		return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
+	}, [t]);
+}
+//#endregion
 //#region src/lib/usePagination.js
-function Yr(e, t = 10) {
+function ui(e, t = 10) {
 	let [n, r] = f(1), [i, a] = f(t), s = e.length, c = Math.max(1, Math.ceil(s / i));
 	o(() => {
 		n > c && r(c);
@@ -5973,4 +6225,4 @@ function Yr(e, t = 10) {
 	};
 }
 //#endregion
-export { Oe as AppAccordion, ke as AppActionIcon, Me as AppAlert, ze as AppAsyncBlock, Ze as AppAutocomplete, rt as AppAvatar, ot as AppAvatarGroup, st as AppBadge, lt as AppBanner, ut as AppBreadcrumbs, Ie as AppButton, ft as AppCallout, mt as AppCard, gt as AppCheckbox, _t as AppChip, vt as AppChoiceCard, yt as AppChoiceChip, bt as AppColorField, St as AppCompareTable, jt as AppConfirmDialog, Nt as AppConsentBanner, Ft as AppCopyButton, Gt as AppDataTable, Kt as AppDatePicker, qt as AppDateRangePicker, Jt as AppDescriptions, Zt as AppDropdown, Le as AppEmptyState, an as AppFileAttachment, cn as AppFilePicker, ln as AppFloatingDock, un as AppFormActions, dn as AppFormRow, fn as AppFormSection, Y as AppIcon, pn as AppInfoList, He as AppInfoTip, Ct as AppInput, vn as AppKpiTile, Sn as AppLink, wn as AppLogoPicker, On as AppMeter, Ot as AppModal, kn as AppMultiSelect, An as AppNumberInput, jn as AppOtpInput, Mn as AppPageHeader, Nn as AppPagination, Pn as AppPhoneNumberInput, Ve as AppPopover, Fn as AppPricingCard, Rn as AppProgress, zn as AppRadio, Bn as AppRepeater, Z as AppRequiredMark, Vn as AppResourceCard, Un as AppResult, Wn as AppScrollbar, Gn as AppSearch, Kn as AppSegmented, Jn as AppSelect, Bt as AppSelectMini, Yn as AppShell, Qn as AppSidebarMenu, It as AppSkeleton, Lt as AppSkeletonRows, $n as AppSlider, Re as AppSpinner, tr as AppSplash, nr as AppStatusBadge, rr as AppStepper, ar as AppSwitch, or as AppTableEmptyState, Ht as AppTablePagination, ur as AppTabs, dr as AppTagInput, fr as AppTextarea, hr as AppTimePicker, mr as AppTimeline, Fr as AppToast, Lr as AppToolbar, G as AppTooltip, Rr as AppWizard, Br as AppWorkspaceSwitcher, At as MODAL_ICONS, Gr as dismissAll, Jr as errorToast, Te as iconNames, De as registerIcons, qr as toast, Yr as usePagination };
+export { ke as AppAccordion, je as AppActionIcon, Ie as AppAlert, Ue as AppAsyncBlock, nt as AppAutocomplete, ct as AppAvatar, dt as AppAvatarGroup, ft as AppBadge, mt as AppBanner, ht as AppBreadcrumbs, Be as AppButton, _t as AppCard, yt as AppCheckbox, bt as AppChip, wt as AppChoiceCard, Tt as AppChoiceChip, Et as AppColorField, Nt as AppCommandPalette, Rt as AppCompareTable, Ht as AppConfirmDialog, Wt as AppConsentBanner, Kt as AppCopyButton, Jt as AppCountrySelect, an as AppDataTable, on as AppDatePicker, sn as AppDateRangePicker, cn as AppDescriptions, dn as AppDropdown, Ve as AppEmptyState, vn as AppFileAttachment, xn as AppFilePicker, Sn as AppFloatingDock, Cn as AppFormActions, wn as AppFormRow, Tn as AppFormSection, Y as AppIcon, En as AppInfoList, qe as AppInfoTip, zt as AppInput, jn as AppKpiTile, Fn as AppLink, Ln as AppLogoPicker, Vn as AppMeter, jt as AppModal, Hn as AppMultiSelect, Un as AppNumberInput, Wn as AppOtpInput, Gn as AppPageHeader, Kn as AppPagination, qn as AppPhoneNumberInput, Ge as AppPopover, Jn as AppPricingCard, Zn as AppProgress, Qn as AppRadio, $n as AppRepeater, Z as AppRequiredMark, er as AppResourceCard, nr as AppResult, rr as AppScrollbar, ir as AppSearch, or as AppSegmented, cr as AppSelect, $t as AppSelectMini, lr as AppShell, fr as AppSidebarMenu, Yt as AppSkeleton, Xt as AppSkeletonRows, pr as AppSlider, He as AppSpinner, hr as AppSplash, gr as AppStatusBadge, _r as AppStepper, yr as AppSwitch, br as AppTableEmptyState, tn as AppTablePagination, wr as AppTabs, Tr as AppTagInput, Er as AppTextarea, kr as AppTimePicker, Or as AppTimeline, Yr as AppToast, Zr as AppToolbar, ce as AppTooltip, Qr as AppWizard, ei as AppWorkspaceSwitcher, Vt as MODAL_ICONS, ai as dismissAll, ci as errorToast, Ee as iconNames, Oe as registerIcons, si as toast, li as useCommandPaletteShortcut, ui as usePagination };