@astryx-vue/core 0.1.0 → 0.1.3

package/dist/Divider/index.d.ts

@@ -1,2 +1,2 @@
-import { i as DividerVariant, n as DividerOrientation, r as DividerProps, t as _default } from "../index-HV6W3xCx.js";
+import { i as DividerVariant, n as DividerOrientation, r as DividerProps, t as _default } from "../index-Byar3h1e.js";
 export { _default as Divider, type DividerOrientation, type DividerProps, type DividerVariant };

package/dist/DropdownMenu/index.d.ts

@@ -1,2 +1,2 @@
-import { S as DropdownMenuTriggerProps, _ as DropdownMenuOption, a as DropdownMenuContextValue, b as DropdownMenuSize, c as DropdownMenuDividerData, d as DropdownMenuGroupSlots, f as DropdownMenuItemData, g as DropdownMenuItemVariant, h as DropdownMenuItemSlots, i as _default, l as DropdownMenuEmits, m as DropdownMenuItemProps, n as _default$2, o as useDropdownMenuContext, p as DropdownMenuItemEmits, r as _default$1, s as DropdownMenuButtonProps, t as _default$3, u as DropdownMenuGroupProps, v as DropdownMenuProps, x as DropdownMenuSlots, y as DropdownMenuSection } from "../index-_1-uvr27.js";
+import { S as DropdownMenuTriggerProps, _ as DropdownMenuOption, a as DropdownMenuContextValue, b as DropdownMenuSize, c as DropdownMenuDividerData, d as DropdownMenuGroupSlots, f as DropdownMenuItemData, g as DropdownMenuItemVariant, h as DropdownMenuItemSlots, i as _default, l as DropdownMenuEmits, m as DropdownMenuItemProps, n as _default$2, o as useDropdownMenuContext, p as DropdownMenuItemEmits, r as _default$1, s as DropdownMenuButtonProps, t as _default$3, u as DropdownMenuGroupProps, v as DropdownMenuProps, x as DropdownMenuSlots, y as DropdownMenuSection } from "../index-B8MbfMwV.js";
 export { _default as DropdownMenu, type DropdownMenuButtonProps, type DropdownMenuContextValue, _default$1 as DropdownMenuDivider, type DropdownMenuDividerData, type DropdownMenuEmits, _default$2 as DropdownMenuGroup, type DropdownMenuGroupProps, type DropdownMenuGroupSlots, _default$3 as DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuItemEmits, type DropdownMenuItemProps, type DropdownMenuItemSlots, type DropdownMenuItemVariant, type DropdownMenuOption, type DropdownMenuProps, type DropdownMenuSection, type DropdownMenuSize, type DropdownMenuSlots, type DropdownMenuTriggerProps, useDropdownMenuContext };

package/dist/DropdownMenu/index.js

@@ -1,2 +1,2 @@
-import { a as useDropdownMenuContext, i as _sfc_main$1, n as _sfc_main$3, r as _sfc_main$2, t as _sfc_main } from "../DropdownMenu-C3j2zaEn.js";
+import { a as useDropdownMenuContext, i as _sfc_main$1, n as _sfc_main$3, r as _sfc_main$2, t as _sfc_main } from "../DropdownMenu-B0gogrvG.js";
 export { _sfc_main as DropdownMenu, _sfc_main$1 as DropdownMenuDivider, _sfc_main$2 as DropdownMenuGroup, _sfc_main$3 as DropdownMenuItem, useDropdownMenuContext };

package/dist/{DropdownMenu-C3j2zaEn.js → DropdownMenu-B0gogrvG.js}

@@ -1,10 +1,10 @@
 import { t as _sfc_main$5 } from "./Button-DrqeomlE.js";
 import { t as useDismiss } from "./useDismiss-CAiHU6QD.js";
 import { t as useTypeahead } from "./useTypeahead-PAK8lMYz.js";
-import { t as _sfc_main$6 } from "./Icon-B6qNgBP9.js";
+import { t as _sfc_main$6 } from "./Icon-5MdZQ18k.js";
 import { t as _sfc_main$7 } from "./Divider-BtwnL18I.js";
-import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
 import { t as _sfc_main$8 } from "./Item-C1z6gXn8.js";
+import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, inject, mergeModels, mergeProps, nextTick, normalizeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, shallowRef, toDisplayString, unref, useAttrs, useId, useModel, useSlots, vShow, watch, withCtx, withDirectives } from "vue";
 import "../styles/dropdown-menu.css";
 //#region src/DropdownMenu/context.ts

package/dist/Field/index.d.ts

@@ -1,3 +1,3 @@
 import { a as FieldSlots, c as FieldStatusType, i as FieldSlotProps, l as FieldStatusVariant, n as FieldLabelSlots, o as FieldStatusInput, r as FieldProps, s as FieldStatusProps, t as FieldLabelProps } from "../types-3eXh_5os.js";
-import { n as _default$1, r as _default, t as _default$2 } from "../index-BQa836Vz.js";
-export { _default as Field, _default$1 as FieldLabel, type FieldLabelProps, type FieldLabelSlots, type FieldProps, type FieldSlotProps, type FieldSlots, _default$2 as FieldStatus, type FieldStatusInput, type FieldStatusProps, type FieldStatusType, type FieldStatusVariant };
+import { n as _default, t as _default$1 } from "../index-iBLzInje.js";
+export { _default as Field, _default$1 as FieldLabel, type FieldLabelProps, type FieldLabelSlots, type FieldProps, type FieldSlotProps, type FieldSlots, type FieldStatusInput, type FieldStatusProps, type FieldStatusType, type FieldStatusVariant };

package/dist/Field/index.js

@@ -1,4 +1,3 @@
-import { t as _sfc_main$1 } from "../FieldLabel-B1NRyQlS.js";
-import { t as _sfc_main$2 } from "../FieldStatus-MjY19ERl.js";
-import { t as _sfc_main } from "../Field-VlTBsIEo.js";
-export { _sfc_main as Field, _sfc_main$1 as FieldLabel, _sfc_main$2 as FieldStatus };
+import { t as _sfc_main$1 } from "../FieldLabel-DmmJyX7w.js";
+import { t as _sfc_main } from "../Field-8zRxzDHE.js";
+export { _sfc_main as Field, _sfc_main$1 as FieldLabel };

package/dist/{Field-VlTBsIEo.js → Field-8zRxzDHE.js}

@@ -1,9 +1,14 @@
-import { t as _sfc_main$1 } from "./FieldLabel-B1NRyQlS.js";
+import { a as useFormLayout } from "./context-Cfjh8te1.js";
+import { t as _sfc_main$1 } from "./FieldLabel-DmmJyX7w.js";
 import { t as _sfc_main$2 } from "./FieldStatus-MjY19ERl.js";
 import { computed, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeProps, normalizeStyle, openBlock, renderSlot, useTemplateRef, withCtx } from "vue";
 import "../styles/field.css";
 //#region src/Field/Field.vue
-const _hoisted_1 = ["data-status-variant", "data-group-label"];
+const _hoisted_1 = [
+	"data-status-variant",
+	"data-group-label",
+	"data-layout"
+];
 const _hoisted_2 = { class: "astryx-field-control" };
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxField",
@@ -42,13 +47,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			};
 		});
 		const style = computed(() => ({ "--astryx-field-width": typeof props.width === "number" ? `${props.width}px` : props.width }));
+		const formLayout = useFormLayout();
+		const horizontalLabels = computed(() => formLayout.value?.direction === "horizontal-labels");
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref: "field",
 				class: "astryx-field",
 				style: normalizeStyle(style.value),
 				"data-status-variant": __props.statusVariant,
-				"data-group-label": __props.isGroupLabel || void 0
+				"data-group-label": __props.isGroupLabel || void 0,
+				"data-layout": horizontalLabels.value ? "horizontal-labels" : void 0
 			}, [createVNode(_sfc_main$1, {
 				label: __props.label,
 				"input-id": __props.inputId,

package/dist/{FieldLabel-B1NRyQlS.js → FieldLabel-DmmJyX7w.js}

@@ -2,6 +2,7 @@ import { n as useButtonTooltip } from "./Button-DrqeomlE.js";
 import { t as _sfc_main$2 } from "./ButtonTooltip-nWWrth8j.js";
 import { t as _sfc_main$3 } from "./FieldIcon--NTgW5IU.js";
 import { t as _sfc_main$4 } from "./IconButton-BNQuz9W_.js";
+import { a as useFormLayout, n as showsOptionalIndicator, r as showsRequiredIndicator } from "./context-Cfjh8te1.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onScopeDispose, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useId, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/field.css";
 //#region src/Field/FieldInfoTip.vue
@@ -136,6 +137,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const labelId = computed(() => props.labelId ?? `${props.inputId}-label`);
 		const descriptionId = computed(() => props.descriptionId ?? `${props.inputId}-description`);
 		const icon = computed(() => props.labelIcon ? toRaw(props.labelIcon) : void 0);
+		const formLayout = useFormLayout();
+		const optionality = computed(() => formLayout.value?.defaultOptionality);
+		const showOptional = computed(() => showsOptionalIndicator(props.isOptional, props.isRequired, optionality.value));
+		const showRequired = computed(() => showsRequiredIndicator(props.isRequired, props.isOptional, optionality.value));
 		function focusFromDescription(event) {
 			if (props.isGroupLabel || props.isDisabled) return;
 			const target = event.target;
@@ -160,7 +165,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					default: withCtx(() => [_ctx.$slots.labelIcon || icon.value ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "labelIcon", {}, () => [icon.value ? (openBlock(), createBlock(resolveDynamicComponent(icon.value), { key: 0 })) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(__props.label), 1)]),
 					_: 3
 				}, 8, ["id", "for"])),
-				__props.isOptional || __props.isRequired ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.isOptional ? __props.optionalLabel : __props.requiredLabel), 1)) : createCommentVNode("v-if", true),
+				showOptional.value || showRequired.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(showOptional.value ? __props.optionalLabel : __props.requiredLabel), 1)) : createCommentVNode("v-if", true),
 				__props.labelTooltip ? (openBlock(), createBlock(_sfc_main$1, {
 					key: 1,
 					text: __props.labelTooltip

package/dist/FieldStatus/index.d.ts

@@ -0,0 +1,2 @@
+import { t as _default } from "../index-Da7Jm8Ht.js";
+export { _default as FieldStatus };

package/dist/FieldStatus/index.js

@@ -0,0 +1,2 @@
+import { t as _sfc_main } from "../FieldStatus-MjY19ERl.js";
+export { _sfc_main as FieldStatus };

package/dist/FileInput/index.d.ts

@@ -0,0 +1,2 @@
+import { Bn as _default, Gn as FileInputStatus, Hn as FileInputMode, Kn as FileInputValue, Un as FileInputProps, Vn as FileInputEmits, Wn as FileInputSize } from "../index-Df2YvC8o.js";
+export { _default as FileInput, type FileInputEmits, type FileInputMode, type FileInputProps, type FileInputSize, type FileInputStatus, type FileInputValue };

package/dist/FileInput/index.js

@@ -0,0 +1,2 @@
+import { t as _sfc_main } from "../FileInput-CmAfOpkA.js";
+export { _sfc_main as FileInput };

package/dist/FileInput-CmAfOpkA.js

@@ -0,0 +1,238 @@
+import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
+import { t as useAnnounce } from "./announce-Cnio10Wk.js";
+import { n as selectFiles, t as formatFileSize } from "./useFileSelection-BPtaegqK.js";
+import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
+import { t as _sfc_main$2 } from "./FieldIcon--NTgW5IU.js";
+import { t as _sfc_main$3 } from "./IconButton-BNQuz9W_.js";
+import { t as _sfc_main$4 } from "./Icon-5MdZQ18k.js";
+import { t as _sfc_main$5 } from "./Spinner-9cYUCnDy.js";
+import { t as _sfc_main$6 } from "./Field-8zRxzDHE.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, withCtx } from "vue";
+import "../styles/bordered-control.css";
+import "../styles/file-input.css";
+//#region src/FileInput/FileInput.vue
+const _hoisted_1 = [
+	"data-mode",
+	"data-size",
+	"data-status",
+	"data-disabled",
+	"data-drag"
+];
+const _hoisted_2 = [
+	"id",
+	"accept",
+	"multiple",
+	"disabled"
+];
+const _hoisted_3 = [
+	"id",
+	"disabled",
+	"aria-invalid",
+	"aria-describedby"
+];
+const _hoisted_4 = ["data-placeholder"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxFileInput",
+	inheritAttrs: false,
+	__name: "FileInput",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		id: {},
+		accept: {},
+		description: {},
+		placeholder: {},
+		mode: { default: "input" },
+		size: { default: "md" },
+		isMultiple: {
+			type: Boolean,
+			default: false
+		},
+		maxSize: {},
+		maxFiles: {},
+		isDisabled: { type: Boolean },
+		isRequired: { type: Boolean },
+		isOptional: { type: Boolean },
+		isLabelHidden: { type: Boolean },
+		isLoading: { type: Boolean },
+		status: {},
+		statusVariant: { default: "attached" },
+		width: {},
+		clearLabel: {}
+	}, {
+		"modelValue": { default: null },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["update:modelValue", "change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const model = useModel(__props, "modelValue");
+		const messages = useAstryxMessages();
+		const announce = useAnnounce();
+		const generatedId = `astryx-file-input-${useId()}`;
+		const inputId = computed(() => props.id ?? generatedId);
+		const requiredId = `${generatedId}-required`;
+		const fileInput = useTemplateRef("file");
+		const validationError = shallowRef(null);
+		const dragOver = shallowRef(false);
+		const placeholder = computed(() => props.placeholder ?? (props.isMultiple ? messages.value.fileInput.placeholderMultiple : messages.value.fileInput.placeholder));
+		const clearLabel = computed(() => props.clearLabel ?? messages.value.fileInput.clear);
+		const status = computed(() => props.status ?? (validationError.value ? {
+			type: "error",
+			message: validationError.value
+		} : void 0));
+		const fileLabel = computed(() => {
+			const value = model.value;
+			if (value == null) return "";
+			const files = Array.isArray(value) ? value : [value];
+			if (files.length === 0) return "";
+			if (files.length === 1) return files[0]?.name ?? "";
+			return files.map((file) => file.name).join(", ");
+		});
+		const conveysRequired = computed(() => props.isRequired && !props.isOptional);
+		function commit(value) {
+			model.value = value;
+			emit("change", value);
+		}
+		function applyFiles(list) {
+			if (props.isDisabled) return;
+			const result = selectFiles(list, {
+				accept: props.accept,
+				maxSize: props.maxSize,
+				maxFiles: props.maxFiles,
+				isMultiple: props.isMultiple
+			});
+			const first = result.rejections[0];
+			if (first?.code === "type" && first.fileName) validationError.value = messages.value.fileInput.errorType(first.fileName);
+			else if (first?.code === "size" && first.fileName) validationError.value = messages.value.fileInput.errorSize(first.fileName, formatFileSize(first.maxSize ?? 0));
+			else if (first?.code === "count") validationError.value = messages.value.fileInput.errorCount(first.maxFiles ?? 0);
+			else validationError.value = null;
+			const files = result.files;
+			commit(files);
+			if (validationError.value == null && files != null) {
+				const selected = Array.isArray(files) ? files : [files];
+				if (selected.length === 1 && selected[0]) announce(messages.value.fileInput.fileSelected(selected[0].name));
+				else if (selected.length > 1) announce(messages.value.fileInput.filesSelected(selected.length));
+			}
+			if (fileInput.value) fileInput.value.value = "";
+		}
+		function openPicker() {
+			if (!props.isDisabled) fileInput.value?.click();
+		}
+		function onChange(event) {
+			applyFiles(event.target.files);
+		}
+		function clear() {
+			if (props.isDisabled) return;
+			validationError.value = null;
+			commit(null);
+			if (fileInput.value) fileInput.value.value = "";
+		}
+		function onDragOver(event) {
+			if (props.mode !== "dropzone" || props.isDisabled) return;
+			event.preventDefault();
+			dragOver.value = true;
+		}
+		function onDragLeave() {
+			dragOver.value = false;
+		}
+		function onDrop(event) {
+			if (props.mode !== "dropzone" || props.isDisabled) return;
+			event.preventDefault();
+			dragOver.value = false;
+			applyFiles(event.dataTransfer?.files);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$6, {
+				label: __props.label,
+				"input-id": inputId.value,
+				description: __props.description,
+				width: __props.width,
+				"is-label-hidden": __props.isLabelHidden,
+				"is-disabled": __props.isDisabled,
+				"is-optional": __props.isOptional,
+				"is-required": __props.isRequired,
+				status: status.value,
+				"status-variant": __props.statusVariant
+			}, {
+				default: withCtx((field) => [createElementVNode("div", {
+					class: "astryx-file-input astryx-bordered-control",
+					"data-mode": __props.mode,
+					"data-size": __props.size,
+					"data-status": status.value?.type,
+					"data-disabled": __props.isDisabled || void 0,
+					"data-drag": dragOver.value || void 0
+				}, [
+					createElementVNode("input", {
+						id: `${inputId.value}-file`,
+						ref: "file",
+						class: "astryx-file-input-native",
+						type: "file",
+						accept: __props.accept,
+						multiple: __props.isMultiple || void 0,
+						disabled: __props.isDisabled,
+						tabindex: "-1",
+						onChange
+					}, null, 40, _hoisted_2),
+					createElementVNode("button", {
+						id: inputId.value,
+						type: "button",
+						class: "astryx-file-input-trigger",
+						disabled: __props.isDisabled,
+						"aria-invalid": status.value?.type === "error" || void 0,
+						"aria-describedby": [field.describedBy, conveysRequired.value ? requiredId : void 0].filter(Boolean).join(" ") || void 0,
+						onClick: openPicker,
+						onDragover: onDragOver,
+						onDragleave: onDragLeave,
+						onDrop
+					}, [createVNode(_sfc_main$4, {
+						class: "astryx-file-input-icon",
+						icon: "upload",
+						size: "sm"
+					}), createElementVNode("span", {
+						class: "astryx-file-input-text",
+						"data-placeholder": !fileLabel.value || void 0
+					}, toDisplayString(fileLabel.value || placeholder.value), 9, _hoisted_4)], 40, _hoisted_3),
+					fileLabel.value && !__props.isDisabled ? (openBlock(), createBlock(_sfc_main$3, {
+						key: 0,
+						class: "astryx-input-clear-button",
+						variant: "ghost",
+						size: "sm",
+						label: clearLabel.value,
+						onClick: clear
+					}, {
+						default: withCtx(() => [createVNode(_sfc_main$2, { type: "clear" })]),
+						_: 1
+					}, 8, ["label"])) : createCommentVNode("v-if", true),
+					__props.isLoading ? (openBlock(), createBlock(_sfc_main$5, {
+						key: 1,
+						size: "sm"
+					})) : status.value ? (openBlock(), createBlock(_sfc_main$2, {
+						key: 2,
+						type: status.value.type
+					}, null, 8, ["type"])) : createCommentVNode("v-if", true)
+				], 8, _hoisted_1), conveysRequired.value ? (openBlock(), createBlock(_sfc_main$1, {
+					key: 0,
+					id: requiredId
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(messages).fileInput.required), 1)]),
+					_: 1
+				})) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, [
+				"label",
+				"input-id",
+				"description",
+				"width",
+				"is-label-hidden",
+				"is-disabled",
+				"is-optional",
+				"is-required",
+				"status",
+				"status-variant"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/FormLayout/index.d.ts

@@ -0,0 +1,2 @@
+import { a as FormOptionality, i as FormLayoutDirection, n as FormLayoutProps, r as FormLayoutSlots, t as _default } from "../index-BrJzFA5X.js";
+export { _default as FormLayout, type FormLayoutDirection, type FormLayoutProps, type FormLayoutSlots, type FormOptionality };

package/dist/FormLayout/index.js

@@ -0,0 +1,2 @@
+import { t as _sfc_main } from "../FormLayout-D47FjiOq.js";
+export { _sfc_main as FormLayout };

package/dist/FormLayout-D47FjiOq.js

@@ -0,0 +1,40 @@
+import { t as formLayoutKey } from "./context-Cfjh8te1.js";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, provide, renderSlot, useAttrs, useTemplateRef } from "vue";
+import "../styles/form-layout.css";
+//#region src/FormLayout/FormLayout.vue
+const _hoisted_1 = ["data-direction"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxFormLayout",
+	inheritAttrs: false,
+	__name: "FormLayout",
+	props: {
+		direction: { default: "vertical" },
+		defaultOptionality: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const attrs = useAttrs();
+		const root = useTemplateRef("root");
+		__expose({ element: root });
+		const context = computed(() => ({
+			direction: props.direction,
+			defaultOptionality: props.defaultOptionality
+		}));
+		provide(formLayoutKey, context);
+		const forwardedAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")));
+		const rootClass = computed(() => ["astryx-form-layout", attrs.class]);
+		const rootStyle = computed(() => attrs.style);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, forwardedAttrs.value, {
+				class: rootClass.value,
+				"data-direction": __props.direction,
+				style: rootStyle.value
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/HoverCard/index.d.ts

@@ -1,2 +1,2 @@
-import { a as HoverCardHoverIndication, c as HoverCardSlots, i as HoverCardFocusTrigger, l as HoverCardTouchTrigger, n as HoverCardAlignment, o as HoverCardPlacement, r as HoverCardEmits, s as HoverCardProps, t as _default } from "../index-BhYFxnjV.js";
+import { a as HoverCardHoverIndication, c as HoverCardSlots, i as HoverCardFocusTrigger, l as HoverCardTouchTrigger, n as HoverCardAlignment, o as HoverCardPlacement, r as HoverCardEmits, s as HoverCardProps, t as _default } from "../index-kaKBOZSU.js";
 export { _default as HoverCard, type HoverCardAlignment, type HoverCardEmits, type HoverCardFocusTrigger, type HoverCardHoverIndication, type HoverCardPlacement, type HoverCardProps, type HoverCardSlots, type HoverCardTouchTrigger };

package/dist/{Icon-B6qNgBP9.js → Icon-5MdZQ18k.js}

@@ -27,7 +27,15 @@ const ICON_GLYPHS = [
 	"chevronRight",
 	"check",
 	"moreHorizontal",
-	"copy"
+	"copy",
+	"calendar",
+	"clock",
+	"upload",
+	"arrowUp",
+	"arrowDown",
+	"close",
+	"funnel",
+	"image"
 ];
 function isIconGlyph(value) {
 	return ICON_GLYPHS.includes(value);
@@ -75,4 +83,4 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-export { _sfc_main as t };
+export { isIconGlyph as n, _sfc_main as t };

package/dist/Layout/index.d.ts

@@ -0,0 +1,2 @@
+import { _ as LayoutHeight, a as _default, c as LayoutFooterProps, d as LayoutHeaderSlots, f as LayoutPanelProps, g as LayoutArea, h as LayoutSlots, i as _default$1, l as LayoutFooterSlots, m as LayoutProps, n as _default$3, o as LayoutContentProps, p as LayoutPanelSlots, r as _default$2, s as LayoutContentSlots, t as _default$4, u as LayoutHeaderProps } from "../index-CDdRQQF3.js";
+export { _default as Layout, type LayoutArea, _default$1 as LayoutContent, type LayoutContentProps, type LayoutContentSlots, _default$2 as LayoutFooter, type LayoutFooterProps, type LayoutFooterSlots, _default$3 as LayoutHeader, type LayoutHeaderProps, type LayoutHeaderSlots, type LayoutHeight, _default$4 as LayoutPanel, type LayoutPanelProps, type LayoutPanelSlots, type LayoutProps, type LayoutSlots };

package/dist/Layout/index.js

@@ -0,0 +1,3 @@
+import { a as _sfc_main, n as _sfc_main$3, r as _sfc_main$1, t as _sfc_main$4 } from "../LayoutPanel-C34uOq3e.js";
+import { t as _sfc_main$2 } from "../Layout-Bed3kP0M.js";
+export { _sfc_main as Layout, _sfc_main$1 as LayoutContent, _sfc_main$2 as LayoutFooter, _sfc_main$3 as LayoutHeader, _sfc_main$4 as LayoutPanel };

package/dist/Layout-Bed3kP0M.js

@@ -0,0 +1,56 @@
+import { t as formatSize } from "./size-xcIqExkS.js";
+import { i as regionPaddingStyle, o as useLayoutDividers } from "./LayoutPanel-C34uOq3e.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, useAttrs, useTemplateRef } from "vue";
+import "../styles/layout.css";
+//#region src/Layout/LayoutFooter.vue
+const _hoisted_1 = [
+	"role",
+	"aria-label",
+	"data-divider"
+];
+const _hoisted_2 = ["data-bleed"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxLayoutFooter",
+	inheritAttrs: false,
+	__name: "LayoutFooter",
+	props: {
+		hasDivider: {
+			type: Boolean,
+			default: void 0
+		},
+		height: {},
+		padding: {},
+		label: {},
+		role: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const attrs = useAttrs();
+		const root = useTemplateRef("root");
+		const dividers = useLayoutDividers();
+		__expose({ element: root });
+		const hasDivider = computed(() => props.hasDivider ?? dividers.value ?? false);
+		const forwardedAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")));
+		const rootClass = computed(() => ["astryx-layout-footer", attrs.class]);
+		const rootStyle = computed(() => [{ height: formatSize(props.height) }, attrs.style]);
+		const innerStyle = computed(() => regionPaddingStyle("--_layout-footer", props.padding));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, forwardedAttrs.value, {
+				class: rootClass.value,
+				style: rootStyle.value,
+				role: __props.role,
+				"aria-label": __props.label,
+				"data-divider": hasDivider.value || void 0
+			}), [createElementVNode("div", {
+				class: "astryx-layout-footer__inner",
+				"data-bleed": __props.padding === 0 || void 0,
+				style: normalizeStyle(innerStyle.value)
+			}, [renderSlot(_ctx.$slots, "default")], 12, _hoisted_2)], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };