@poppy-ui/vue 0.0.0-dev.36.93ba5b2

package/dist/components/layout/mask/mask.props.d.ts

@@ -0,0 +1,37 @@
+import { MaskHalf, MaskVariant } from './mask.types';
+export interface MaskConfigurableProps {
+    /**
+     * Shape of the mask to apply to the content.
+     * - `'squircle'`: Smooth squircle shape.
+     * - `'heart'`: Heart shape.
+     * - `'hexagon'`: Vertical hexagon.
+     * - `'hexagon-2'`: Horizontal hexagon.
+     * - `'decagon'`: 10-sided polygon.
+     * - `'pentagon'`: 5-sided polygon.
+     * - `'diamond'`: Diamond shape.
+     * - `'square'`: Square with hard edges.
+     * - `'circle'`: Perfect circle.
+     * - `'star'`: Star shape.
+     * - `'star-2'`: Bold star shape.
+     * - `'triangle'`: Triangle pointing up.
+     * - `'triangle-2'`: Triangle pointing down.
+     * - `'triangle-3'`: Triangle pointing left.
+     * - `'triangle-4'`: Triangle pointing right.
+     */
+    variant?: MaskVariant;
+    /**
+     * When set, only masks half of the content.
+     * - `'half-1'`: Masks the first half.
+     * - `'half-2'`: Masks the second half.
+     */
+    half?: MaskHalf;
+}
+export interface MaskProps extends MaskConfigurableProps {
+    /**
+     * When `true`, renders the mask as inline element.
+     *
+     * @default false
+     */
+    inline?: boolean;
+}
+//# sourceMappingURL=mask.props.d.ts.map

package/dist/components/layout/mask/mask.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.props.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mask/mask.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AACzD,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AACD,MAAM,WAAW,SAAU,SAAQ,qBAAqB;IACtD;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}

package/dist/components/layout/mask/mask.types.d.ts

@@ -0,0 +1,3 @@
+export type MaskVariant = 'squircle' | 'heart' | 'hexagon' | 'hexagon-2' | 'decagon' | 'pentagon' | 'diamond' | 'square' | 'circle' | 'star' | 'star-2' | 'triangle' | 'triangle-2' | 'triangle-3' | 'triangle-4';
+export type MaskHalf = 'half-1' | 'half-2';
+//# sourceMappingURL=mask.types.d.ts.map

package/dist/components/layout/mask/mask.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mask/mask.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,GACT,UAAU,GACV,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAA;AAEhB,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAA"}

package/dist/components/layout/public.d.ts

@@ -0,0 +1,7 @@
+export { default as Divider } from './divider/Divider';
+export { default as Drawer } from './drawer/Drawer';
+export { default as Indicator } from './indicator/Indicator';
+export { default as Join } from './join/Join';
+export { default as Mask } from './mask/Mask';
+export { default as Stack } from './stack/Stack';
+//# sourceMappingURL=public.d.ts.map

package/dist/components/layout/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/components/layout/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/components/layout/public.es.js

@@ -0,0 +1,206 @@
+import { t as e } from "../../symbol-CziS7Pho.js";
+import { n as t } from "../../use-component-config-CaJQbJOW.js";
+import { n, t as r } from "../../build-class.util-Cp-ZBFgO.js";
+import { t as i } from "../../ClassWrapper-DdnnHfAj.js";
+import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, inject as d, mergeModels as f, normalizeClass as p, normalizeStyle as m, openBlock as h, provide as g, renderSlot as _, unref as v, useId as y, useModel as b, vModelCheckbox as x, watch as S, withCtx as C, withDirectives as w } from "vue";
+//#region src/components/layout/divider/divider.context.ts
+var T = e("divider"), E = {
+	horizontal: "divider-horizontal",
+	vertical: "divider-vertical"
+}, D = {
+	neutral: "divider-neutral",
+	primary: "divider-primary",
+	secondary: "divider-secondary",
+	accent: "divider-accent",
+	info: "divider-info",
+	success: "divider-success",
+	warning: "divider-warning",
+	error: "divider-error"
+}, O = {
+	start: "divider-start",
+	end: "divider-end"
+}, k = /* @__PURE__ */ u({
+	__name: "Divider",
+	props: {
+		orientation: {},
+		color: {},
+		placement: {}
+	},
+	setup(e) {
+		let i = t(T, e);
+		return (e, t) => (h(), s("div", { class: p(["divider", v(r)([
+			"w-full",
+			v(n)(E, v(i).orientation),
+			v(n)(D, v(i).color),
+			v(n)(O, v(i).placement)
+		])]) }, [_(e.$slots, "default")], 2));
+	}
+}), A = e("drawer"), j = {
+	start: "drawer-start",
+	end: "drawer-end"
+}, M = 20, N = /* @__PURE__ */ u({
+	__name: "Drawer",
+	props: /*@__PURE__*/ f({
+		side: {},
+		overlay: { type: Boolean },
+		contentClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		sidebarClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ f(["open", "close"], ["update:modelValue"]),
+	setup(e, { expose: r, emit: i }) {
+		let a = e, l = b(e, "modelValue"), u = i, f = t(A, a, {
+			side: "start",
+			overlay: !0
+		}), C = d("drawer-level", 0) + 1;
+		g("drawer-level", C);
+		let T = M + C * 10 + 1, E = `drawer-${y()}`;
+		S(l, (e) => {
+			u(e ? "open" : "close");
+		});
+		function D() {
+			l.value = !0;
+		}
+		function O() {
+			l.value = !1;
+		}
+		return r({
+			open: D,
+			close: O
+		}), (e, t) => (h(), s("div", { class: p(["drawer", v(n)(j, v(f).side)]) }, [
+			w(c("input", {
+				id: E,
+				"onUpdate:modelValue": t[0] ||= (e) => l.value = e,
+				type: "checkbox",
+				class: "drawer-toggle"
+			}, null, 512), [[x, l.value]]),
+			c("div", { class: p(["drawer-content", v(f).contentClass]) }, [_(e.$slots, "default", {
+				drawerId: E,
+				isOpen: l.value,
+				open: D,
+				close: O
+			})], 2),
+			c("aside", {
+				class: p(["drawer-side", v(f).sidebarClass]),
+				style: m({ zIndex: T })
+			}, [v(f).overlay ? (h(), s("label", {
+				key: 0,
+				for: E,
+				"aria-label": "close",
+				class: "drawer-overlay"
+			})) : o("", !0), _(e.$slots, "sidebar", {
+				drawerId: E,
+				isOpen: l.value,
+				open: D,
+				close: O
+			})], 6)
+		], 2));
+	}
+}), P = e("indicator"), F = {
+	start: "indicator-start",
+	end: "indicator-end",
+	top: "indicator-top",
+	bottom: "indicator-bottom"
+}, I = {
+	start: "indicator-start",
+	end: "indicator-end",
+	center: "indicator-center",
+	middle: "indicator-middle"
+}, L = /* @__PURE__ */ u({
+	__name: "Indicator",
+	props: {
+		hide: { type: Boolean },
+		side: {},
+		align: {}
+	},
+	setup(e) {
+		let r = t(P, e);
+		return (e, t) => (h(), s("div", { class: p(["indicator", [v(n)(F, v(r).side), v(n)(I, v(r).align)]]) }, [e.$slots.indicator && !v(r).hide ? (h(), a(i, {
+			key: 0,
+			class: "indicator-item"
+		}, {
+			default: C(() => [_(e.$slots, "indicator")]),
+			_: 3
+		})) : o("", !0), _(e.$slots, "default")], 2));
+	}
+}), R = e("join"), z = {
+	horizontal: "join-horizontal",
+	vertical: "join-vertical"
+}, B = /* @__PURE__ */ u({
+	__name: "Join",
+	props: { direction: {} },
+	setup(e) {
+		let r = t(R, e, { direction: "horizontal" });
+		return (e, t) => (h(), s("div", { class: p(["join", v(n)(z, v(r).direction)]) }, [l(i, { class: "join-item" }, {
+			default: C(() => [_(e.$slots, "default")]),
+			_: 3
+		})], 2));
+	}
+}), V = e("mask"), H = {
+	squircle: "mask-squircle",
+	heart: "mask-heart",
+	hexagon: "mask-hexagon",
+	"hexagon-2": "mask-hexagon-2",
+	decagon: "mask-decagon",
+	pentagon: "mask-pentagon",
+	diamond: "mask-diamond",
+	square: "mask-square",
+	circle: "mask-circle",
+	star: "mask-star",
+	"star-2": "mask-star-2",
+	triangle: "mask-triangle",
+	"triangle-2": "mask-triangle-2",
+	"triangle-3": "mask-triangle-3",
+	"triangle-4": "mask-triangle-4"
+}, U = {
+	"half-1": "mask-half-1",
+	"half-2": "mask-half-2"
+}, W = /* @__PURE__ */ u({
+	__name: "Mask",
+	props: {
+		inline: { type: Boolean },
+		variant: {},
+		half: {}
+	},
+	setup(e) {
+		let r = t(V, e);
+		return (e, t) => (h(), s("div", { class: p(["mask", [
+			v(n)(H, v(r).variant),
+			v(r).inline && "inline-block",
+			v(n)(U, v(r).half)
+		]]) }, [_(e.$slots, "default")], 2));
+	}
+}), G = e("stack"), K = {
+	start: "stack-start",
+	end: "stack-end",
+	top: "stack-top",
+	bottom: "stack-bottom"
+}, q = /* @__PURE__ */ u({
+	__name: "Stack",
+	props: { direction: {} },
+	setup(e) {
+		let r = t(G, e);
+		return (e, t) => (h(), s("div", { class: p(["stack", v(n)(K, v(r).direction)]) }, [_(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { k as Divider, N as Drawer, L as Indicator, B as Join, W as Mask, q as Stack };
+
+//# sourceMappingURL=public.es.js.map

package/dist/components/layout/public.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.es.js","names":["$slots"],"sources":["../../../src/components/layout/divider/divider.context.ts","../../../src/components/layout/divider/Divider.vue","../../../src/components/layout/divider/Divider.vue","../../../src/components/layout/drawer/drawer.context.ts","../../../src/components/layout/drawer/Drawer.vue","../../../src/components/layout/drawer/Drawer.vue","../../../src/components/layout/indicator/indicator.context.ts","../../../src/components/layout/indicator/Indicator.vue","../../../src/components/layout/indicator/Indicator.vue","../../../src/components/layout/join/join.context.ts","../../../src/components/layout/join/Join.vue","../../../src/components/layout/join/Join.vue","../../../src/components/layout/mask/mask.context.ts","../../../src/components/layout/mask/Mask.vue","../../../src/components/layout/mask/Mask.vue","../../../src/components/layout/stack/stack.context.ts","../../../src/components/layout/stack/Stack.vue","../../../src/components/layout/stack/Stack.vue"],"sourcesContent":["import { createComponentConfigKey } from '@/config/symbol'\n\nexport const DIVIDER_CONFIG = createComponentConfigKey('divider')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { clsx, getClass } from '@/utils/build-class.util'\nimport { DIVIDER_CONFIG } from './divider.context'\nimport type { DividerProps } from './divider.props'\nimport type { DividerColor, DividerOrientation, DividerPlacement } from './divider.types'\n\nconst dividerOrientations: ComponentClass<'divider', DividerOrientation> = {\n  horizontal: 'divider-horizontal',\n  vertical: 'divider-vertical',\n}\n\nconst dividerColors: ComponentClass<'divider', DividerColor> = {\n  neutral: 'divider-neutral',\n  primary: 'divider-primary',\n  secondary: 'divider-secondary',\n  accent: 'divider-accent',\n  info: 'divider-info',\n  success: 'divider-success',\n  warning: 'divider-warning',\n  error: 'divider-error',\n}\n\nconst dividerPlacements: ComponentClass<'divider', DividerPlacement> = {\n  start: 'divider-start',\n  end: 'divider-end',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<DividerProps>()\nconst config = useComponentConfig(DIVIDER_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"divider\"\n    :class=\"clsx([\n      'w-full',\n      getClass(dividerOrientations, config.orientation),\n      getClass(dividerColors, config.color),\n      getClass(dividerPlacements, config.placement),\n    ])\"\n  >\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { clsx, getClass } from '@/utils/build-class.util'\nimport { DIVIDER_CONFIG } from './divider.context'\nimport type { DividerProps } from './divider.props'\nimport type { DividerColor, DividerOrientation, DividerPlacement } from './divider.types'\n\nconst dividerOrientations: ComponentClass<'divider', DividerOrientation> = {\n  horizontal: 'divider-horizontal',\n  vertical: 'divider-vertical',\n}\n\nconst dividerColors: ComponentClass<'divider', DividerColor> = {\n  neutral: 'divider-neutral',\n  primary: 'divider-primary',\n  secondary: 'divider-secondary',\n  accent: 'divider-accent',\n  info: 'divider-info',\n  success: 'divider-success',\n  warning: 'divider-warning',\n  error: 'divider-error',\n}\n\nconst dividerPlacements: ComponentClass<'divider', DividerPlacement> = {\n  start: 'divider-start',\n  end: 'divider-end',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<DividerProps>()\nconst config = useComponentConfig(DIVIDER_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"divider\"\n    :class=\"clsx([\n      'w-full',\n      getClass(dividerOrientations, config.orientation),\n      getClass(dividerColors, config.color),\n      getClass(dividerPlacements, config.placement),\n    ])\"\n  >\n    <slot />\n  </div>\n</template>\n","import { createComponentConfigKey } from '@/config/symbol'\n\nexport const DRAWER_CONFIG = createComponentConfigKey('drawer')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { inject, provide, useId, watch } from 'vue'\nimport { DRAWER_CONFIG } from './drawer.context'\nimport type { DrawerProps } from './drawer.props'\nimport type { DrawerSide } from './drawer.types'\n\nconst drawerSides: ComponentClass<'drawer', DrawerSide> = {\n  start: 'drawer-start',\n  end: 'drawer-end',\n}\n\nconst BASE = 20\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<DrawerProps>()\nconst isOpen = defineModel<boolean>({ default: false })\n\nconst emit = defineEmits<{\n  open: []\n  close: []\n}>()\n\nconst config = useComponentConfig(DRAWER_CONFIG, props, {\n  side: 'start',\n  overlay: true,\n})\n\nconst parentLevel = inject('drawer-level', 0)\nconst level = parentLevel + 1\nprovide('drawer-level', level)\n\nconst zIndex = BASE + level * 10 + 1\nconst drawerId = `drawer-${useId()}`\n\nwatch(isOpen, state => {\n  state ? emit('open') : emit('close')\n})\n\nfunction open() {\n  isOpen.value = true\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\ndefineExpose({\n  open,\n  close,\n})\n</script>\n\n<template>\n  <div\n    class=\"drawer\"\n    :class=\"getClass(drawerSides, config.side)\"\n  >\n    <input\n      :id=\"drawerId\"\n      v-model=\"isOpen\"\n      type=\"checkbox\"\n      class=\"drawer-toggle\"\n    />\n\n    <div class=\"drawer-content\" :class=\"config.contentClass\">\n      <slot :drawer-id=\"drawerId\" :is-open=\"isOpen\" :open=\"open\" :close=\"close\" />\n    </div>\n\n    <aside\n      class=\"drawer-side\"\n      :class=\"config.sidebarClass\"\n      :style=\"{ zIndex }\"\n    >\n      <label\n        v-if=\"config.overlay\"\n        :for=\"drawerId\"\n        aria-label=\"close\"\n        class=\"drawer-overlay\"\n      />\n\n      <slot name=\"sidebar\" :drawer-id=\"drawerId\" :is-open=\"isOpen\" :open=\"open\" :close=\"close\" />\n    </aside>\n  </div>\n</template>\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { inject, provide, useId, watch } from 'vue'\nimport { DRAWER_CONFIG } from './drawer.context'\nimport type { DrawerProps } from './drawer.props'\nimport type { DrawerSide } from './drawer.types'\n\nconst drawerSides: ComponentClass<'drawer', DrawerSide> = {\n  start: 'drawer-start',\n  end: 'drawer-end',\n}\n\nconst BASE = 20\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<DrawerProps>()\nconst isOpen = defineModel<boolean>({ default: false })\n\nconst emit = defineEmits<{\n  open: []\n  close: []\n}>()\n\nconst config = useComponentConfig(DRAWER_CONFIG, props, {\n  side: 'start',\n  overlay: true,\n})\n\nconst parentLevel = inject('drawer-level', 0)\nconst level = parentLevel + 1\nprovide('drawer-level', level)\n\nconst zIndex = BASE + level * 10 + 1\nconst drawerId = `drawer-${useId()}`\n\nwatch(isOpen, state => {\n  state ? emit('open') : emit('close')\n})\n\nfunction open() {\n  isOpen.value = true\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\ndefineExpose({\n  open,\n  close,\n})\n</script>\n\n<template>\n  <div\n    class=\"drawer\"\n    :class=\"getClass(drawerSides, config.side)\"\n  >\n    <input\n      :id=\"drawerId\"\n      v-model=\"isOpen\"\n      type=\"checkbox\"\n      class=\"drawer-toggle\"\n    />\n\n    <div class=\"drawer-content\" :class=\"config.contentClass\">\n      <slot :drawer-id=\"drawerId\" :is-open=\"isOpen\" :open=\"open\" :close=\"close\" />\n    </div>\n\n    <aside\n      class=\"drawer-side\"\n      :class=\"config.sidebarClass\"\n      :style=\"{ zIndex }\"\n    >\n      <label\n        v-if=\"config.overlay\"\n        :for=\"drawerId\"\n        aria-label=\"close\"\n        class=\"drawer-overlay\"\n      />\n\n      <slot name=\"sidebar\" :drawer-id=\"drawerId\" :is-open=\"isOpen\" :open=\"open\" :close=\"close\" />\n    </aside>\n  </div>\n</template>\n","import { createComponentConfigKey } from '@/config/symbol'\n\nexport const INDICATOR_CONFIG = createComponentConfigKey('indicator')\n","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { INDICATOR_CONFIG } from './indicator.context'\nimport type { IndicatorProps } from './indicator.props'\nimport type { IndicatorAlign, IndicatorSide } from './indicator.types'\n\nconst indicatorSides: ComponentClass<'indicator', IndicatorSide> = {\n  start: 'indicator-start',\n  end: 'indicator-end',\n  top: 'indicator-top',\n  bottom: 'indicator-bottom',\n}\n\nconst indicatorAligns: ComponentClass<'indicator', IndicatorAlign> = {\n  start: 'indicator-start',\n  end: 'indicator-end',\n  center: 'indicator-center',\n  middle: 'indicator-middle',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<IndicatorProps>()\nconst config = useComponentConfig(INDICATOR_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"indicator\"\n    :class=\"[\n      getClass(indicatorSides, config.side),\n      getClass(indicatorAligns, config.align),\n    ]\"\n  >\n    <ClassWrapper v-if=\"$slots.indicator && !config.hide\" class=\"indicator-item\">\n      <slot name=\"indicator\" />\n    </ClassWrapper>\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { INDICATOR_CONFIG } from './indicator.context'\nimport type { IndicatorProps } from './indicator.props'\nimport type { IndicatorAlign, IndicatorSide } from './indicator.types'\n\nconst indicatorSides: ComponentClass<'indicator', IndicatorSide> = {\n  start: 'indicator-start',\n  end: 'indicator-end',\n  top: 'indicator-top',\n  bottom: 'indicator-bottom',\n}\n\nconst indicatorAligns: ComponentClass<'indicator', IndicatorAlign> = {\n  start: 'indicator-start',\n  end: 'indicator-end',\n  center: 'indicator-center',\n  middle: 'indicator-middle',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<IndicatorProps>()\nconst config = useComponentConfig(INDICATOR_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"indicator\"\n    :class=\"[\n      getClass(indicatorSides, config.side),\n      getClass(indicatorAligns, config.align),\n    ]\"\n  >\n    <ClassWrapper v-if=\"$slots.indicator && !config.hide\" class=\"indicator-item\">\n      <slot name=\"indicator\" />\n    </ClassWrapper>\n    <slot />\n  </div>\n</template>\n","import { createComponentConfigKey } from '@/config/symbol'\n\nexport const JOIN_CONFIG = createComponentConfigKey('join')\n","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { JOIN_CONFIG } from './join.context'\nimport type { JoinProps } from './join.props'\nimport type { JoinDirection } from './join.types'\n\nconst joinDirections: ComponentClass<'join', JoinDirection> = {\n  horizontal: 'join-horizontal',\n  vertical: 'join-vertical',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<JoinProps>()\nconst config = useComponentConfig(JOIN_CONFIG, props, {\n  direction: 'horizontal',\n})\n</script>\n\n<template>\n  <div\n    class=\"join\"\n    :class=\"getClass(joinDirections, config.direction)\"\n  >\n    <ClassWrapper class=\"join-item\">\n      <slot></slot>\n    </ClassWrapper>\n  </div>\n</template>\n","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { JOIN_CONFIG } from './join.context'\nimport type { JoinProps } from './join.props'\nimport type { JoinDirection } from './join.types'\n\nconst joinDirections: ComponentClass<'join', JoinDirection> = {\n  horizontal: 'join-horizontal',\n  vertical: 'join-vertical',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<JoinProps>()\nconst config = useComponentConfig(JOIN_CONFIG, props, {\n  direction: 'horizontal',\n})\n</script>\n\n<template>\n  <div\n    class=\"join\"\n    :class=\"getClass(joinDirections, config.direction)\"\n  >\n    <ClassWrapper class=\"join-item\">\n      <slot></slot>\n    </ClassWrapper>\n  </div>\n</template>\n","import { createComponentConfigKey } from '@/config/symbol'\n\nexport const MASK_CONFIG = createComponentConfigKey('mask')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { MASK_CONFIG } from './mask.context'\nimport type { MaskProps } from './mask.props'\nimport type { MaskHalf, MaskVariant } from './mask.types'\n\nconst maskVariants: ComponentClass<'mask', MaskVariant> = {\n  squircle: 'mask-squircle',\n  heart: 'mask-heart',\n  hexagon: 'mask-hexagon',\n  'hexagon-2': 'mask-hexagon-2',\n  decagon: 'mask-decagon',\n  pentagon: 'mask-pentagon',\n  diamond: 'mask-diamond',\n  square: 'mask-square',\n  circle: 'mask-circle',\n  star: 'mask-star',\n  'star-2': 'mask-star-2',\n  triangle: 'mask-triangle',\n  'triangle-2': 'mask-triangle-2',\n  'triangle-3': 'mask-triangle-3',\n  'triangle-4': 'mask-triangle-4',\n}\n\nconst maskHalfs: ComponentClass<'mask', MaskHalf> = {\n  'half-1': 'mask-half-1',\n  'half-2': 'mask-half-2',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<MaskProps>()\nconst config = useComponentConfig(MASK_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"mask\"\n    :class=\"[\n      getClass(maskVariants, config.variant),\n      config.inline && 'inline-block',\n      getClass(maskHalfs, config.half),\n    ]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { MASK_CONFIG } from './mask.context'\nimport type { MaskProps } from './mask.props'\nimport type { MaskHalf, MaskVariant } from './mask.types'\n\nconst maskVariants: ComponentClass<'mask', MaskVariant> = {\n  squircle: 'mask-squircle',\n  heart: 'mask-heart',\n  hexagon: 'mask-hexagon',\n  'hexagon-2': 'mask-hexagon-2',\n  decagon: 'mask-decagon',\n  pentagon: 'mask-pentagon',\n  diamond: 'mask-diamond',\n  square: 'mask-square',\n  circle: 'mask-circle',\n  star: 'mask-star',\n  'star-2': 'mask-star-2',\n  triangle: 'mask-triangle',\n  'triangle-2': 'mask-triangle-2',\n  'triangle-3': 'mask-triangle-3',\n  'triangle-4': 'mask-triangle-4',\n}\n\nconst maskHalfs: ComponentClass<'mask', MaskHalf> = {\n  'half-1': 'mask-half-1',\n  'half-2': 'mask-half-2',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<MaskProps>()\nconst config = useComponentConfig(MASK_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"mask\"\n    :class=\"[\n      getClass(maskVariants, config.variant),\n      config.inline && 'inline-block',\n      getClass(maskHalfs, config.half),\n    ]\"\n  >\n    <slot />\n  </div>\n</template>\n","import { createComponentConfigKey } from '@/config/symbol'\n\nexport const STACK_CONFIG = createComponentConfigKey('stack')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { STACK_CONFIG } from './stack.context'\nimport type { StackProps } from './stack.props'\nimport type { StackDirection } from './stack.types'\n\nconst stackDirections: ComponentClass<'stack', StackDirection> = {\n  start: 'stack-start',\n  end: 'stack-end',\n  top: 'stack-top',\n  bottom: 'stack-bottom',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<StackProps>()\nconst config = useComponentConfig(STACK_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"stack\"\n    :class=\"getClass(stackDirections, config.direction)\"\n  >\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { STACK_CONFIG } from './stack.context'\nimport type { StackProps } from './stack.props'\nimport type { StackDirection } from './stack.types'\n\nconst stackDirections: ComponentClass<'stack', StackDirection> = {\n  start: 'stack-start',\n  end: 'stack-end',\n  top: 'stack-top',\n  bottom: 'stack-bottom',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<StackProps>()\nconst config = useComponentConfig(STACK_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"stack\"\n    :class=\"getClass(stackDirections, config.direction)\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/layout/public.types.d.ts

@@ -0,0 +1,13 @@
+export type { DividerProps } from './divider/divider.props';
+export * from './divider/divider.types';
+export type { DrawerProps } from './drawer/drawer.props';
+export * from './drawer/drawer.types';
+export type { IndicatorProps } from './indicator/indicator.props';
+export * from './indicator/indicator.types';
+export type { JoinProps } from './join/join.props';
+export * from './join/join.types';
+export type { MaskProps } from './mask/mask.props';
+export * from './mask/mask.types';
+export type { StackProps } from './stack/stack.props';
+export * from './stack/stack.types';
+//# sourceMappingURL=public.types.d.ts.map

package/dist/components/layout/public.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.types.d.ts","sourceRoot":"","sources":["../../../src/components/layout/public.types.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC3D,cAAc,yBAAyB,CAAA;AAEvC,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,uBAAuB,CAAA;AAErC,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,cAAc,6BAA6B,CAAA;AAE3C,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,cAAc,mBAAmB,CAAA;AAEjC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,cAAc,mBAAmB,CAAA;AAEjC,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,cAAc,qBAAqB,CAAA"}

package/dist/components/layout/public.umd.js

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../symbol-Cleu4XHu.cjs"),t=require("../../use-component-config-C-IlXF0W.cjs"),n=require("../../build-class.util-Lo1-M_t1.cjs"),r=require("../../ClassWrapper-BNZO3mhP.cjs");let i=require("vue");var a=e.t(`divider`),o={horizontal:`divider-horizontal`,vertical:`divider-vertical`},s={neutral:`divider-neutral`,primary:`divider-primary`,secondary:`divider-secondary`,accent:`divider-accent`,info:`divider-info`,success:`divider-success`,warning:`divider-warning`,error:`divider-error`},c={start:`divider-start`,end:`divider-end`},l=(0,i.defineComponent)({__name:`Divider`,props:{orientation:{},color:{},placement:{}},setup(e){let r=t.n(a,e);return(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)([`divider`,(0,i.unref)(n.t)([`w-full`,(0,i.unref)(n.n)(o,(0,i.unref)(r).orientation),(0,i.unref)(n.n)(s,(0,i.unref)(r).color),(0,i.unref)(n.n)(c,(0,i.unref)(r).placement)])])},[(0,i.renderSlot)(e.$slots,`default`)],2))}}),u=e.t(`drawer`),d={start:`drawer-start`,end:`drawer-end`},f=20,p=(0,i.defineComponent)({__name:`Drawer`,props:(0,i.mergeModels)({side:{},overlay:{type:Boolean},contentClass:{type:[Boolean,null,String,Object,Array]},sidebarClass:{type:[Boolean,null,String,Object,Array]}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,i.mergeModels)([`open`,`close`],[`update:modelValue`]),setup(e,{expose:r,emit:a}){let o=e,s=(0,i.useModel)(e,`modelValue`),c=a,l=t.n(u,o,{side:`start`,overlay:!0}),p=(0,i.inject)(`drawer-level`,0)+1;(0,i.provide)(`drawer-level`,p);let m=f+p*10+1,h=`drawer-${(0,i.useId)()}`;(0,i.watch)(s,e=>{c(e?`open`:`close`)});function g(){s.value=!0}function _(){s.value=!1}return r({open:g,close:_}),(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)([`drawer`,(0,i.unref)(n.n)(d,(0,i.unref)(l).side)])},[(0,i.withDirectives)((0,i.createElementVNode)(`input`,{id:h,"onUpdate:modelValue":t[0]||=e=>s.value=e,type:`checkbox`,class:`drawer-toggle`},null,512),[[i.vModelCheckbox,s.value]]),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`drawer-content`,(0,i.unref)(l).contentClass])},[(0,i.renderSlot)(e.$slots,`default`,{drawerId:h,isOpen:s.value,open:g,close:_})],2),(0,i.createElementVNode)(`aside`,{class:(0,i.normalizeClass)([`drawer-side`,(0,i.unref)(l).sidebarClass]),style:(0,i.normalizeStyle)({zIndex:m})},[(0,i.unref)(l).overlay?((0,i.openBlock)(),(0,i.createElementBlock)(`label`,{key:0,for:h,"aria-label":`close`,class:`drawer-overlay`})):(0,i.createCommentVNode)(``,!0),(0,i.renderSlot)(e.$slots,`sidebar`,{drawerId:h,isOpen:s.value,open:g,close:_})],6)],2))}}),m=e.t(`indicator`),h={start:`indicator-start`,end:`indicator-end`,top:`indicator-top`,bottom:`indicator-bottom`},g={start:`indicator-start`,end:`indicator-end`,center:`indicator-center`,middle:`indicator-middle`},_=(0,i.defineComponent)({__name:`Indicator`,props:{hide:{type:Boolean},side:{},align:{}},setup(e){let a=t.n(m,e);return(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)([`indicator`,[(0,i.unref)(n.n)(h,(0,i.unref)(a).side),(0,i.unref)(n.n)(g,(0,i.unref)(a).align)]])},[e.$slots.indicator&&!(0,i.unref)(a).hide?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,class:`indicator-item`},{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`indicator`)]),_:3})):(0,i.createCommentVNode)(``,!0),(0,i.renderSlot)(e.$slots,`default`)],2))}}),v=e.t(`join`),y={horizontal:`join-horizontal`,vertical:`join-vertical`},b=(0,i.defineComponent)({__name:`Join`,props:{direction:{}},setup(e){let a=t.n(v,e,{direction:`horizontal`});return(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)([`join`,(0,i.unref)(n.n)(y,(0,i.unref)(a).direction)])},[(0,i.createVNode)(r.t,{class:`join-item`},{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`default`)]),_:3})],2))}}),x=e.t(`mask`),S={squircle:`mask-squircle`,heart:`mask-heart`,hexagon:`mask-hexagon`,"hexagon-2":`mask-hexagon-2`,decagon:`mask-decagon`,pentagon:`mask-pentagon`,diamond:`mask-diamond`,square:`mask-square`,circle:`mask-circle`,star:`mask-star`,"star-2":`mask-star-2`,triangle:`mask-triangle`,"triangle-2":`mask-triangle-2`,"triangle-3":`mask-triangle-3`,"triangle-4":`mask-triangle-4`},C={"half-1":`mask-half-1`,"half-2":`mask-half-2`},w=(0,i.defineComponent)({__name:`Mask`,props:{inline:{type:Boolean},variant:{},half:{}},setup(e){let r=t.n(x,e);return(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)([`mask`,[(0,i.unref)(n.n)(S,(0,i.unref)(r).variant),(0,i.unref)(r).inline&&`inline-block`,(0,i.unref)(n.n)(C,(0,i.unref)(r).half)]])},[(0,i.renderSlot)(e.$slots,`default`)],2))}}),T=e.t(`stack`),E={start:`stack-start`,end:`stack-end`,top:`stack-top`,bottom:`stack-bottom`},D=(0,i.defineComponent)({__name:`Stack`,props:{direction:{}},setup(e){let r=t.n(T,e);return(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)([`stack`,(0,i.unref)(n.n)(E,(0,i.unref)(r).direction)])},[(0,i.renderSlot)(e.$slots,`default`)],2))}});exports.Divider=l,exports.Drawer=p,exports.Indicator=_,exports.Join=b,exports.Mask=w,exports.Stack=D;
+//# sourceMappingURL=public.umd.js.map

package/dist/components/layout/public.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.umd.js","names":["$slots"],"sources":["../../../src/components/layout/divider/divider.context.ts","../../../src/components/layout/divider/Divider.vue","../../../src/components/layout/divider/Divider.vue","../../../src/components/layout/drawer/drawer.context.ts","../../../src/components/layout/drawer/Drawer.vue","../../../src/components/layout/drawer/Drawer.vue","../../../src/components/layout/indicator/indicator.context.ts","../../../src/components/layout/indicator/Indicator.vue","../../../src/components/layout/indicator/Indicator.vue","../../../src/components/layout/join/join.context.ts","../../../src/components/layout/join/Join.vue","../../../src/components/layout/join/Join.vue","../../../src/components/layout/mask/mask.context.ts","../../../src/components/layout/mask/Mask.vue","../../../src/components/layout/mask/Mask.vue","../../../src/components/layout/stack/stack.context.ts","../../../src/components/layout/stack/Stack.vue","../../../src/components/layout/stack/Stack.vue"],"sourcesContent":["import { createComponentConfigKey } from '@/config/symbol'\n\nexport const DIVIDER_CONFIG = createComponentConfigKey('divider')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { clsx, getClass } from '@/utils/build-class.util'\nimport { DIVIDER_CONFIG } from './divider.context'\nimport type { DividerProps } from './divider.props'\nimport type { DividerColor, DividerOrientation, DividerPlacement } from './divider.types'\n\nconst dividerOrientations: ComponentClass<'divider', DividerOrientation> = {\n  horizontal: 'divider-horizontal',\n  vertical: 'divider-vertical',\n}\n\nconst dividerColors: ComponentClass<'divider', DividerColor> = {\n  neutral: 'divider-neutral',\n  primary: 'divider-primary',\n  secondary: 'divider-secondary',\n  accent: 'divider-accent',\n  info: 'divider-info',\n  success: 'divider-success',\n  warning: 'divider-warning',\n  error: 'divider-error',\n}\n\nconst dividerPlacements: ComponentClass<'divider', DividerPlacement> = {\n  start: 'divider-start',\n  end: 'divider-end',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<DividerProps>()\nconst config = useComponentConfig(DIVIDER_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"divider\"\n    :class=\"clsx([\n      'w-full',\n      getClass(dividerOrientations, config.orientation),\n      getClass(dividerColors, config.color),\n      getClass(dividerPlacements, config.placement),\n    ])\"\n  >\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { clsx, getClass } from '@/utils/build-class.util'\nimport { DIVIDER_CONFIG } from './divider.context'\nimport type { DividerProps } from './divider.props'\nimport type { DividerColor, DividerOrientation, DividerPlacement } from './divider.types'\n\nconst dividerOrientations: ComponentClass<'divider', DividerOrientation> = {\n  horizontal: 'divider-horizontal',\n  vertical: 'divider-vertical',\n}\n\nconst dividerColors: ComponentClass<'divider', DividerColor> = {\n  neutral: 'divider-neutral',\n  primary: 'divider-primary',\n  secondary: 'divider-secondary',\n  accent: 'divider-accent',\n  info: 'divider-info',\n  success: 'divider-success',\n  warning: 'divider-warning',\n  error: 'divider-error',\n}\n\nconst dividerPlacements: ComponentClass<'divider', DividerPlacement> = {\n  start: 'divider-start',\n  end: 'divider-end',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<DividerProps>()\nconst config = useComponentConfig(DIVIDER_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"divider\"\n    :class=\"clsx([\n      'w-full',\n      getClass(dividerOrientations, config.orientation),\n      getClass(dividerColors, config.color),\n      getClass(dividerPlacements, config.placement),\n    ])\"\n  >\n    <slot />\n  </div>\n</template>\n","import { createComponentConfigKey } from '@/config/symbol'\n\nexport const DRAWER_CONFIG = createComponentConfigKey('drawer')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { inject, provide, useId, watch } from 'vue'\nimport { DRAWER_CONFIG } from './drawer.context'\nimport type { DrawerProps } from './drawer.props'\nimport type { DrawerSide } from './drawer.types'\n\nconst drawerSides: ComponentClass<'drawer', DrawerSide> = {\n  start: 'drawer-start',\n  end: 'drawer-end',\n}\n\nconst BASE = 20\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<DrawerProps>()\nconst isOpen = defineModel<boolean>({ default: false })\n\nconst emit = defineEmits<{\n  open: []\n  close: []\n}>()\n\nconst config = useComponentConfig(DRAWER_CONFIG, props, {\n  side: 'start',\n  overlay: true,\n})\n\nconst parentLevel = inject('drawer-level', 0)\nconst level = parentLevel + 1\nprovide('drawer-level', level)\n\nconst zIndex = BASE + level * 10 + 1\nconst drawerId = `drawer-${useId()}`\n\nwatch(isOpen, state => {\n  state ? emit('open') : emit('close')\n})\n\nfunction open() {\n  isOpen.value = true\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\ndefineExpose({\n  open,\n  close,\n})\n</script>\n\n<template>\n  <div\n    class=\"drawer\"\n    :class=\"getClass(drawerSides, config.side)\"\n  >\n    <input\n      :id=\"drawerId\"\n      v-model=\"isOpen\"\n      type=\"checkbox\"\n      class=\"drawer-toggle\"\n    />\n\n    <div class=\"drawer-content\" :class=\"config.contentClass\">\n      <slot :drawer-id=\"drawerId\" :is-open=\"isOpen\" :open=\"open\" :close=\"close\" />\n    </div>\n\n    <aside\n      class=\"drawer-side\"\n      :class=\"config.sidebarClass\"\n      :style=\"{ zIndex }\"\n    >\n      <label\n        v-if=\"config.overlay\"\n        :for=\"drawerId\"\n        aria-label=\"close\"\n        class=\"drawer-overlay\"\n      />\n\n      <slot name=\"sidebar\" :drawer-id=\"drawerId\" :is-open=\"isOpen\" :open=\"open\" :close=\"close\" />\n    </aside>\n  </div>\n</template>\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { inject, provide, useId, watch } from 'vue'\nimport { DRAWER_CONFIG } from './drawer.context'\nimport type { DrawerProps } from './drawer.props'\nimport type { DrawerSide } from './drawer.types'\n\nconst drawerSides: ComponentClass<'drawer', DrawerSide> = {\n  start: 'drawer-start',\n  end: 'drawer-end',\n}\n\nconst BASE = 20\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<DrawerProps>()\nconst isOpen = defineModel<boolean>({ default: false })\n\nconst emit = defineEmits<{\n  open: []\n  close: []\n}>()\n\nconst config = useComponentConfig(DRAWER_CONFIG, props, {\n  side: 'start',\n  overlay: true,\n})\n\nconst parentLevel = inject('drawer-level', 0)\nconst level = parentLevel + 1\nprovide('drawer-level', level)\n\nconst zIndex = BASE + level * 10 + 1\nconst drawerId = `drawer-${useId()}`\n\nwatch(isOpen, state => {\n  state ? emit('open') : emit('close')\n})\n\nfunction open() {\n  isOpen.value = true\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\ndefineExpose({\n  open,\n  close,\n})\n</script>\n\n<template>\n  <div\n    class=\"drawer\"\n    :class=\"getClass(drawerSides, config.side)\"\n  >\n    <input\n      :id=\"drawerId\"\n      v-model=\"isOpen\"\n      type=\"checkbox\"\n      class=\"drawer-toggle\"\n    />\n\n    <div class=\"drawer-content\" :class=\"config.contentClass\">\n      <slot :drawer-id=\"drawerId\" :is-open=\"isOpen\" :open=\"open\" :close=\"close\" />\n    </div>\n\n    <aside\n      class=\"drawer-side\"\n      :class=\"config.sidebarClass\"\n      :style=\"{ zIndex }\"\n    >\n      <label\n        v-if=\"config.overlay\"\n        :for=\"drawerId\"\n        aria-label=\"close\"\n        class=\"drawer-overlay\"\n      />\n\n      <slot name=\"sidebar\" :drawer-id=\"drawerId\" :is-open=\"isOpen\" :open=\"open\" :close=\"close\" />\n    </aside>\n  </div>\n</template>\n","import { createComponentConfigKey } from '@/config/symbol'\n\nexport const INDICATOR_CONFIG = createComponentConfigKey('indicator')\n","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { INDICATOR_CONFIG } from './indicator.context'\nimport type { IndicatorProps } from './indicator.props'\nimport type { IndicatorAlign, IndicatorSide } from './indicator.types'\n\nconst indicatorSides: ComponentClass<'indicator', IndicatorSide> = {\n  start: 'indicator-start',\n  end: 'indicator-end',\n  top: 'indicator-top',\n  bottom: 'indicator-bottom',\n}\n\nconst indicatorAligns: ComponentClass<'indicator', IndicatorAlign> = {\n  start: 'indicator-start',\n  end: 'indicator-end',\n  center: 'indicator-center',\n  middle: 'indicator-middle',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<IndicatorProps>()\nconst config = useComponentConfig(INDICATOR_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"indicator\"\n    :class=\"[\n      getClass(indicatorSides, config.side),\n      getClass(indicatorAligns, config.align),\n    ]\"\n  >\n    <ClassWrapper v-if=\"$slots.indicator && !config.hide\" class=\"indicator-item\">\n      <slot name=\"indicator\" />\n    </ClassWrapper>\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { INDICATOR_CONFIG } from './indicator.context'\nimport type { IndicatorProps } from './indicator.props'\nimport type { IndicatorAlign, IndicatorSide } from './indicator.types'\n\nconst indicatorSides: ComponentClass<'indicator', IndicatorSide> = {\n  start: 'indicator-start',\n  end: 'indicator-end',\n  top: 'indicator-top',\n  bottom: 'indicator-bottom',\n}\n\nconst indicatorAligns: ComponentClass<'indicator', IndicatorAlign> = {\n  start: 'indicator-start',\n  end: 'indicator-end',\n  center: 'indicator-center',\n  middle: 'indicator-middle',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<IndicatorProps>()\nconst config = useComponentConfig(INDICATOR_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"indicator\"\n    :class=\"[\n      getClass(indicatorSides, config.side),\n      getClass(indicatorAligns, config.align),\n    ]\"\n  >\n    <ClassWrapper v-if=\"$slots.indicator && !config.hide\" class=\"indicator-item\">\n      <slot name=\"indicator\" />\n    </ClassWrapper>\n    <slot />\n  </div>\n</template>\n","import { createComponentConfigKey } from '@/config/symbol'\n\nexport const JOIN_CONFIG = createComponentConfigKey('join')\n","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { JOIN_CONFIG } from './join.context'\nimport type { JoinProps } from './join.props'\nimport type { JoinDirection } from './join.types'\n\nconst joinDirections: ComponentClass<'join', JoinDirection> = {\n  horizontal: 'join-horizontal',\n  vertical: 'join-vertical',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<JoinProps>()\nconst config = useComponentConfig(JOIN_CONFIG, props, {\n  direction: 'horizontal',\n})\n</script>\n\n<template>\n  <div\n    class=\"join\"\n    :class=\"getClass(joinDirections, config.direction)\"\n  >\n    <ClassWrapper class=\"join-item\">\n      <slot></slot>\n    </ClassWrapper>\n  </div>\n</template>\n","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { JOIN_CONFIG } from './join.context'\nimport type { JoinProps } from './join.props'\nimport type { JoinDirection } from './join.types'\n\nconst joinDirections: ComponentClass<'join', JoinDirection> = {\n  horizontal: 'join-horizontal',\n  vertical: 'join-vertical',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<JoinProps>()\nconst config = useComponentConfig(JOIN_CONFIG, props, {\n  direction: 'horizontal',\n})\n</script>\n\n<template>\n  <div\n    class=\"join\"\n    :class=\"getClass(joinDirections, config.direction)\"\n  >\n    <ClassWrapper class=\"join-item\">\n      <slot></slot>\n    </ClassWrapper>\n  </div>\n</template>\n","import { createComponentConfigKey } from '@/config/symbol'\n\nexport const MASK_CONFIG = createComponentConfigKey('mask')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { MASK_CONFIG } from './mask.context'\nimport type { MaskProps } from './mask.props'\nimport type { MaskHalf, MaskVariant } from './mask.types'\n\nconst maskVariants: ComponentClass<'mask', MaskVariant> = {\n  squircle: 'mask-squircle',\n  heart: 'mask-heart',\n  hexagon: 'mask-hexagon',\n  'hexagon-2': 'mask-hexagon-2',\n  decagon: 'mask-decagon',\n  pentagon: 'mask-pentagon',\n  diamond: 'mask-diamond',\n  square: 'mask-square',\n  circle: 'mask-circle',\n  star: 'mask-star',\n  'star-2': 'mask-star-2',\n  triangle: 'mask-triangle',\n  'triangle-2': 'mask-triangle-2',\n  'triangle-3': 'mask-triangle-3',\n  'triangle-4': 'mask-triangle-4',\n}\n\nconst maskHalfs: ComponentClass<'mask', MaskHalf> = {\n  'half-1': 'mask-half-1',\n  'half-2': 'mask-half-2',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<MaskProps>()\nconst config = useComponentConfig(MASK_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"mask\"\n    :class=\"[\n      getClass(maskVariants, config.variant),\n      config.inline && 'inline-block',\n      getClass(maskHalfs, config.half),\n    ]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { MASK_CONFIG } from './mask.context'\nimport type { MaskProps } from './mask.props'\nimport type { MaskHalf, MaskVariant } from './mask.types'\n\nconst maskVariants: ComponentClass<'mask', MaskVariant> = {\n  squircle: 'mask-squircle',\n  heart: 'mask-heart',\n  hexagon: 'mask-hexagon',\n  'hexagon-2': 'mask-hexagon-2',\n  decagon: 'mask-decagon',\n  pentagon: 'mask-pentagon',\n  diamond: 'mask-diamond',\n  square: 'mask-square',\n  circle: 'mask-circle',\n  star: 'mask-star',\n  'star-2': 'mask-star-2',\n  triangle: 'mask-triangle',\n  'triangle-2': 'mask-triangle-2',\n  'triangle-3': 'mask-triangle-3',\n  'triangle-4': 'mask-triangle-4',\n}\n\nconst maskHalfs: ComponentClass<'mask', MaskHalf> = {\n  'half-1': 'mask-half-1',\n  'half-2': 'mask-half-2',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<MaskProps>()\nconst config = useComponentConfig(MASK_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"mask\"\n    :class=\"[\n      getClass(maskVariants, config.variant),\n      config.inline && 'inline-block',\n      getClass(maskHalfs, config.half),\n    ]\"\n  >\n    <slot />\n  </div>\n</template>\n","import { createComponentConfigKey } from '@/config/symbol'\n\nexport const STACK_CONFIG = createComponentConfigKey('stack')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { STACK_CONFIG } from './stack.context'\nimport type { StackProps } from './stack.props'\nimport type { StackDirection } from './stack.types'\n\nconst stackDirections: ComponentClass<'stack', StackDirection> = {\n  start: 'stack-start',\n  end: 'stack-end',\n  top: 'stack-top',\n  bottom: 'stack-bottom',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<StackProps>()\nconst config = useComponentConfig(STACK_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"stack\"\n    :class=\"getClass(stackDirections, config.direction)\"\n  >\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { STACK_CONFIG } from './stack.context'\nimport type { StackProps } from './stack.props'\nimport type { StackDirection } from './stack.types'\n\nconst stackDirections: ComponentClass<'stack', StackDirection> = {\n  start: 'stack-start',\n  end: 'stack-end',\n  top: 'stack-top',\n  bottom: 'stack-bottom',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<StackProps>()\nconst config = useComponentConfig(STACK_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"stack\"\n    :class=\"getClass(stackDirections, config.direction)\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/layout/stack/Stack.d.ts

@@ -0,0 +1,12 @@
+import { StackProps } from './stack.props';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<StackProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StackProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Stack.vue.d.ts.map

package/dist/components/layout/stack/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/stack/Stack.vue"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;wBAS1B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;cAkCJ,CAAC,KAAK,IAAgB,KAAK,GAAG;EASxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/layout/stack/stack.context.d.ts

@@ -0,0 +1,2 @@
+export declare const STACK_CONFIG: import('vue').InjectionKey<Partial<import('./stack.props').StackConfigurableProps>>;
+//# sourceMappingURL=stack.context.d.ts.map

package/dist/components/layout/stack/stack.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.context.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/stack/stack.context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,qFAAoC,CAAA"}

package/dist/components/layout/stack/stack.props.d.ts

@@ -0,0 +1,12 @@
+import { StackDirection } from './stack.types';
+export interface StackConfigurableProps {
+    /**
+     * Direction in which stacked items are laid out.
+     * - `'horizontal'`: Items are stacked horizontally (default).
+     * - `'vertical'`: Items are stacked vertically.
+     */
+    direction?: StackDirection;
+}
+export interface StackProps extends StackConfigurableProps {
+}
+//# sourceMappingURL=stack.props.d.ts.map

package/dist/components/layout/stack/stack.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.props.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/stack/stack.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B;AAED,MAAM,WAAW,UAAW,SAAQ,sBAAsB;CAAG"}

package/dist/components/layout/stack/stack.types.d.ts

@@ -0,0 +1,2 @@
+export type StackDirection = 'start' | 'end' | 'top' | 'bottom';
+//# sourceMappingURL=stack.types.d.ts.map

package/dist/components/layout/stack/stack.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/stack/stack.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA"}

package/dist/components/media/img/Img.d.ts

@@ -0,0 +1,15 @@
+import { ImgProps } from './img.props';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<ImgProps, {
+    isLoaded: import('vue').ShallowRef<boolean, boolean>;
+    hasError: import('vue').ShallowRef<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ImgProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    fallback?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Img.vue.d.ts.map

package/dist/components/media/img/Img.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Img.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/media/img/Img.vue"],"names":[],"mappings":"AAqMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;wBAmBtB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;;;;eAiOH,CAAC,KAAK,IAAgB,KAAK,GAAG;EAYzC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/media/img/img.context.d.ts

@@ -0,0 +1,2 @@
+export declare const IMG_CONFIG: import('vue').InjectionKey<Partial<import('./img.props').ImgConfigurableProps>>;
+//# sourceMappingURL=img.context.d.ts.map

package/dist/components/media/img/img.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"img.context.d.ts","sourceRoot":"","sources":["../../../../src/components/media/img/img.context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,iFAAkC,CAAA"}

package/dist/components/media/img/img.props.d.ts

@@ -0,0 +1,76 @@
+import { ImgAspect, ImgFit, ImgRounded, ImgSource } from './img.types';
+export interface ImgConfigurableProps {
+    /**
+     * How the image should be sized within its container.
+     * Maps to Tailwind `object-*` utilities.
+     */
+    fit?: ImgFit;
+    /**
+     * Border radius applied to the image container.
+     * Maps to Tailwind `rounded-*` utilities.
+     */
+    rounded?: ImgRounded;
+    /**
+     * Show a skeleton placeholder while the image is loading.
+     *
+     * @default true
+     */
+    skeleton?: boolean;
+    /**
+     * IntersectionObserver threshold — fraction of the element visible before loading starts.
+     *
+     * @default 0
+     */
+    threshold?: number;
+    /**
+     * IntersectionObserver rootMargin — start loading before the image enters the viewport.
+     *
+     * @default '200px'
+     */
+    rootMargin?: string;
+}
+export interface ImgProps extends ImgConfigurableProps {
+    /**
+     * Image source URL.
+     */
+    src: string;
+    /**
+     * Accessible alt text forwarded to the `<img>` element.
+     */
+    alt: string;
+    /**
+     * Fallback source URL shown when the primary image fails to load.
+     * If the fallback also fails, the `fallback` slot is rendered instead.
+     */
+    fallbackSrc?: string;
+    /**
+     * Art-direction sources rendered as `<source>` elements inside a `<picture>`.
+     * Each entry maps to `srcset`, optional `media`, and optional `type`.
+     */
+    sources?: ImgSource[];
+    /**
+     * Intrinsic width forwarded to `<img>` to prevent layout shift (CLS).
+     */
+    width?: number | string;
+    /**
+     * Intrinsic height forwarded to `<img>` to prevent layout shift (CLS).
+     */
+    height?: number | string;
+    /**
+     * Forced aspect ratio of the image container.
+     * - `'auto'` — no constraint
+     * - `'square'` — 1:1
+     * - `'video'` — 16:9
+     * - any string like `'4/3'`, `'3/2'` — applied as inline `aspect-ratio` style
+     *
+     * @default 'auto'
+     */
+    aspect?: ImgAspect;
+    /**
+     * When `true`, loads the image immediately without waiting for it to enter the viewport.
+     *
+     * @default false
+     */
+    eager?: boolean;
+}
+//# sourceMappingURL=img.props.d.ts.map

package/dist/components/media/img/img.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"img.props.d.ts","sourceRoot":"","sources":["../../../../src/components/media/img/img.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE3E,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAA;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,QAAS,SAAQ,oBAAoB;IACpD;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,EAAE,CAAA;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB"}

package/dist/components/media/img/img.types.d.ts

@@ -0,0 +1,33 @@
+export type ImgFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+export type ImgRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type ImgAspect = 'auto' | 'square' | 'video' | (string & {});
+export interface ImgSource {
+    /**
+     * One or more image candidates, forwarded directly to the `<source srcset>` attribute.
+     *
+     * Accepts the same syntax as the native `srcset`:
+     * - Width descriptors: `'image-400.webp 400w, image-800.webp 800w'`
+     * - Pixel-density descriptors: `'image.webp 1x, image@2x.webp 2x'`
+     * - A single URL with no descriptor: `'image.webp'`
+     */
+    srcset: string;
+    /**
+     * Media condition that must match for this source to be selected, forwarded to `<source media>`.
+     *
+     * Uses standard CSS media query syntax:
+     * - `'(max-width: 640px)'` — mobile
+     * - `'(min-width: 641px) and (max-width: 1024px)'` — tablet
+     * - `'(prefers-color-scheme: dark)'` — dark mode
+     *
+     * When omitted, this source acts as a format fallback (evaluated after all media-matched sources).
+     */
+    media?: string;
+    /**
+     * MIME type hint for the source, forwarded to `<source type>`.
+     * Allows the browser to skip sources whose format it does not support without fetching them.
+     *
+     * Common values: `'image/webp'`, `'image/avif'`, `'image/png'`, `'image/jpeg'`
+     */
+    type?: string;
+}
+//# sourceMappingURL=img.types.d.ts.map

package/dist/components/media/img/img.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"img.types.d.ts","sourceRoot":"","sources":["../../../../src/components/media/img/img.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAA;AACzE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AACpE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAEnE,MAAM,WAAW,SAAS;IACxB;;;;;;;OAOG;IACH,MAAM,EAAE,MAAM,CAAA;IAEd;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd"}

package/dist/components/media/public.d.ts

@@ -0,0 +1,2 @@
+export { default as Img } from './img/Img';
+//# sourceMappingURL=public.d.ts.map