@dpa-id-components/dpa-shared-components 22.0.0-next.1 → 22.0.0-next.3

package/dist/assets/icons/lock-filled.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/assets/icons/play-filled.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiIcon/icons.d.ts

@@ -98,6 +98,7 @@ export declare const icons: {
     readonly list: () => Promise<typeof import("../../assets/icons/list.vue")>;
     readonly "list-search": () => Promise<typeof import("../../assets/icons/list-search.vue")>;
     readonly lock: () => Promise<typeof import("../../assets/icons/lock.vue")>;
+    readonly "lock-filled": () => Promise<typeof import("../../assets/icons/lock-filled.vue")>;
     readonly mail: () => Promise<typeof import("../../assets/icons/mail.vue")>;
     readonly map: () => Promise<typeof import("../../assets/icons/map.vue")>;
     readonly "map-filled": () => Promise<typeof import("../../assets/icons/map-filled.vue")>;
@@ -122,6 +123,7 @@ export declare const icons: {
     readonly pin: () => Promise<typeof import("../../assets/icons/pin.vue")>;
     readonly planning: () => Promise<typeof import("../../assets/icons/planning.vue")>;
     readonly play: () => Promise<typeof import("../../assets/icons/play.vue")>;
+    readonly "play-filled": () => Promise<typeof import("../../assets/icons/play-filled.vue")>;
     readonly plus: () => Promise<typeof import("../../assets/icons/plus.vue")>;
     readonly print: () => Promise<typeof import("../../assets/icons/print.vue")>;
     readonly refresh: () => Promise<typeof import("../../assets/icons/refresh.vue")>;

package/dist/components/UiToggleButton/UiToggleButton.vue.d.ts

@@ -2,7 +2,7 @@ type __VLS_Slots = {
     /**
      * Label content.
      */
-    default?: () => any;
+    default: () => any;
 };
 type __VLS_Props = {
     id?: string;

package/dist/dpa-shared-components.js

@@ -114,75 +114,77 @@ var pe = Object.defineProperty, me = Object.getOwnPropertyDescriptor, he = Objec
 	lightbulb: () => import("./lightbulb-DKJrsADi.js"),
 	list: () => import("./list-BviTrZEl.js"),
 	"list-search": () => import("./list-search-Ck6anukf.js"),
-	lock: () => import("./lock-C5vUwbkA.js"),
-	mail: () => import("./mail-CtA-d2d0.js"),
-	map: () => import("./map-FF2zfEGP.js"),
-	"map-filled": () => import("./map-filled-Y8JaYK4Y.js"),
-	menu: () => import("./menu-DFzmvE6J.js"),
-	minus: () => import("./minus-COmVHb9S.js"),
-	"more-horizontal": () => import("./more-horizontal-DzHbd3yn.js"),
-	"more-vertical": () => import("./more-vertical-CiJm6ZaV.js"),
-	move: () => import("./move-CUyDTrlz.js"),
-	"move-up-down": () => import("./move-up-down-3AiMDXGu.js"),
-	navigation: () => import("./navigation-BryXzz7G.js"),
-	note: () => import("./note-CXIfkCb0.js"),
-	offline: () => import("./offline-BlqqTvjx.js"),
-	package: () => import("./package-BEkSqrZt.js"),
-	"paper-plane": () => import("./paper-plane-CwVjTgAB.js"),
-	pause: () => import("./pause-D-nbILiS.js"),
-	pdf: () => import("./pdf-C7o5LP5D.js"),
-	pen: () => import("./pen-5O6IZM5k.js"),
-	"pen-check": () => import("./pen-check-GQoVyZ_V.js"),
-	people: () => import("./people-CFA1u84D.js"),
-	phone: () => import("./phone-BmL2p-7F.js"),
-	picture: () => import("./picture-jf1PkZfY.js"),
-	pin: () => import("./pin-CTaBntUQ.js"),
-	planning: () => import("./planning-s3sRV6ix.js"),
-	play: () => import("./play-CArB2O7k.js"),
-	plus: () => import("./plus-Dm-ZxxHJ.js"),
-	print: () => import("./print-B5fjHJZL.js"),
-	refresh: () => import("./refresh-gU5ZZuG6.js"),
-	reset: () => import("./reset-CwU1iGF5.js"),
-	responsive: () => import("./responsive-BHNmDmM6.js"),
-	"rubix-thema": () => import("./rubix-thema-BZvVEFud.js"),
-	save: () => import("./save-mTHDeUnL.js"),
-	"saved-search": () => import("./saved-search-DJO4_yPH.js"),
-	"saved-search-filled": () => import("./saved-search-filled-CNz5iwu_.js"),
-	search: () => import("./search-B5yHBLf_.js"),
-	settings: () => import("./settings-Hb_Y7Y53.js"),
-	share: () => import("./share-OpdW8ZmZ.js"),
-	"share-alternative": () => import("./share-alternative-C3pSVTYb.js"),
-	sidebar: () => import("./sidebar-DtAUGBof.js"),
-	"sidebar-filled": () => import("./sidebar-filled-BnnqCUYl.js"),
-	slack: () => import("./slack-mCoCq7b9.js"),
-	"slider-config": () => import("./slider-config-yjKG-9r9.js"),
-	spellcheck: () => import("./spellcheck-bP4DPCKJ.js"),
-	spinner: () => import("./spinner-CrCQ6H6L.js"),
-	"standard-view": () => import("./standard-view-CN0ixRE4.js"),
-	star: () => import("./star-BKWqck4u.js"),
-	"star-filled": () => import("./star-filled-CdXMXBn7.js"),
-	stop: () => import("./stop-B8l9lmwT.js"),
-	story: () => import("./story-Cxy8EkgB.js"),
-	sync: () => import("./sync-BW_fAqt6.js"),
-	tasks: () => import("./tasks-DLNuebMi.js"),
-	text: () => import("./text-CPSps-qh.js"),
-	"thumbs-down": () => import("./thumbs-down-pSf_ND98.js"),
-	"thumbs-up": () => import("./thumbs-up-Braz70N6.js"),
-	"thumbs-up-double": () => import("./thumbs-up-double-C6foUkOq.js"),
-	topic: () => import("./topic-BamlhBNV.js"),
-	union: () => import("./union-CYw04THu.js"),
-	upload: () => import("./upload-BL_iLqTa.js"),
-	"user-need-divert-me": () => import("./user-need-divert-me-2RaqdMMH.js"),
-	"user-need-educate-me": () => import("./user-need-educate-me-CRi42bIc.js"),
-	"user-need-give-me-perspective": () => import("./user-need-give-me-perspective-BIF7v9vF.js"),
-	"user-need-help-me": () => import("./user-need-help-me-O0XSLzP-.js"),
-	"user-need-touch-me": () => import("./user-need-touch-me-BueJ3SSh.js"),
-	"user-need-update-me": () => import("./user-need-update-me-DP574fsn.js"),
-	video: () => import("./video-CWHoNlON.js"),
-	"video-overlay": () => import("./video-overlay-D6e61Eo7.js"),
-	view: () => import("./view-Bc5W8beK.js"),
-	"view-off": () => import("./view-off-DquC2i3E.js"),
-	"volume-up": () => import("./volume-up-DEzoW7Bq.js")
+	lock: () => import("./lock-Dv7XHTQp.js"),
+	"lock-filled": () => import("./lock-filled-Bi_mH2A-.js"),
+	mail: () => import("./mail-BBU73oBg.js"),
+	map: () => import("./map-ChyXZkb4.js"),
+	"map-filled": () => import("./map-filled-DG4BwVQo.js"),
+	menu: () => import("./menu-Dx9cgqxe.js"),
+	minus: () => import("./minus-DkCYxSkQ.js"),
+	"more-horizontal": () => import("./more-horizontal-c6TlnC21.js"),
+	"more-vertical": () => import("./more-vertical-BUz_UWPT.js"),
+	move: () => import("./move-C3IOZIl7.js"),
+	"move-up-down": () => import("./move-up-down-DMvukk4h.js"),
+	navigation: () => import("./navigation-BiEFOSmS.js"),
+	note: () => import("./note-SrqI5m8n.js"),
+	offline: () => import("./offline-UyYgVOeH.js"),
+	package: () => import("./package-DlxyzZ6H.js"),
+	"paper-plane": () => import("./paper-plane-rpVAty7i.js"),
+	pause: () => import("./pause-C6E6QfcV.js"),
+	pdf: () => import("./pdf-B4gHF03O.js"),
+	pen: () => import("./pen-im8XsK0s.js"),
+	"pen-check": () => import("./pen-check-CNrvx2ns.js"),
+	people: () => import("./people-DzOP6pil.js"),
+	phone: () => import("./phone-B0pmRKLI.js"),
+	picture: () => import("./picture-1NpQXh5F.js"),
+	pin: () => import("./pin-BOW6sde5.js"),
+	planning: () => import("./planning-DdILTFP4.js"),
+	play: () => import("./play-X3Ob-qza.js"),
+	"play-filled": () => import("./play-filled-DYyCOR9Y.js"),
+	plus: () => import("./plus-Bh6PRV0l.js"),
+	print: () => import("./print-BLPvvCA8.js"),
+	refresh: () => import("./refresh-CU1dwwoY.js"),
+	reset: () => import("./reset-Dgbd_O_e.js"),
+	responsive: () => import("./responsive-BQ5xjhN4.js"),
+	"rubix-thema": () => import("./rubix-thema-OSZXu-Md.js"),
+	save: () => import("./save-CIg7q65b.js"),
+	"saved-search": () => import("./saved-search-CeLi3iw6.js"),
+	"saved-search-filled": () => import("./saved-search-filled-BTrN8F4r.js"),
+	search: () => import("./search-CQIKBYqi.js"),
+	settings: () => import("./settings-BMFNH3LB.js"),
+	share: () => import("./share-DMoEV0Gq.js"),
+	"share-alternative": () => import("./share-alternative-P6c3Vi7L.js"),
+	sidebar: () => import("./sidebar-D2uDpQM0.js"),
+	"sidebar-filled": () => import("./sidebar-filled-LiiR992T.js"),
+	slack: () => import("./slack-CP6YIaQf.js"),
+	"slider-config": () => import("./slider-config-B_eNooTe.js"),
+	spellcheck: () => import("./spellcheck-B0Il_eZe.js"),
+	spinner: () => import("./spinner-CRHdpyRR.js"),
+	"standard-view": () => import("./standard-view-CmlAxXrM.js"),
+	star: () => import("./star-x38wQI5a.js"),
+	"star-filled": () => import("./star-filled-V0iRfD5M.js"),
+	stop: () => import("./stop-BKrExcb1.js"),
+	story: () => import("./story-B2rvDIJr.js"),
+	sync: () => import("./sync-DXiTJomf.js"),
+	tasks: () => import("./tasks-bFDeHCo2.js"),
+	text: () => import("./text-bDVoEwpJ.js"),
+	"thumbs-down": () => import("./thumbs-down-BAjh-Ctz.js"),
+	"thumbs-up": () => import("./thumbs-up-DCwzHniR.js"),
+	"thumbs-up-double": () => import("./thumbs-up-double-CIPSNbd7.js"),
+	topic: () => import("./topic-Cv-whi27.js"),
+	union: () => import("./union-BYS3V2vp.js"),
+	upload: () => import("./upload-Dvuj2qmk.js"),
+	"user-need-divert-me": () => import("./user-need-divert-me-D33Y5bma.js"),
+	"user-need-educate-me": () => import("./user-need-educate-me-BC53AIXw.js"),
+	"user-need-give-me-perspective": () => import("./user-need-give-me-perspective-D17ApF3n.js"),
+	"user-need-help-me": () => import("./user-need-help-me-BWdR9Tv7.js"),
+	"user-need-touch-me": () => import("./user-need-touch-me-q1HCbpQ7.js"),
+	"user-need-update-me": () => import("./user-need-update-me-BItjScS5.js"),
+	video: () => import("./video-BFPO-328.js"),
+	"video-overlay": () => import("./video-overlay-DnN10S5T.js"),
+	view: () => import("./view-C4Sx7i27.js"),
+	"view-off": () => import("./view-off-BtkqBEfJ.js"),
+	"volume-up": () => import("./volume-up-_3rO2YWj.js")
 }, xe = {};
 function Se(e, t) {
 	return j(), l("div");
@@ -14428,15 +14430,15 @@ var zl = {
 		], 2));
 	}
 }), jf = {
-	alert: () => import("./alert-CdAp0ksh.js"),
-	audio: () => import("./audio-Cgg6MUeM.js"),
-	gallery: () => import("./gallery-DPl8qZQu.js"),
-	graphic: () => import("./graphic-BbhCuiiE.js"),
-	package: () => import("./package-pKbuF39E.js"),
-	picture: () => import("./picture-BBiWVmta.js"),
-	story: () => import("./story-DOxZDwJp.js"),
-	text: () => import("./text-Bsl2QZz3.js"),
-	video: () => import("./video-DhS7zpNF.js")
+	alert: () => import("./alert-CFNc2ENq.js"),
+	audio: () => import("./audio-BHaZEzct.js"),
+	gallery: () => import("./gallery-DwPWc5L2.js"),
+	graphic: () => import("./graphic-DMZdoJT7.js"),
+	package: () => import("./package-CT6Qsufx.js"),
+	picture: () => import("./picture-CKfJP6Jt.js"),
+	story: () => import("./story-6skLDsue.js"),
+	text: () => import("./text-ClHl0Uhs.js"),
+	video: () => import("./video-BRSUY0SQ.js")
 }, Mf = {};
 function Nf(e, t) {
 	return j(), l("div");
@@ -14860,7 +14862,7 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 			default: q(() => [ue(u("input", w({
 				id: r.value,
 				"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
-				class: ["inline-flex aspect-square appearance-none items-center justify-center rounded-full border-2 bg-neutral align-middle transition-colors after:size-2 after:rounded-full checked:after:content-[''] not-read-only:enabled:cursor-pointer disabled:border-neutral-muted disabled:text-neutral-soft disabled:checked:after:bg-neutral-muted", {
+				class: ["inline-flex aspect-square appearance-none items-center justify-center rounded-full border-2 bg-neutral align-middle transition-colors after:size-2 after:rounded-full checked:after:content-[''] enabled:cursor-pointer disabled:border-neutral-muted disabled:text-neutral-soft disabled:checked:after:bg-neutral-muted", {
 					"size-4": e.size === "sm",
 					"size-5": e.size === "md",
 					"border-primary checked:after:bg-primary enabled:hover:border-primary-hover": e.appearance === "primary",
@@ -15396,7 +15398,7 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 			"target"
 		]));
 	}
-}), Ep = { class: "relative" }, Dp = ["id"], Op = /* @__PURE__ */ h({
+}), Ep = ["id"], Dp = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiToggleButton",
 	props: /* @__PURE__ */ C({
@@ -15419,37 +15421,28 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 		}, {
 			default: q(() => [
 				e.labelPosition === "left" ? L(n.$slots, "default", { key: 0 }) : c("", !0),
-				u("div", Ep, [
-					ue(u("input", w({
-						id: r.value,
-						"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
-						type: "checkbox",
-						"data-testid": "toggleButton",
-						role: "switch",
-						class: "sr-only"
-					}, {
-						...n.$attrs,
-						class: null
-					}), null, 16, Dp), [[re, t.value]]),
-					u("div", { class: E(["line rounded-full shadow-inner transition-opacity duration-200 ease-in-out", {
-						"bg-secondary opacity-50": t.value,
-						"bg-neutral-faint": !t.value,
-						"h-3 w-6": e.size === "sm",
-						"h-4 w-10": e.size === "lg"
-					}]) }, null, 2),
-					u("div", { class: E([{
-						"translate-x-full bg-secondary": t.value,
-						"bg-neutral-muted": !t.value,
-						"-top-0.5 size-4": e.size === "sm",
-						"-top-1 size-6": e.size === "lg"
-					}, "dot absolute -left-1 rounded-full shadow-sm transition-transform duration-200 ease-in-out"]) }, null, 2)
-				]),
+				ue(u("input", w({
+					id: r.value,
+					"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
+					class: ["relative appearance-none rounded-full shadow-inner transition-opacity duration-200 ease-in-out after:absolute after:-left-1 after:block after:rounded-full after:shadow-sm after:transition-transform after:duration-200 after:ease-in-out after:content-[''] enabled:cursor-pointer", {
+						"bg-secondary-emphasis after:translate-x-full after:bg-secondary": t.value,
+						"bg-neutral-faint after:bg-neutral-muted": !t.value,
+						"h-3 w-6 after:-top-0.5 after:size-4": e.size === "sm",
+						"h-4 w-10 after:-top-1 after:size-6": e.size === "lg"
+					}],
+					type: "checkbox",
+					role: "switch",
+					"data-testid": "toggleButton"
+				}, {
+					...n.$attrs,
+					class: null
+				}), null, 16, Ep), [[re, t.value]]),
 				e.labelPosition === "right" ? L(n.$slots, "default", { key: 1 }) : c("", !0)
 			]),
 			_: 3
 		}, 8, ["for", "class"]));
 	}
-}), kp = ["data-placement"], Ap = /* @__PURE__ */ h({
+}), Op = ["data-placement"], kp = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiTooltip",
 	props: {
@@ -15523,17 +15516,17 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 			"leave-active-class",
 			"leave-to-class",
 			"enter-from-class"
-		])], 12, kp)], 8, ["disabled"]))], 2));
+		])], 12, Op)], 8, ["disabled"]))], 2));
 	}
-}), jp = {
+}), Ap = {
 	sm: "40rem",
 	md: "48rem",
 	lg: "64rem",
 	xl: "80rem",
 	"2xl": "96rem"
 };
-function Mp() {
-	let e = Vr(jp).current();
+function jp() {
+	let e = Vr(Ap).current();
 	return {
 		currentBreakpoint: e,
 		sm: o(() => e.value.includes("sm")),
@@ -15544,4 +15537,4 @@ function Mp() {
 	};
 }
 //#endregion
-export { Ie as DpaMediaItem, Le as UiBadge, fn as UiButton, gn as UiButtonGroup, bn as UiCard, Mn as UiCheckBoxGroup, wn as UiCheckbox, Nn as UiChip, In as UiCollapseNavigation, gr as UiColorPicker, uf as UiDatePicker, hf as UiDialog, _f as UiFilterBadge, bf as UiFilterButton, Te as UiIcon, Sf as UiIconButton, Ef as UiInfoContent, Af as UiInput, xn as UiLabel, On as UiList, jn as UiListItem, Ff as UiMediaTypeIcon, qf as UiMenu, Jf as UiMenuItem, Yf as UiMenuList, Zf as UiOverlay, ep as UiOverlayMenu, zf as UiPopover, rp as UiRadioButton, ip as UiRadioInputGroup, up as UiSearchBar, mp as UiSearchInput, hp as UiSection, gp as UiSectionDivider, yp as UiSelect, bp as UiSkeletonBox, Sp as UiSnackbar, wp as UiSpinner, Tp as UiTextButton, Op as UiToggleButton, Ap as UiTooltip, un as cn, Mp as useBreakpoints, Lf as vClickAway };
+export { Ie as DpaMediaItem, Le as UiBadge, fn as UiButton, gn as UiButtonGroup, bn as UiCard, Mn as UiCheckBoxGroup, wn as UiCheckbox, Nn as UiChip, In as UiCollapseNavigation, gr as UiColorPicker, uf as UiDatePicker, hf as UiDialog, _f as UiFilterBadge, bf as UiFilterButton, Te as UiIcon, Sf as UiIconButton, Ef as UiInfoContent, Af as UiInput, xn as UiLabel, On as UiList, jn as UiListItem, Ff as UiMediaTypeIcon, qf as UiMenu, Jf as UiMenuItem, Yf as UiMenuList, Zf as UiOverlay, ep as UiOverlayMenu, zf as UiPopover, rp as UiRadioButton, ip as UiRadioInputGroup, up as UiSearchBar, mp as UiSearchInput, hp as UiSection, gp as UiSectionDivider, yp as UiSelect, bp as UiSkeletonBox, Sp as UiSnackbar, wp as UiSpinner, Tp as UiTextButton, Dp as UiToggleButton, kp as UiTooltip, un as cn, jp as useBreakpoints, Lf as vClickAway };

package/dist/lock-filled-Bi_mH2A-.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/assets/icons/lock-filled.vue
+var i = {}, a = {
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M12 2.11C13.0609 2.11 14.078 2.53173 14.8281 3.28188C15.5783 4.03202 16 5.04913 16 6.11V9.99965H17C17.7956 9.99965 18.5585 10.3161 19.1211 10.8786C19.6836 11.4411 19.9999 12.2041 20 12.9996V18.9996C20 19.7953 19.6837 20.5591 19.1211 21.1217C18.5585 21.6841 17.7955 21.9996 17 21.9996H7C6.2045 21.9996 5.44149 21.6841 4.87891 21.1217C4.3163 20.5591 4 19.7953 4 18.9996V12.9996C4.00009 12.2041 4.31638 11.4411 4.87891 10.8786C5.4415 10.3161 6.20443 9.99965 7 9.99965H8V6.11C8 5.04913 8.42173 4.03202 9.17188 3.28188C9.92202 2.53173 10.9391 2.11 12 2.11ZM12 13.7496C11.4478 13.7496 11.0002 14.1975 11 14.7496V16.7496C11 17.3019 11.4477 17.7496 12 17.7496C12.5523 17.7496 13 17.3019 13 16.7496V14.7496C12.9998 14.1975 12.5522 13.7496 12 13.7496ZM12 3.99965C11.4554 4.01535 10.9393 4.24678 10.5645 4.64223C10.1896 5.03767 9.98655 5.56531 10 6.11V9.99965H14V6.11C14.0135 5.56531 13.8104 5.03767 13.4355 4.64223C13.0607 4.24678 12.5446 4.01535 12 3.99965Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/play-X3Ob-qza.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/assets/icons/play.vue
+var i = {}, a = {
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M8 5.83723V18.1L17.197 11.7828L8 5.83723ZM6 4.91861C6 3.73014 7.31627 3.0137 8.31435 3.65892L18.9129 10.5105C19.8119 11.0917 19.8302 12.4005 18.9478 13.0066L8.34926 20.2864C7.35396 20.9701 6 20.2575 6 19.05V4.91861Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/play-filled-DYyCOR9Y.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/assets/icons/play-filled.vue
+var i = {}, a = {
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M6 4.91861C6 3.73014 7.31627 3.0137 8.31435 3.65892L18.9129 10.5105C19.8119 11.0917 19.8302 12.4005 18.9478 13.0066L8.34926 20.2864C7.35396 20.9701 6 20.2575 6 19.05V4.91861Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/src/assets/icons/lock-filled.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 2.11C13.0609 2.11 14.078 2.53173 14.8281 3.28188C15.5783 4.03202 16 5.04913 16 6.11V9.99965H17C17.7956 9.99965 18.5585 10.3161 19.1211 10.8786C19.6836 11.4411 19.9999 12.2041 20 12.9996V18.9996C20 19.7953 19.6837 20.5591 19.1211 21.1217C18.5585 21.6841 17.7955 21.9996 17 21.9996H7C6.2045 21.9996 5.44149 21.6841 4.87891 21.1217C4.3163 20.5591 4 19.7953 4 18.9996V12.9996C4.00009 12.2041 4.31638 11.4411 4.87891 10.8786C5.4415 10.3161 6.20443 9.99965 7 9.99965H8V6.11C8 5.04913 8.42173 4.03202 9.17188 3.28188C9.92202 2.53173 10.9391 2.11 12 2.11ZM12 13.7496C11.4478 13.7496 11.0002 14.1975 11 14.7496V16.7496C11 17.3019 11.4477 17.7496 12 17.7496C12.5523 17.7496 13 17.3019 13 16.7496V14.7496C12.9998 14.1975 12.5522 13.7496 12 13.7496ZM12 3.99965C11.4554 4.01535 10.9393 4.24678 10.5645 4.64223C10.1896 5.03767 9.98655 5.56531 10 6.11V9.99965H14V6.11C14.0135 5.56531 13.8104 5.03767 13.4355 4.64223C13.0607 4.24678 12.5446 4.01535 12 3.99965Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/assets/icons/play-filled.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M6 4.91861C6 3.73014 7.31627 3.0137 8.31435 3.65892L18.9129 10.5105C19.8119 11.0917 19.8302 12.4005 18.9478 13.0066L8.34926 20.2864C7.35396 20.9701 6 20.2575 6 19.05V4.91861Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/assets/icons/play.vue

@@ -6,7 +6,7 @@
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M10.3846 18.0028C10.0776 18.0028 9.76759 17.9368 9.47859 17.8008C8.83059 17.4948 8.42859 16.8878 8.42859 16.2148V7.78878C8.42859 7.11578 8.83059 6.50878 9.47859 6.20278C10.2106 5.85778 11.0786 5.95878 11.6876 6.46178L16.7866 10.6758C17.1956 11.0118 17.4286 11.4958 17.4286 12.0018C17.4286 12.5078 17.1956 12.9918 16.7866 13.3278L11.6876 17.5408C11.3196 17.8458 10.8556 18.0028 10.3846 18.0028Z"
+      d="M8 5.83723V18.1L17.197 11.7828L8 5.83723ZM6 4.91861C6 3.73014 7.31627 3.0137 8.31435 3.65892L18.9129 10.5105C19.8119 11.0917 19.8302 12.4005 18.9478 13.0066L8.34926 20.2864C7.35396 20.9701 6 20.2575 6 19.05V4.91861Z"
       fill="currentColor"
     />
   </svg>

package/dist/src/components/UiButtonGroup/UiButtonGroup.stories.ts

@@ -1,11 +1,15 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import type {
+  ComponentPropsAndSlots,
+  Meta,
+  StoryObj,
+} from "@storybook/vue3-vite";
 import { ref } from "vue";
 
 import UiButton from "../UiButton/UiButton.vue";
 
 import UiButtonGroup from "./UiButtonGroup.vue";
 
-type PropsAndStoryProps = InstanceType<typeof UiButtonGroup> & {
+type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiButtonGroup> & {
   activeButton: number;
 };
 
@@ -15,14 +19,14 @@ const meta = {
     activeButton: { control: "number" },
   },
   args: {
-    activeButton: 0,
+    activeButton: 1,
   },
   title: "Ui/UiButtonGroup",
   component: UiButtonGroup,
-} satisfies Meta<PropsAndStoryProps>;
+} satisfies Meta<PropsAndCustomArgs>;
 
 export default meta;
-type Story = StoryObj<PropsAndStoryProps>;
+type Story = StoryObj<PropsAndCustomArgs>;
 
 export const Default: Story = {
   render: (args) => ({
@@ -46,7 +50,4 @@ export const Default: Story = {
       </UiButtonGroup>
     `,
   }),
-  args: {
-    activeButton: 1,
-  },
 };

package/dist/src/components/UiCheckbox/UiCheckbox.stories.ts

@@ -1,19 +1,28 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import type {
+  ComponentPropsAndSlots,
+  Meta,
+  StoryObj,
+} from "@storybook/vue3-vite";
 import { ref } from "vue";
 
 import UiCheckbox from "./UiCheckbox.vue";
 
+type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiCheckbox> & {
+  name?: string;
+  disabled?: boolean;
+};
+
 const meta = {
   title: "forms/UiCheckbox",
   component: UiCheckbox,
   argTypes: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
+    name: { control: "text" },
     disabled: { control: "boolean" },
   },
   args: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
+    name: "name",
     disabled: false,
 
     // Props
@@ -24,10 +33,10 @@ const meta = {
     default: "Checkbox",
     errors: "",
   },
-} satisfies Meta<typeof UiCheckbox>;
+} satisfies Meta<PropsAndCustomArgs>;
 
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<PropsAndCustomArgs>;
 
 export const Default: Story = {
   render: (args) => ({

package/dist/src/components/UiIcon/UiIcon.stories.ts

@@ -1,9 +1,13 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import type {
+  ComponentPropsAndSlots,
+  Meta,
+  StoryObj,
+} from "@storybook/vue3-vite";
 
 import { icons } from "./icons.ts";
 import UiIcon from "./UiIcon.vue";
 
-type PropsAndStoryProps = InstanceType<typeof UiIcon> & {
+type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiIcon> & {
   outline: boolean;
 };
 
@@ -18,10 +22,10 @@ const meta = {
   argTypes: {
     outline: { control: "boolean" },
   },
-} satisfies Meta<PropsAndStoryProps>;
+} satisfies Meta<PropsAndCustomArgs>;
 
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<PropsAndCustomArgs>;
 
 export const Default: Story = {
   render: (args) => ({

package/dist/src/components/UiIcon/icons.ts

@@ -100,6 +100,7 @@ export const icons = {
   "list": () => import("../../assets/icons/list.vue"),
   "list-search": () => import("../../assets/icons/list-search.vue"),
   "lock": () => import("../../assets/icons/lock.vue"),
+  "lock-filled": () => import("../../assets/icons/lock-filled.vue"),
   "mail": () => import("../../assets/icons/mail.vue"),
   "map": () => import("../../assets/icons/map.vue"),
   "map-filled": () => import("../../assets/icons/map-filled.vue"),
@@ -124,6 +125,7 @@ export const icons = {
   "pin": () => import("../../assets/icons/pin.vue"),
   "planning": () => import("../../assets/icons/planning.vue"),
   "play": () => import("../../assets/icons/play.vue"),
+  "play-filled": () => import("../../assets/icons/play-filled.vue"),
   "plus": () => import("../../assets/icons/plus.vue"),
   "print": () => import("../../assets/icons/print.vue"),
   "refresh": () => import("../../assets/icons/refresh.vue"),

package/dist/src/components/UiInput/UiInput.stories.ts

@@ -1,14 +1,24 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import type {
+  ComponentPropsAndSlots,
+  Meta,
+  StoryObj,
+} from "@storybook/vue3-vite";
 import { action } from "storybook/actions";
 
 import UiInput from "./UiInput.vue";
 
+type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiInput> & {
+  name?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+};
+
 const meta = {
   title: "forms/UiInput",
   component: UiInput,
   args: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
     name: "name",
     disabled: false,
     readonly: false,
@@ -24,8 +34,8 @@ const meta = {
   },
   argTypes: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
     name: { control: "text" },
+    placeholder: { control: "text" },
     disabled: { control: "boolean" },
     readonly: { control: "boolean" },
   },
@@ -53,17 +63,16 @@ const meta = {
       update: action("update:modelValue"),
     },
   }),
-} satisfies Meta<typeof UiInput>;
+} satisfies Meta<PropsAndCustomArgs>;
 
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<PropsAndCustomArgs>;
 
 export const Default: Story = {};
 
 export const Placeholder: Story = {
   args: {
     // Attributes
-    // @ts-ignore
     placeholder: "Some placeholder text",
 
     // Slots