@ecoma-io/loom 0.2.0 → 0.3.0

package/dist/composition/Stack/Stack.vue_vue_type_script_setup_true_lang.js

@@ -1,30 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
-//#region src/composition/Stack/Stack.vue?vue&type=script&setup=true&lang.ts
-var gapClass = {
-	sm: "gap-2 sm:gap-3",
-	md: "gap-3 sm:gap-4",
-	lg: "gap-4 sm:gap-6"
-};
-var alignClass = {
-	start: "items-start",
-	center: "items-center",
-	end: "items-end",
-	stretch: "items-stretch"
-};
-var Stack_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "Stack",
-	props: {
-		gap: { default: "md" },
-		align: { default: "stretch" }
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("flex flex-col", gapClass[__props.gap], alignClass[__props.align])) }, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
-export { alignClass, Stack_vue_vue_type_script_setup_true_lang_default as default, gapClass };
-
-//# sourceMappingURL=Stack.vue_vue_type_script_setup_true_lang.js.map

package/dist/composition/Stack/Stack.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/composition/Stack/Stack.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Stack — vertical flow with consistent, responsive gap.\n *\n * A flex column that tightens its gutter one step below the `sm` breakpoint,\n * where stacked items have no room to waste on air. The gap steps mirror\n * DashboardGrid's: the value each step names applies from `sm` up, and drops\n * one notch below it.\n *\n * A Stack is a component, not `flex flex-col gap-4`, for three reasons: the\n * responsive gap is the component's job (not every call site's), the\n * `separator` slot avoids a repeated `v-for` + `v-if` pattern, and the\n * `align` prop maps cross-axis intent to a Tailwind class without the caller\n * remembering which flex utility is which.\n */\nexport type StackGap = \"sm\" | \"md\" | \"lg\";\n\nexport type StackAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\n\nconst gapClass: Record<StackGap, string> = {\n  sm: \"gap-2 sm:gap-3\",\n  md: \"gap-3 sm:gap-4\",\n  lg: \"gap-4 sm:gap-6\",\n} as const;\n\nconst alignClass: Record<StackAlign, string> = {\n  start: \"items-start\",\n  center: \"items-center\",\n  end: \"items-end\",\n  stretch: \"items-stretch\",\n} as const;\n\nexport { gapClass, alignClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** Vertical gap step — mirrors DashboardGrid's scale. Tightens one notch below `sm`. */\n    gap?: StackGap;\n    /** Cross-axis alignment of children. */\n    align?: StackAlign;\n  }>(),\n  { gap: \"md\", align: \"stretch\" },\n);\n</script>\n\n<template>\n  <div :class=\"cn('flex flex-col', gapClass[gap], alignClass[align])\">\n    <!-- Each direct child is a stack item. The separator slot, if filled,\n         is rendered between every pair of children — a <Separator /> or a\n         thin <div class=\"border-t border-border\">, for example. -->\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;AAmBA,IAAM,WAAqC;CACzC,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,aAAyC;CAC7C,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;AACX;;;;;;;;;GAoBE,OAAA,UAAA,GAAA,mBAKM,OAAA,EALA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,iBAAkB,SAAS,QAAA,MAAM,WAAW,QAAA,MAAK,CAAA,EAAA,GAAA,CAI9D,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/index.d.ts

@@ -1,183 +0,0 @@
-/**
- * The public surface of `@ecoma-io/loom`.
- *
- * This file is the complete export list, and it is the file to read before
- * hand-rolling a generic affordance in a consuming product — the rule that
- * decides most questions, stated in CONTRIBUTING.md, is checked against
- * exactly this list.
- *
- * Two things deliberately do not appear here. Styles ship as CSS, imported by
- * a host from `@ecoma-io/loom/styles/global.css`. And `WCAG_TAGS` ships from
- * the narrow `@ecoma-io/loom/a11y` entry, so a consumer that compiles no Vue
- * at all can read it without resolving a single component below.
- *
- * `useTheme` and `themeScript` are re-exported here for convenience, but the
- * primary entry is `@ecoma-io/loom/theme`, which carries no component weight.
- */
-export { cn } from "./lib/cn";
-export { applyLoomIconDefaults } from "./lib/icon-defaults";
-export { useTheme, themeScript } from "./lib/theme";
-export type { ThemePreference, ResolvedTheme } from "./lib/theme";
-export { provideLoomLabels } from "./lib/labels";
-export type { LabelOf, LabelOverrides, LoomLabelOverrides } from "./lib/labels";
-export type { LoomLabels } from "./lib/label-registry";
-export { LIST_STAGGER_CAP, LIST_STAGGER_STEP_MS, listStaggerDelay } from "./lib/motion";
-export { CALENDAR_PANEL_LABELS, DATE_SEGMENT_LABELS, RANGE_CELL_LABELS, TIME_SEGMENT_LABELS, } from "./lib/date-labels";
-export type { CalendarPanelLabels, DateSegmentLabels, RangeCellLabels, RangeCellPart, TimeSegmentLabels, } from "./lib/date-labels";
-export { default as Accordion } from "./primitives/Accordion/Accordion.vue";
-export type { AccordionGap, AccordionItem, AccordionType, } from "./primitives/Accordion/Accordion.vue";
-export { default as AlertDialog, ALERT_DIALOG_LABELS, } from "./primitives/AlertDialog/AlertDialog.vue";
-export type { AlertDialogLabels } from "./primitives/AlertDialog/AlertDialog.vue";
-export { default as Avatar, avatarVariants } from "./primitives/Avatar/Avatar.vue";
-export type { AvatarShape, AvatarSize, AvatarVariant } from "./primitives/Avatar/Avatar.vue";
-export { default as AvatarGroup, AVATAR_GROUP_LABELS, } from "./primitives/AvatarGroup/AvatarGroup.vue";
-export type { AvatarGroupItem, AvatarGroupLabels, AvatarGroupSurface, } from "./primitives/AvatarGroup/AvatarGroup.vue";
-export { default as Badge, badgeVariants } from "./primitives/Badge/Badge.vue";
-export type { BadgeVariant } from "./primitives/Badge/Badge.vue";
-export { default as Breadcrumb } from "./primitives/Breadcrumb/Breadcrumb.vue";
-export type { BreadcrumbItem, BreadcrumbSeparator } from "./primitives/Breadcrumb/Breadcrumb.vue";
-export { default as Button, buttonVariants } from "./primitives/Button/Button.vue";
-export type { ButtonSize, ButtonVariant } from "./primitives/Button/Button.vue";
-export { default as Checkbox } from "./primitives/Checkbox/Checkbox.vue";
-export { default as Chip, chipVariants } from "./primitives/Chip/Chip.vue";
-export type { ChipSize, ChipVariant } from "./primitives/Chip/Chip.vue";
-export { default as ColorPicker, COLOR_PICKER_LABELS, } from "./primitives/ColorPicker/ColorPicker.vue";
-export type { ColorPickerLabels } from "./primitives/ColorPicker/ColorPicker.vue";
-export { default as Combobox, comboboxVariants, COMBOBOX_LABELS, } from "./primitives/Combobox/Combobox.vue";
-export type { ComboboxLabels, ComboboxOption, ComboboxSize, } from "./primitives/Combobox/Combobox.vue";
-export { default as ContextMenu } from "./primitives/ContextMenu/ContextMenu.vue";
-export type { ContextMenuEntry } from "./primitives/ContextMenu/ContextMenu.vue";
-export { default as DatePicker } from "./primitives/DatePicker/DatePicker.vue";
-export type { DatePickerLabels } from "./primitives/DatePicker/DatePicker.vue";
-export { default as DateRangePicker, DATE_RANGE_LABELS, } from "./primitives/DateRangePicker/DateRangePicker.vue";
-export type { DateRange, DateRangeLabels, DateRangePickerLabels, } from "./primitives/DateRangePicker/DateRangePicker.vue";
-export { default as DateTimePicker } from "./primitives/DateTimePicker/DateTimePicker.vue";
-export type { DateTimePickerLabels } from "./primitives/DateTimePicker/DateTimePicker.vue";
-export { default as DateTimeRangePicker, DATE_TIME_RANGE_LABELS, } from "./primitives/DateTimeRangePicker/DateTimeRangePicker.vue";
-export type { DateTimeRange, DateTimeRangeLabels, DateTimeRangePickerLabels, } from "./primitives/DateTimeRangePicker/DateTimeRangePicker.vue";
-export { default as Dialog, DIALOG_LABELS } from "./primitives/Dialog/Dialog.vue";
-export type { DialogLabels, DialogSize } from "./primitives/Dialog/Dialog.vue";
-export { default as Drawer, DRAWER_LABELS } from "./primitives/Drawer/Drawer.vue";
-export type { DrawerLabels, DrawerSide, DrawerSize } from "./primitives/Drawer/Drawer.vue";
-export { default as DropdownMenu } from "./primitives/DropdownMenu/DropdownMenu.vue";
-export type { DropdownMenuEntry } from "./primitives/DropdownMenu/DropdownMenu.vue";
-export { default as Editable, EDITABLE_LABELS } from "./primitives/Editable/Editable.vue";
-export type { EditableActivationMode, EditableLabels, EditableSubmitMode, } from "./primitives/Editable/Editable.vue";
-export { default as Field } from "./primitives/Field/Field.vue";
-export { default as Fieldset } from "./primitives/Fieldset/Fieldset.vue";
-export { default as FileUpload, FILE_UPLOAD_LABELS } from "./primitives/FileUpload/FileUpload.vue";
-export type { FileUploadLabels, FileUploadRejectReason, FileUploadRejection, } from "./primitives/FileUpload/FileUpload.vue";
-export { default as HoverCard } from "./primitives/HoverCard/HoverCard.vue";
-export type { HoverCardAlign, HoverCardSide } from "./primitives/HoverCard/HoverCard.vue";
-export { default as Indicator, indicatorToneVariants, indicatorVariants, INDICATOR_LABELS, } from "./primitives/Indicator/Indicator.vue";
-export type { IndicatorLabels, IndicatorPlacement, IndicatorStatus, IndicatorSurface, IndicatorTone, IndicatorVariant, } from "./primitives/Indicator/Indicator.vue";
-export { default as InlineError } from "./primitives/InlineError/InlineError.vue";
-export { default as IconButton, iconButtonVariants } from "./primitives/IconButton/IconButton.vue";
-export type { IconButtonSize, IconButtonVariant } from "./primitives/IconButton/IconButton.vue";
-export { default as Menubar } from "./primitives/Menubar/Menubar.vue";
-export type { MenubarItem, MenubarMenu } from "./primitives/Menubar/Menubar.vue";
-export { default as Link, linkVariants } from "./primitives/Link/Link.vue";
-export type { LinkVariant } from "./primitives/Link/Link.vue";
-export { default as NumberField, NUMBER_FIELD_LABELS, } from "./primitives/NumberField/NumberField.vue";
-export type { NumberFieldLabels } from "./primitives/NumberField/NumberField.vue";
-export { default as OtpInput, OTP_INPUT_LABELS } from "./primitives/OtpInput/OtpInput.vue";
-export type { OtpInputLabels, OtpInputType } from "./primitives/OtpInput/OtpInput.vue";
-export { default as Pagination, paginationVariants, PAGINATION_LABELS, } from "./primitives/Pagination/Pagination.vue";
-export type { PaginationLabels, PaginationVariant } from "./primitives/Pagination/Pagination.vue";
-export { default as Popover } from "./primitives/Popover/Popover.vue";
-export type { PopoverAlign, PopoverSide } from "./primitives/Popover/Popover.vue";
-export { default as Progress, progressVariants, PROGRESS_LABELS, } from "./primitives/Progress/Progress.vue";
-export type { ProgressLabels, ProgressSize } from "./primitives/Progress/Progress.vue";
-export { default as RadialProgress, radialProgressVariants, RADIAL_PROGRESS_LABELS, } from "./primitives/RadialProgress/RadialProgress.vue";
-export type { RadialProgressLabels, RadialProgressSize, RadialProgressThickness, } from "./primitives/RadialProgress/RadialProgress.vue";
-export { default as RadioGroup } from "./primitives/RadioGroup/RadioGroup.vue";
-export type { RadioOption } from "./primitives/RadioGroup/RadioGroup.vue";
-export { default as Rating, RATING_LABELS } from "./primitives/Rating/Rating.vue";
-export type { RatingLabels, RatingSize } from "./primitives/Rating/Rating.vue";
-export { default as SegmentedControl } from "./primitives/SegmentedControl/SegmentedControl.vue";
-export type { SegmentedControlOption } from "./primitives/SegmentedControl/SegmentedControl.vue";
-export { default as ScrollArea } from "./primitives/ScrollArea/ScrollArea.vue";
-export type { ScrollAreaOrientation } from "./primitives/ScrollArea/ScrollArea.vue";
-export { default as Select, selectVariants } from "./primitives/Select/Select.vue";
-export type { SelectOption, SelectSize } from "./primitives/Select/Select.vue";
-export { default as Separator } from "./primitives/Separator/Separator.vue";
-export type { SeparatorOrientation } from "./primitives/Separator/Separator.vue";
-export { default as Skeleton, skeletonVariants } from "./primitives/Skeleton/Skeleton.vue";
-export type { SkeletonVariant } from "./primitives/Skeleton/Skeleton.vue";
-export { default as Slider } from "./primitives/Slider/Slider.vue";
-export { default as SpeedDial } from "./primitives/SpeedDial/SpeedDial.vue";
-export type { SpeedDialAction, SpeedDialDirection } from "./primitives/SpeedDial/SpeedDial.vue";
-export { default as Spinner, spinnerVariants } from "./primitives/Spinner/Spinner.vue";
-export type { SpinnerSize } from "./primitives/Spinner/Spinner.vue";
-export { default as Stepper, STEPPER_LABELS } from "./primitives/Stepper/Stepper.vue";
-export type { StepperLabels, StepperOrientation, StepperStep, } from "./primitives/Stepper/Stepper.vue";
-export { default as Surface, surfaceVariants } from "./primitives/Surface/Surface.vue";
-export type { SurfaceElevation, SurfacePad } from "./primitives/Surface/Surface.vue";
-export { default as Switch } from "./primitives/Switch/Switch.vue";
-export { default as Tabs } from "./primitives/Tabs/Tabs.vue";
-export type { TabItem } from "./primitives/Tabs/Tabs.vue";
-export { default as TagsInput, TAGS_INPUT_LABELS } from "./primitives/TagsInput/TagsInput.vue";
-export type { TagsInputLabels, TagsInputRejection, TagsInputRejectReason, } from "./primitives/TagsInput/TagsInput.vue";
-export { default as Textarea } from "./primitives/Textarea/Textarea.vue";
-export type { TextareaResize } from "./primitives/Textarea/Textarea.vue";
-export { default as TextField } from "./primitives/TextField/TextField.vue";
-export type { TextFieldSize, TextFieldType } from "./primitives/TextField/TextField.vue";
-export { default as TimePicker } from "./primitives/TimePicker/TimePicker.vue";
-export type { TimePickerLabels } from "./primitives/TimePicker/TimePicker.vue";
-export { default as Toast, TOAST_LABELS } from "./primitives/Toast/Toast.vue";
-export type { ToastLabels, ToastVariant } from "./primitives/Toast/Toast.vue";
-export { default as Tooltip } from "./primitives/Tooltip/Tooltip.vue";
-export type { TooltipSide } from "./primitives/Tooltip/Tooltip.vue";
-export { default as WindowControls, WINDOW_CONTROLS_LABELS, } from "./primitives/WindowControls/WindowControls.vue";
-export type { WindowControlsLabels, WindowPlatform, } from "./primitives/WindowControls/WindowControls.vue";
-export { default as Center } from "./composition/Center/Center.vue";
-export type { CenterMaxWidth } from "./composition/Center/Center.vue";
-export { default as Frame } from "./composition/Frame/Frame.vue";
-export type { FrameRatio } from "./composition/Frame/Frame.vue";
-export { default as Grid } from "./composition/Grid/Grid.vue";
-export type { GridGap } from "./composition/Grid/Grid.vue";
-export { default as Inline } from "./composition/Inline/Inline.vue";
-export type { InlineAlign, InlineGap } from "./composition/Inline/Inline.vue";
-export { default as ScrollReel } from "./composition/ScrollReel/ScrollReel.vue";
-export type { ScrollReelGap, ScrollReelSnap } from "./composition/ScrollReel/ScrollReel.vue";
-export { default as Sidebar } from "./composition/Sidebar/Sidebar.vue";
-export type { SidebarSide } from "./composition/Sidebar/Sidebar.vue";
-export { default as Split } from "./composition/Split/Split.vue";
-export type { SplitGap, SplitSide } from "./composition/Split/Split.vue";
-export { default as Stack } from "./composition/Stack/Stack.vue";
-export type { StackAlign, StackGap } from "./composition/Stack/Stack.vue";
-export { default as AppShell } from "./layouts/AppShell/AppShell.vue";
-export type { AppShellSidebarWidth } from "./layouts/AppShell/AppShell.vue";
-export { default as Centered } from "./layouts/Centered/Centered.vue";
-export type { CenteredMaxWidth } from "./layouts/Centered/Centered.vue";
-export { default as Dashboard } from "./layouts/Dashboard/Dashboard.vue";
-export type { DashboardMinTileWidth } from "./layouts/Dashboard/Dashboard.vue";
-export { default as FormLayout } from "./layouts/FormLayout/FormLayout.vue";
-export type { FormLayoutMaxWidth } from "./layouts/FormLayout/FormLayout.vue";
-export { default as MasterDetail } from "./layouts/MasterDetail/MasterDetail.vue";
-export type { MasterDetailMinMasterWidth } from "./layouts/MasterDetail/MasterDetail.vue";
-export { default as Reading } from "./layouts/Reading/Reading.vue";
-export { default as Settings } from "./layouts/Settings/Settings.vue";
-export type { SettingsNavWidth } from "./layouts/Settings/Settings.vue";
-export { default as SplitLayout } from "./layouts/SplitLayout/SplitLayout.vue";
-export type { SplitLayoutCollapseAt } from "./layouts/SplitLayout/SplitLayout.vue";
-export { default as AppHeader } from "./blocks/AppHeader/AppHeader.vue";
-export { default as DashboardGrid } from "./blocks/DashboardGrid/DashboardGrid.vue";
-export { default as DesktopAppShell } from "./blocks/DesktopAppShell/DesktopAppShell.vue";
-export { default as EmptyState } from "./blocks/EmptyState/EmptyState.vue";
-export { default as ErrorState } from "./blocks/ErrorState/ErrorState.vue";
-export { default as FormActions } from "./blocks/FormActions/FormActions.vue";
-export type { FormActionsAlign } from "./blocks/FormActions/FormActions.vue";
-export { default as FormSection } from "./blocks/FormSection/FormSection.vue";
-export type { FormSectionGap } from "./blocks/FormSection/FormSection.vue";
-export { default as LoadingState } from "./blocks/LoadingState/LoadingState.vue";
-export { default as MetricCard } from "./blocks/MetricCard/MetricCard.vue";
-export type { MetricCardTrend } from "./blocks/MetricCard/MetricCard.vue";
-export { default as PageHeader } from "./blocks/PageHeader/PageHeader.vue";
-export { default as RowActions } from "./blocks/RowActions/RowActions.vue";
-export { default as SidebarNav } from "./blocks/SidebarNav/SidebarNav.vue";
-export type { SidebarNavItem, SidebarNavSection } from "./blocks/SidebarNav/SidebarNav.vue";
-export { default as TitleBar } from "./blocks/TitleBar/TitleBar.vue";
-export { default as ToastStack } from "./blocks/ToastStack/ToastStack.vue";
-export type { ToastStackItem } from "./blocks/ToastStack/ToastStack.vue";
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/layouts/AppShell/AppShell.js

@@ -1,7 +0,0 @@
-import AppShell_vue_vue_type_script_setup_true_lang_default, { sidebarWidthRem } from "./AppShell.vue_vue_type_script_setup_true_lang.js";
-//#region src/layouts/AppShell/AppShell.vue
-var AppShell_default = AppShell_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { AppShell_default as default, sidebarWidthRem };
-
-//# sourceMappingURL=AppShell.js.map

package/dist/layouts/AppShell/AppShell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.js","names":[],"sources":["../../../src/layouts/AppShell/AppShell.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * AppShell — the universal application shell.\n *\n * A sidebar, a header, and a content area that reflows from mobile to\n * ultrawide. This is the layout most SaaS-style applications need: a\n * navigation sidebar on the left, a top header bar, and a scrollable content\n * region that fills the remaining space.\n *\n * The sidebar collapses intrinsically — no media query, no JavaScript. The\n * flex-wrap technique from the Sidebar composition primitive makes both panels\n * go full-width the moment the content cannot honour its `min-width`, so the\n * layout derives its own breakpoint from the container's width. The sidebar\n * width prop maps to named steps (sm/md/lg) rather than a pixel value so the\n * host names intent and the shell owns the geometry.\n *\n * The header slot is sticky within the content area so it stays visible while\n * the content scrolls. On ultrawide viewports, the content's horizontal\n * gutters widen so the extra viewport becomes intentional whitespace rather\n * than stretching lines of text.\n */\nexport type AppShellSidebarWidth = \"sm\" | \"md\" | \"lg\";\n\nconst sidebarWidthRem: Record<AppShellSidebarWidth, string> = {\n  sm: \"12rem\",\n  md: \"16rem\",\n  lg: \"20rem\",\n} as const;\n\nexport { sidebarWidthRem };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** Sidebar width step: sm (12rem), md (16rem, default), lg (20rem). */\n    sidebarWidth?: AppShellSidebarWidth;\n    /** Accessible name for the sidebar navigation landmark. */\n    sidebarAriaLabel?: string;\n  }>(),\n  { sidebarWidth: \"md\", sidebarAriaLabel: \"Navigation\" },\n);\n</script>\n\n<template>\n  <!--\n    `flex-wrap: wrap` is the intrinsic collapse mechanism. When the content\n    panel can't fit its `min-width: 50%`, both panels wrap to full-width —\n    the sidebar becomes a full-width section above the content. No media\n    query; the layout derives its own breakpoint from the container's width.\n  -->\n  <div :class=\"cn('flex h-full')\" :style=\"{ flexWrap: 'wrap' }\">\n    <!--\n      The sidebar is a fixed-basis flex child that does not grow. It recedes\n      into the sunken elevation layer so work surfaces read as lifted above\n      navigation chrome.\n    -->\n    <aside\n      :aria-label=\"sidebarAriaLabel\"\n      :style=\"{\n        flexBasis: sidebarWidthRem[sidebarWidth],\n        flexGrow: 0,\n        flexShrink: 1,\n      }\"\n      :class=\"cn('bg-sunken w-full')\"\n    >\n      <slot name=\"sidebar\" />\n    </aside>\n\n    <!--\n      The content area takes all remaining space (`flex-grow: 999`) when the\n      container is wide enough. Its `min-width: 50%` triggers wrapping below\n      tablet-like widths. The header is sticky so it stays visible while the\n      content scrolls. Gutters widen at wider breakpoints so ultrawide\n      viewports add whitespace rails rather than stretching lines.\n    -->\n    <div\n      :style=\"{\n        flexBasis: 0,\n        flexGrow: 999,\n        flexShrink: 1,\n        minWidth: '50%',\n      }\"\n      :class=\"cn('bg-background flex min-w-0 flex-col')\"\n    >\n      <header v-if=\"$slots.header\" :class=\"cn('sticky top-0 z-20')\">\n        <slot name=\"header\" />\n      </header>\n\n      <div :class=\"cn('flex-1 overflow-y-auto px-4 sm:px-6 3xl:px-8')\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/layouts/AppShell/AppShell.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppShell/AppShell.vue"],"names":[],"mappings":"AAuGA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,QAAA,MAAM,eAAe,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIhD,CAAC;AAEX,OAAO,EAAE,eAAe,EAAE,CAAC;wBACN,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,uEAAuE;mBACxD,oBAAoB;IACnC,2DAA2D;uBACxC,MAAM;;IAHzB,uEAAuE;mBACxD,oBAAoB;IACnC,2DAA2D;uBACxC,MAAM;;kBAFV,oBAAoB;sBAEhB,MAAM;;cAiEf,CAAC,KAAK,IAAgB,KAAK,GAAG;;aAC/B,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/layouts/AppShell/AppShell.vue_vue_type_script_setup_true_lang.js

@@ -1,47 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
-//#region src/layouts/AppShell/AppShell.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
-var sidebarWidthRem = {
-	sm: "12rem",
-	md: "16rem",
-	lg: "20rem"
-};
-var AppShell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "AppShell",
-	props: {
-		sidebarWidth: { default: "md" },
-		sidebarAriaLabel: { default: "Navigation" }
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(cn)("flex h-full")),
-				style: { flexWrap: "wrap" }
-			}, [createElementVNode("aside", {
-				"aria-label": __props.sidebarAriaLabel,
-				style: normalizeStyle({
-					flexBasis: sidebarWidthRem[__props.sidebarWidth],
-					flexGrow: 0,
-					flexShrink: 1
-				}),
-				class: normalizeClass(unref(cn)("bg-sunken w-full"))
-			}, [renderSlot(_ctx.$slots, "sidebar")], 14, _hoisted_1), createElementVNode("div", {
-				style: {
-					flexBasis: 0,
-					flexGrow: 999,
-					flexShrink: 1,
-					minWidth: "50%"
-				},
-				class: normalizeClass(unref(cn)("bg-background flex min-w-0 flex-col"))
-			}, [_ctx.$slots.header ? (openBlock(), createElementBlock("header", {
-				key: 0,
-				class: normalizeClass(unref(cn)("sticky top-0 z-20"))
-			}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(cn)("flex-1 overflow-y-auto px-4 sm:px-6 3xl:px-8")) }, [renderSlot(_ctx.$slots, "default")], 2)], 2)], 2);
-		};
-	}
-});
-//#endregion
-export { AppShell_vue_vue_type_script_setup_true_lang_default as default, sidebarWidthRem };
-
-//# sourceMappingURL=AppShell.vue_vue_type_script_setup_true_lang.js.map

package/dist/layouts/AppShell/AppShell.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/layouts/AppShell/AppShell.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * AppShell — the universal application shell.\n *\n * A sidebar, a header, and a content area that reflows from mobile to\n * ultrawide. This is the layout most SaaS-style applications need: a\n * navigation sidebar on the left, a top header bar, and a scrollable content\n * region that fills the remaining space.\n *\n * The sidebar collapses intrinsically — no media query, no JavaScript. The\n * flex-wrap technique from the Sidebar composition primitive makes both panels\n * go full-width the moment the content cannot honour its `min-width`, so the\n * layout derives its own breakpoint from the container's width. The sidebar\n * width prop maps to named steps (sm/md/lg) rather than a pixel value so the\n * host names intent and the shell owns the geometry.\n *\n * The header slot is sticky within the content area so it stays visible while\n * the content scrolls. On ultrawide viewports, the content's horizontal\n * gutters widen so the extra viewport becomes intentional whitespace rather\n * than stretching lines of text.\n */\nexport type AppShellSidebarWidth = \"sm\" | \"md\" | \"lg\";\n\nconst sidebarWidthRem: Record<AppShellSidebarWidth, string> = {\n  sm: \"12rem\",\n  md: \"16rem\",\n  lg: \"20rem\",\n} as const;\n\nexport { sidebarWidthRem };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** Sidebar width step: sm (12rem), md (16rem, default), lg (20rem). */\n    sidebarWidth?: AppShellSidebarWidth;\n    /** Accessible name for the sidebar navigation landmark. */\n    sidebarAriaLabel?: string;\n  }>(),\n  { sidebarWidth: \"md\", sidebarAriaLabel: \"Navigation\" },\n);\n</script>\n\n<template>\n  <!--\n    `flex-wrap: wrap` is the intrinsic collapse mechanism. When the content\n    panel can't fit its `min-width: 50%`, both panels wrap to full-width —\n    the sidebar becomes a full-width section above the content. No media\n    query; the layout derives its own breakpoint from the container's width.\n  -->\n  <div :class=\"cn('flex h-full')\" :style=\"{ flexWrap: 'wrap' }\">\n    <!--\n      The sidebar is a fixed-basis flex child that does not grow. It recedes\n      into the sunken elevation layer so work surfaces read as lifted above\n      navigation chrome.\n    -->\n    <aside\n      :aria-label=\"sidebarAriaLabel\"\n      :style=\"{\n        flexBasis: sidebarWidthRem[sidebarWidth],\n        flexGrow: 0,\n        flexShrink: 1,\n      }\"\n      :class=\"cn('bg-sunken w-full')\"\n    >\n      <slot name=\"sidebar\" />\n    </aside>\n\n    <!--\n      The content area takes all remaining space (`flex-grow: 999`) when the\n      container is wide enough. Its `min-width: 50%` triggers wrapping below\n      tablet-like widths. The header is sticky so it stays visible while the\n      content scrolls. Gutters widen at wider breakpoints so ultrawide\n      viewports add whitespace rails rather than stretching lines.\n    -->\n    <div\n      :style=\"{\n        flexBasis: 0,\n        flexGrow: 999,\n        flexShrink: 1,\n        minWidth: '50%',\n      }\"\n      :class=\"cn('bg-background flex min-w-0 flex-col')\"\n    >\n      <header v-if=\"$slots.header\" :class=\"cn('sticky top-0 z-20')\">\n        <slot name=\"header\" />\n      </header>\n\n      <div :class=\"cn('flex-1 overflow-y-auto px-4 sm:px-6 3xl:px-8')\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;AAuBA,IAAM,kBAAwD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;GA0BE,OAAA,UAAA,GAAA,mBA0CM,OAAA;IA1CA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,aAAA,CAAA;IAAkB,OAAO,EAAA,UAAA,OAAA;GAMtC,GAAA,CAAA,mBAUQ,SAAA;IATL,cAAY,QAAA;IACZ,OAAK,eAAA;KAAuB,WAAA,gBAAgB,QAAA;;;;IAK5C,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,kBAAA,CAAA;GAEV,GAAA,CAAA,WAAuB,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA,GAUzB,mBAgBM,OAAA;IAfH,OAAO;;;;;IAKP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,qCAAA,CAAA;GAEIA,GAAAA,CAAAA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA;;IAFqB,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,mBAAA,CAAA;GACrC,GAAA,CAAA,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAGxB,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,8CAAA,CAAA,EAAA,GAAA,CACb,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/layouts/Centered/Centered.js

@@ -1,7 +0,0 @@
-import Centered_vue_vue_type_script_setup_true_lang_default, { maxWidthClass } from "./Centered.vue_vue_type_script_setup_true_lang.js";
-//#region src/layouts/Centered/Centered.vue
-var Centered_default = Centered_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { Centered_default as default, maxWidthClass };
-
-//# sourceMappingURL=Centered.js.map

package/dist/layouts/Centered/Centered.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Centered.js","names":[],"sources":["../../../src/layouts/Centered/Centered.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Centered — a full-page layout with a centered content column.\n *\n * The simplest application shell: a header, a centered content column with a\n * max-width constraint, and a footer. On ultra-wide monitors the extra viewport\n * goes to intentional whitespace — lines of text stay readable rather than\n * stretching to fill the screen.\n *\n * The header and footer are NOT centered or max-width constrained: they span\n * the full viewport width. Only the default content slot is wrapped in the\n * Center composition primitive's centering logic (mx-auto, max-width, gutters).\n * This design lets navigation bars and status strips go edge-to-edge while the\n * main content stays comfortably readable.\n *\n * For pages that need only centered content without the page-level shell (no\n * header/footer, no min-height), use the Center composition primitive directly.\n */\nexport type CenteredMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"prose\";\n\nconst maxWidthClass: Record<CenteredMaxWidth, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-lg\",\n  xl: \"max-w-xl\",\n  prose: \"max-w-prose\",\n} as const;\n\nexport { maxWidthClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** Max-width for the centered column. Names readable intent rather than pixel values. */\n    maxWidth?: CenteredMaxWidth;\n    /** Whether to add horizontal gutters that widen at wider breakpoints. */\n    gutter?: boolean;\n  }>(),\n  { maxWidth: \"lg\", gutter: true },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      Header and footer are full-width — they are NOT inside the centered\n      wrapper. Navigation bars, status strips, and similar chrome need to span\n      the viewport edge-to-edge.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      Only the content is centered with a max-width constraint. Gutters step up\n      at `sm` and `3xl`: narrow viewports need less margin because the viewport\n      itself is margin, and ultra-wide viewports need more so the gap between\n      content and screen edge stays proportional.\n    -->\n    <div\n      :class=\"\n        cn(\n          'mx-auto w-full flex-1',\n          maxWidthClass[maxWidth],\n          gutter ? 'px-4 sm:px-6 3xl:px-8' : undefined,\n        )\n      \"\n    >\n      <slot />\n    </div>\n\n    <footer v-if=\"$slots.footer\">\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n"],"mappings":""}

package/dist/layouts/Centered/Centered.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Centered.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/Centered/Centered.vue"],"names":[],"mappings":"AAqFA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC;AAEnE,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAM1C,CAAC;AAEX,OAAO,EAAE,aAAa,EAAE,CAAC;wBACJ,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,yFAAyF;eAC9E,gBAAgB;IAC3B,yEAAyE;aAChE,OAAO;;IAHhB,yFAAyF;eAC9E,gBAAgB;IAC3B,yEAAyE;aAChE,OAAO;;cAFL,gBAAgB;YAElB,OAAO;;aAuDP,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,CAAC,KAAK,IAAgB,KAAK,GAAG;;aAC/B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUvC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/layouts/Centered/Centered.vue_vue_type_script_setup_true_lang.js

@@ -1,35 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
-//#region src/layouts/Centered/Centered.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { key: 0 };
-var _hoisted_2 = { key: 1 };
-var maxWidthClass = {
-	sm: "max-w-sm",
-	md: "max-w-md",
-	lg: "max-w-lg",
-	xl: "max-w-xl",
-	prose: "max-w-prose"
-};
-var Centered_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "Centered",
-	props: {
-		maxWidth: { default: "lg" },
-		gutter: {
-			type: Boolean,
-			default: true
-		}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("min-h-dvh flex flex-col")) }, [
-				_ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_1, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true),
-				createElementVNode("div", { class: normalizeClass(unref(cn)("mx-auto w-full flex-1", maxWidthClass[__props.maxWidth], __props.gutter ? "px-4 sm:px-6 3xl:px-8" : void 0)) }, [renderSlot(_ctx.$slots, "default")], 2),
-				_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_2, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
-			], 2);
-		};
-	}
-});
-//#endregion
-export { Centered_vue_vue_type_script_setup_true_lang_default as default, maxWidthClass };
-
-//# sourceMappingURL=Centered.vue_vue_type_script_setup_true_lang.js.map

package/dist/layouts/Centered/Centered.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Centered.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/layouts/Centered/Centered.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Centered — a full-page layout with a centered content column.\n *\n * The simplest application shell: a header, a centered content column with a\n * max-width constraint, and a footer. On ultra-wide monitors the extra viewport\n * goes to intentional whitespace — lines of text stay readable rather than\n * stretching to fill the screen.\n *\n * The header and footer are NOT centered or max-width constrained: they span\n * the full viewport width. Only the default content slot is wrapped in the\n * Center composition primitive's centering logic (mx-auto, max-width, gutters).\n * This design lets navigation bars and status strips go edge-to-edge while the\n * main content stays comfortably readable.\n *\n * For pages that need only centered content without the page-level shell (no\n * header/footer, no min-height), use the Center composition primitive directly.\n */\nexport type CenteredMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"prose\";\n\nconst maxWidthClass: Record<CenteredMaxWidth, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-lg\",\n  xl: \"max-w-xl\",\n  prose: \"max-w-prose\",\n} as const;\n\nexport { maxWidthClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** Max-width for the centered column. Names readable intent rather than pixel values. */\n    maxWidth?: CenteredMaxWidth;\n    /** Whether to add horizontal gutters that widen at wider breakpoints. */\n    gutter?: boolean;\n  }>(),\n  { maxWidth: \"lg\", gutter: true },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      Header and footer are full-width — they are NOT inside the centered\n      wrapper. Navigation bars, status strips, and similar chrome need to span\n      the viewport edge-to-edge.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      Only the content is centered with a max-width constraint. Gutters step up\n      at `sm` and `3xl`: narrow viewports need less margin because the viewport\n      itself is margin, and ultra-wide viewports need more so the gap between\n      content and screen edge stays proportional.\n    -->\n    <div\n      :class=\"\n        cn(\n          'mx-auto w-full flex-1',\n          maxWidthClass[maxWidth],\n          gutter ? 'px-4 sm:px-6 3xl:px-8' : undefined,\n        )\n      \"\n    >\n      <slot />\n    </div>\n\n    <footer v-if=\"$slots.footer\">\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n"],"mappings":";;;;;AAoBA,IAAM,gBAAkD;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;AACT;;;;;;;;;;;;GAoBE,OAAA,UAAA,GAAA,mBA+BM,OAAA,EA/BA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA,EAAA,GAAA;IAMCA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA,YAAA,CADP,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IASxB,mBAUM,OAAA,EATH,OAAK,eAAW,MAAA,EAAA,CAAE,CAAA,yBAA+C,cAAc,QAAA,WAAqB,QAAA,SAAM,0BAA6B,KAAA,CAAA,CAAA,EAAA,GAAA,CAQxI,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;IAGIA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA,YAAA,CADP,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/layouts/Dashboard/Dashboard.js

@@ -1,7 +0,0 @@
-import Dashboard_vue_vue_type_script_setup_true_lang_default, { gapClass } from "./Dashboard.vue_vue_type_script_setup_true_lang.js";
-//#region src/layouts/Dashboard/Dashboard.vue
-var Dashboard_default = Dashboard_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { Dashboard_default as default, gapClass };
-
-//# sourceMappingURL=Dashboard.js.map

package/dist/layouts/Dashboard/Dashboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dashboard.js","names":[],"sources":["../../../src/layouts/Dashboard/Dashboard.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Dashboard — a dashboard shell: optional sidebar + auto-reflowing tile grid\n * for panels, with an optional aside for supplementary metrics on ultrawide\n * viewports.\n *\n * The layout composes three composition patterns into a single responsive\n * shell. The innermost is the auto-fit grid from DashboardGrid/Grid: the tile\n * column count derives from the container's own width, so the same grid\n * reflows inside a sidebar-narrowed workspace and full-bleed on an ultra-wide\n * monitor, with zero Tailwind breakpoints authored here or at the call site.\n *\n * The sidebar and aside use the Every Layout \"Sidebar\" flex-wrap technique:\n * each panel gets a fixed flex-basis and the grid area gets `flex-grow: 999`,\n * so when the container cannot fit the content's minimum, both panels wrap to\n * full-width and the sidebar or aside stacks above the grid instead of sitting\n * beside it. No media query, no JavaScript — the layout derives its own\n * breakpoints from the container's width.\n *\n * The `#aside` slot is gated behind a `2xl` breakpoint because supplementary\n * metrics are a luxury that only wide desktops can afford: the aside is hidden\n * below that width and the grid takes the full width, preventing a cramped\n * two-panel layout where neither panel has room to breathe.\n *\n * The header slot is full-width, above the sidebar+grid row, so a top\n * navigation bar or title row never competes for horizontal space with the\n * sidebar.\n */\nexport type DashboardMinTileWidth = string;\n\nconst gapClass: Record<string, string> = {\n  sm: \"gap-2 sm:gap-3\",\n  md: \"gap-3 sm:gap-4\",\n  lg: \"gap-4 sm:gap-6\",\n} as const;\n\nexport { gapClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** Narrowest a tile may get before the grid drops to fewer columns. */\n    minTileWidth?: DashboardMinTileWidth;\n    /** Grid gap step. Tightens one notch below sm. */\n    gap?: \"sm\" | \"md\" | \"lg\";\n  }>(),\n  { minTileWidth: \"16rem\", gap: \"md\" },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      The header is full-width and above the sidebar+grid row, so a\n      navigation bar or title row never competes for horizontal space.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      The sidebar+grid row uses flex-wrap. The sidebar gets a fixed\n      flex-basis (~16rem) and the grid area gets `flex-grow: 999`, so\n      when the container is too narrow both panels wrap to full-width —\n      the sidebar stacks above the grid. No media query; the layout\n      derives its own breakpoint from the container's width.\n    -->\n    <div\n      :style=\"{ flexWrap: 'wrap' }\"\n      :class=\"cn('flex flex-1', $slots.sidebar ? 'flex-row' : undefined)\"\n    >\n      <!--\n        The sidebar panel. Fixed-basis, no growth — it recedes into the\n        sunken elevation layer when present, matching the AppShell pattern.\n      -->\n      <aside\n        v-if=\"$slots.sidebar\"\n        :style=\"{\n          flexBasis: '16rem',\n          flexGrow: 0,\n          flexShrink: 1,\n        }\"\n        :class=\"cn('bg-sunken w-full')\"\n      >\n        <slot name=\"sidebar\" />\n      </aside>\n\n      <!--\n        The main area: the auto-fit tile grid + an optional aside for\n        supplementary metrics on ultrawide viewports.\n\n        `flex-grow: 999` ensures this area takes all remaining space\n        when the container is wide enough. Its `min-width: 50%` triggers\n        wrapping below tablet-like widths, making the sidebar stack above.\n\n        Gutters widen at wider breakpoints so ultrawide viewports add\n        whitespace rails rather than stretching lines.\n      -->\n      <div\n        :style=\"{\n          flexBasis: 0,\n          flexGrow: 999,\n          flexShrink: 1,\n          minWidth: '50%',\n        }\"\n        :class=\"cn('flex min-w-0 flex-col')\"\n      >\n        <div\n          :class=\"\n            cn(\n              'flex-1 px-4 sm:px-6 3xl:px-8',\n              $slots.aside ? 'flex flex-row 2xl:flex-row max-2xl:flex-col' : undefined,\n            )\n          \"\n          :style=\"$slots.aside ? { flexWrap: 'wrap' } : undefined\"\n        >\n          <!--\n            The tile grid. `auto-fit` + `minmax` recomputes the column\n            count from the container's own width — it reflows inside a\n            sidebar-narrowed workspace and full-bleed on an ultra-wide\n            monitor, with zero Tailwind breakpoints authored here. The\n            `minmax` lower bound is wrapped in `min(100%, …)` so a tile\n            never forces horizontal overflow on a container narrower than\n            `minTileWidth` itself.\n          -->\n          <div\n            :class=\"\n              cn('grid', gapClass[gap], $slots.aside ? 'flex-grow-[999] flex-shrink-1' : undefined)\n            \"\n            :style=\"{\n              gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${minTileWidth}), 1fr))`,\n              ...($slots.aside ? { flexBasis: 0, minWidth: '60%' } : {}),\n            }\"\n          >\n            <slot />\n          </div>\n\n          <!--\n            The aside slot: supplementary metrics/info panels visible only\n            on wide desktops (from `2xl` breakpoint). Uses the same\n            flex-wrap Sidebar pattern: the aside gets a fixed basis and\n            the grid area grows to fill the remaining space. Below `2xl`,\n            the aside is hidden entirely — metrics are a luxury that only\n            wide desktops can afford.\n          -->\n          <aside\n            v-if=\"$slots.aside\"\n            :style=\"{\n              flexBasis: '14rem',\n              flexGrow: 0,\n              flexShrink: 1,\n            }\"\n            :class=\"cn('hidden w-full 2xl:block')\"\n          >\n            <slot name=\"aside\" />\n          </aside>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/layouts/Dashboard/Dashboard.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dashboard.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/Dashboard/Dashboard.vue"],"names":[],"mappings":"AA0KA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI3B,CAAC;AAEX,OAAO,EAAE,QAAQ,EAAE,CAAC;wBACC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,uEAAuE;mBACxD,qBAAqB;IACpC,kDAAkD;UAC5C,IAAI,GAAG,IAAI,GAAG,IAAI;;IAHxB,uEAAuE;mBACxD,qBAAqB;IACpC,kDAAkD;UAC5C,IAAI,GAAG,IAAI,GAAG,IAAI;;SAAlB,IAAI,GAAG,IAAI,GAAG,IAAI;kBAFT,qBAAqB;;aAiG3B,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAgB,KAAK,GAAG;;YAChC,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUtC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/layouts/Dashboard/Dashboard.vue_vue_type_script_setup_true_lang.js

@@ -1,64 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
-//#region src/layouts/Dashboard/Dashboard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { key: 0 };
-var gapClass = {
-	sm: "gap-2 sm:gap-3",
-	md: "gap-3 sm:gap-4",
-	lg: "gap-4 sm:gap-6"
-};
-var Dashboard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "Dashboard",
-	props: {
-		minTileWidth: { default: "16rem" },
-		gap: { default: "md" }
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("min-h-dvh flex flex-col")) }, [_ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_1, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true), createElementVNode("div", {
-				style: { flexWrap: "wrap" },
-				class: normalizeClass(unref(cn)("flex flex-1", _ctx.$slots.sidebar ? "flex-row" : void 0))
-			}, [_ctx.$slots.sidebar ? (openBlock(), createElementBlock("aside", {
-				key: 0,
-				style: {
-					flexBasis: "16rem",
-					flexGrow: 0,
-					flexShrink: 1
-				},
-				class: normalizeClass(unref(cn)("bg-sunken w-full"))
-			}, [renderSlot(_ctx.$slots, "sidebar")], 2)) : createCommentVNode("", true), createElementVNode("div", {
-				style: {
-					flexBasis: 0,
-					flexGrow: 999,
-					flexShrink: 1,
-					minWidth: "50%"
-				},
-				class: normalizeClass(unref(cn)("flex min-w-0 flex-col"))
-			}, [createElementVNode("div", {
-				class: normalizeClass(unref(cn)("flex-1 px-4 sm:px-6 3xl:px-8", _ctx.$slots.aside ? "flex flex-row 2xl:flex-row max-2xl:flex-col" : void 0)),
-				style: normalizeStyle(_ctx.$slots.aside ? { flexWrap: "wrap" } : void 0)
-			}, [createElementVNode("div", {
-				class: normalizeClass(unref(cn)("grid", gapClass[__props.gap], _ctx.$slots.aside ? "flex-grow-[999] flex-shrink-1" : void 0)),
-				style: normalizeStyle({
-					gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${__props.minTileWidth}), 1fr))`,
-					..._ctx.$slots.aside ? {
-						flexBasis: 0,
-						minWidth: "60%"
-					} : {}
-				})
-			}, [renderSlot(_ctx.$slots, "default")], 6), _ctx.$slots.aside ? (openBlock(), createElementBlock("aside", {
-				key: 0,
-				style: {
-					flexBasis: "14rem",
-					flexGrow: 0,
-					flexShrink: 1
-				},
-				class: normalizeClass(unref(cn)("hidden w-full 2xl:block"))
-			}, [renderSlot(_ctx.$slots, "aside")], 2)) : createCommentVNode("", true)], 6)], 2)], 2)], 2);
-		};
-	}
-});
-//#endregion
-export { Dashboard_vue_vue_type_script_setup_true_lang_default as default, gapClass };
-
-//# sourceMappingURL=Dashboard.vue_vue_type_script_setup_true_lang.js.map

package/dist/layouts/Dashboard/Dashboard.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dashboard.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/layouts/Dashboard/Dashboard.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Dashboard — a dashboard shell: optional sidebar + auto-reflowing tile grid\n * for panels, with an optional aside for supplementary metrics on ultrawide\n * viewports.\n *\n * The layout composes three composition patterns into a single responsive\n * shell. The innermost is the auto-fit grid from DashboardGrid/Grid: the tile\n * column count derives from the container's own width, so the same grid\n * reflows inside a sidebar-narrowed workspace and full-bleed on an ultra-wide\n * monitor, with zero Tailwind breakpoints authored here or at the call site.\n *\n * The sidebar and aside use the Every Layout \"Sidebar\" flex-wrap technique:\n * each panel gets a fixed flex-basis and the grid area gets `flex-grow: 999`,\n * so when the container cannot fit the content's minimum, both panels wrap to\n * full-width and the sidebar or aside stacks above the grid instead of sitting\n * beside it. No media query, no JavaScript — the layout derives its own\n * breakpoints from the container's width.\n *\n * The `#aside` slot is gated behind a `2xl` breakpoint because supplementary\n * metrics are a luxury that only wide desktops can afford: the aside is hidden\n * below that width and the grid takes the full width, preventing a cramped\n * two-panel layout where neither panel has room to breathe.\n *\n * The header slot is full-width, above the sidebar+grid row, so a top\n * navigation bar or title row never competes for horizontal space with the\n * sidebar.\n */\nexport type DashboardMinTileWidth = string;\n\nconst gapClass: Record<string, string> = {\n  sm: \"gap-2 sm:gap-3\",\n  md: \"gap-3 sm:gap-4\",\n  lg: \"gap-4 sm:gap-6\",\n} as const;\n\nexport { gapClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** Narrowest a tile may get before the grid drops to fewer columns. */\n    minTileWidth?: DashboardMinTileWidth;\n    /** Grid gap step. Tightens one notch below sm. */\n    gap?: \"sm\" | \"md\" | \"lg\";\n  }>(),\n  { minTileWidth: \"16rem\", gap: \"md\" },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      The header is full-width and above the sidebar+grid row, so a\n      navigation bar or title row never competes for horizontal space.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      The sidebar+grid row uses flex-wrap. The sidebar gets a fixed\n      flex-basis (~16rem) and the grid area gets `flex-grow: 999`, so\n      when the container is too narrow both panels wrap to full-width —\n      the sidebar stacks above the grid. No media query; the layout\n      derives its own breakpoint from the container's width.\n    -->\n    <div\n      :style=\"{ flexWrap: 'wrap' }\"\n      :class=\"cn('flex flex-1', $slots.sidebar ? 'flex-row' : undefined)\"\n    >\n      <!--\n        The sidebar panel. Fixed-basis, no growth — it recedes into the\n        sunken elevation layer when present, matching the AppShell pattern.\n      -->\n      <aside\n        v-if=\"$slots.sidebar\"\n        :style=\"{\n          flexBasis: '16rem',\n          flexGrow: 0,\n          flexShrink: 1,\n        }\"\n        :class=\"cn('bg-sunken w-full')\"\n      >\n        <slot name=\"sidebar\" />\n      </aside>\n\n      <!--\n        The main area: the auto-fit tile grid + an optional aside for\n        supplementary metrics on ultrawide viewports.\n\n        `flex-grow: 999` ensures this area takes all remaining space\n        when the container is wide enough. Its `min-width: 50%` triggers\n        wrapping below tablet-like widths, making the sidebar stack above.\n\n        Gutters widen at wider breakpoints so ultrawide viewports add\n        whitespace rails rather than stretching lines.\n      -->\n      <div\n        :style=\"{\n          flexBasis: 0,\n          flexGrow: 999,\n          flexShrink: 1,\n          minWidth: '50%',\n        }\"\n        :class=\"cn('flex min-w-0 flex-col')\"\n      >\n        <div\n          :class=\"\n            cn(\n              'flex-1 px-4 sm:px-6 3xl:px-8',\n              $slots.aside ? 'flex flex-row 2xl:flex-row max-2xl:flex-col' : undefined,\n            )\n          \"\n          :style=\"$slots.aside ? { flexWrap: 'wrap' } : undefined\"\n        >\n          <!--\n            The tile grid. `auto-fit` + `minmax` recomputes the column\n            count from the container's own width — it reflows inside a\n            sidebar-narrowed workspace and full-bleed on an ultra-wide\n            monitor, with zero Tailwind breakpoints authored here. The\n            `minmax` lower bound is wrapped in `min(100%, …)` so a tile\n            never forces horizontal overflow on a container narrower than\n            `minTileWidth` itself.\n          -->\n          <div\n            :class=\"\n              cn('grid', gapClass[gap], $slots.aside ? 'flex-grow-[999] flex-shrink-1' : undefined)\n            \"\n            :style=\"{\n              gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${minTileWidth}), 1fr))`,\n              ...($slots.aside ? { flexBasis: 0, minWidth: '60%' } : {}),\n            }\"\n          >\n            <slot />\n          </div>\n\n          <!--\n            The aside slot: supplementary metrics/info panels visible only\n            on wide desktops (from `2xl` breakpoint). Uses the same\n            flex-wrap Sidebar pattern: the aside gets a fixed basis and\n            the grid area grows to fill the remaining space. Below `2xl`,\n            the aside is hidden entirely — metrics are a luxury that only\n            wide desktops can afford.\n          -->\n          <aside\n            v-if=\"$slots.aside\"\n            :style=\"{\n              flexBasis: '14rem',\n              flexGrow: 0,\n              flexShrink: 1,\n            }\"\n            :class=\"cn('hidden w-full 2xl:block')\"\n          >\n            <slot name=\"aside\" />\n          </aside>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;AA8BA,IAAM,WAAmC;CACvC,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;GAoBE,OAAA,UAAA,GAAA,mBA4GM,OAAA,EA5GA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA,EAAA,GAAA,CAKCA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA,YAAA,CADP,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAUxB,mBA2FM,OAAA;IA1FH,OAAO,EAAA,UAAA,OAAA;IACP,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,eAAgBA,KAAAA,OAAO,UAAO,aAAgB,KAAA,CAAS,CAAA;GAOzDA,GAAAA,CAAAA,KAAAA,OAAO,WADf,UAAA,GAAA,mBAUQ,SAAA;;IARL,OAAO;;;;IAIP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,kBAAA,CAAA;GAEV,GAAA,CAAA,WAAuB,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAczB,mBA2DM,OAAA;IA1DH,OAAO;;;;;IAKP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,uBAAA,CAAA;GAEV,GAAA,CAAA,mBAiDM,OAAA;IAhDH,OAAK,eAAe,MAAA,EAAA,CAAE,CAAA,gCAA8DA,KAAAA,OAAO,QAAK,gDAAmD,KAAA,CAAA,CAAA;IAMnJ,OAAK,eAAEA,KAAAA,OAAO,QAAK,EAAA,UAAA,OAAA,IAA0B,KAAA,CAAS;GAWvD,GAAA,CAAA,mBAUM,OAAA;IATH,OAAK,eAAiB,MAAA,EAAA,CAAE,CAAA,QAAS,SAAS,QAAA,MAAMA,KAAAA,OAAO,QAAK,kCAAqC,KAAA,CAAS,CAAA;IAG1G,OAAK,eAAA;KAA4E,qBAAA,qCAAA,QAAA,aAAY;KAA8BA,GAAAA,KAAAA,OAAO,QAAK;MAAA,WAAA;MAAA,UAAA;KAAA,IAAA,CAAA;;GAKxI,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,GAYFA,KAAAA,OAAO,SADf,UAAA,GAAA,mBAUQ,SAAA;;IARL,OAAO;;;;IAIP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA;GAEV,GAAA,CAAA,WAAqB,KAAA,QAAA,OAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/layouts/FormLayout/FormLayout.js

@@ -1,7 +0,0 @@
-import FormLayout_vue_vue_type_script_setup_true_lang_default, { maxWidthClass } from "./FormLayout.vue_vue_type_script_setup_true_lang.js";
-//#region src/layouts/FormLayout/FormLayout.vue
-var FormLayout_default = FormLayout_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { FormLayout_default as default, maxWidthClass };
-
-//# sourceMappingURL=FormLayout.js.map

package/dist/layouts/FormLayout/FormLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormLayout.js","names":[],"sources":["../../../src/layouts/FormLayout/FormLayout.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * FormLayout — a centered form page with constrained width for readability.\n *\n * Forms are narrower than general content: a line length comfortable for reading\n * prose is already wider than the labels and inputs a form needs. FormLayout\n * enforces that cap so the host never ships a form that stretches across an\n * ultrawide monitor. The `maxWidth` prop maps to named steps rather than a pixel\n * value, so the host names intent and the layout owns the geometry.\n *\n * The `#actions` slot flows with the content rather than being sticky, because a\n * submit button that stays pinned while the user scrolls is a button that gets\n * clicked before the form is filled. The gap between content and actions is a\n * fixed `mt-8` — a visual separator is the layout's responsibility, and a wider\n * gap than Stack's `lg` step is warranted to make the boundary unmistakable.\n *\n * The header slot is full-width, above the centered content, so a page title or\n * breadcrumb never competes for horizontal space with the constrained form.\n * Gutters widen at wider breakpoints so ultrawide viewports add whitespace rails\n * rather than stretching the form.\n */\nexport type FormLayoutMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nconst maxWidthClass: Record<FormLayoutMaxWidth, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-lg\",\n  xl: \"max-w-xl\",\n} as const;\n\nexport { maxWidthClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** Max-width for the form column. Forms should be narrower than general content. */\n    maxWidth?: FormLayoutMaxWidth;\n  }>(),\n  { maxWidth: \"md\" },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      The header is full-width, above the centered form content, so a page\n      title or breadcrumb never competes for horizontal space.\n    -->\n    <header v-if=\"$slots.header\" :class=\"cn('px-4 sm:px-6 3xl:px-8')\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      The content area fills available vertical space and centres the form\n      horizontally. `max-w-md` (default) keeps labels and inputs at a\n      comfortable width — wider than that and the eye has to travel too far\n      between label and input. Gutters widen at wider breakpoints so\n      ultrawide viewports add whitespace rails rather than stretching lines.\n    -->\n    <div :class=\"cn('mx-auto w-full flex-1 px-4 sm:px-6 3xl:px-8', maxWidthClass[maxWidth])\">\n      <slot />\n\n      <!--\n        The actions slot is separated from the form content by a wider gap\n        than Stack's lg step, so the boundary between \"fill in\" and \"submit\"\n        is unmistakable. It flows with the content rather than being sticky,\n        because a submit button pinned to the viewport is a button clicked\n        before the form is filled.\n      -->\n      <div v-if=\"$slots.actions\" :class=\"cn('mt-8')\">\n        <slot name=\"actions\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/layouts/FormLayout/FormLayout.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/FormLayout/FormLayout.vue"],"names":[],"mappings":"AAoFA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAK5C,CAAC;AAEX,OAAO,EAAE,aAAa,EAAE,CAAC;wBACJ,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,oFAAoF;eACzE,kBAAkB;;IAD7B,oFAAoF;eACzE,kBAAkB;;cAAlB,kBAAkB;;aAmDpB,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/layouts/FormLayout/FormLayout.vue_vue_type_script_setup_true_lang.js

@@ -1,28 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
-//#region src/layouts/FormLayout/FormLayout.vue?vue&type=script&setup=true&lang.ts
-var maxWidthClass = {
-	sm: "max-w-sm",
-	md: "max-w-md",
-	lg: "max-w-lg",
-	xl: "max-w-xl"
-};
-var FormLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "FormLayout",
-	props: { maxWidth: { default: "md" } },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("min-h-dvh flex flex-col")) }, [_ctx.$slots.header ? (openBlock(), createElementBlock("header", {
-				key: 0,
-				class: normalizeClass(unref(cn)("px-4 sm:px-6 3xl:px-8"))
-			}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(cn)("mx-auto w-full flex-1 px-4 sm:px-6 3xl:px-8", maxWidthClass[__props.maxWidth])) }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(unref(cn)("mt-8"))
-			}, [renderSlot(_ctx.$slots, "actions")], 2)) : createCommentVNode("", true)], 2)], 2);
-		};
-	}
-});
-//#endregion
-export { FormLayout_vue_vue_type_script_setup_true_lang_default as default, maxWidthClass };
-
-//# sourceMappingURL=FormLayout.vue_vue_type_script_setup_true_lang.js.map

package/dist/layouts/FormLayout/FormLayout.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormLayout.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/layouts/FormLayout/FormLayout.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * FormLayout — a centered form page with constrained width for readability.\n *\n * Forms are narrower than general content: a line length comfortable for reading\n * prose is already wider than the labels and inputs a form needs. FormLayout\n * enforces that cap so the host never ships a form that stretches across an\n * ultrawide monitor. The `maxWidth` prop maps to named steps rather than a pixel\n * value, so the host names intent and the layout owns the geometry.\n *\n * The `#actions` slot flows with the content rather than being sticky, because a\n * submit button that stays pinned while the user scrolls is a button that gets\n * clicked before the form is filled. The gap between content and actions is a\n * fixed `mt-8` — a visual separator is the layout's responsibility, and a wider\n * gap than Stack's `lg` step is warranted to make the boundary unmistakable.\n *\n * The header slot is full-width, above the centered content, so a page title or\n * breadcrumb never competes for horizontal space with the constrained form.\n * Gutters widen at wider breakpoints so ultrawide viewports add whitespace rails\n * rather than stretching the form.\n */\nexport type FormLayoutMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nconst maxWidthClass: Record<FormLayoutMaxWidth, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-lg\",\n  xl: \"max-w-xl\",\n} as const;\n\nexport { maxWidthClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** Max-width for the form column. Forms should be narrower than general content. */\n    maxWidth?: FormLayoutMaxWidth;\n  }>(),\n  { maxWidth: \"md\" },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      The header is full-width, above the centered form content, so a page\n      title or breadcrumb never competes for horizontal space.\n    -->\n    <header v-if=\"$slots.header\" :class=\"cn('px-4 sm:px-6 3xl:px-8')\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      The content area fills available vertical space and centres the form\n      horizontally. `max-w-md` (default) keeps labels and inputs at a\n      comfortable width — wider than that and the eye has to travel too far\n      between label and input. Gutters widen at wider breakpoints so\n      ultrawide viewports add whitespace rails rather than stretching lines.\n    -->\n    <div :class=\"cn('mx-auto w-full flex-1 px-4 sm:px-6 3xl:px-8', maxWidthClass[maxWidth])\">\n      <slot />\n\n      <!--\n        The actions slot is separated from the form content by a wider gap\n        than Stack's lg step, so the boundary between \"fill in\" and \"submit\"\n        is unmistakable. It flows with the content rather than being sticky,\n        because a submit button pinned to the viewport is a button clicked\n        before the form is filled.\n      -->\n      <div v-if=\"$slots.actions\" :class=\"cn('mt-8')\">\n        <slot name=\"actions\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;AAuBA,IAAM,gBAAoD;CACxD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;GAkBE,OAAA,UAAA,GAAA,mBA8BM,OAAA,EA9BA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA,EAAA,GAAA,CAKCA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA;;IAFqB,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,uBAAA,CAAA;GACrC,GAAA,CAAA,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAUxB,mBAaM,OAAA,EAbA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,+CAAgD,cAAc,QAAA,SAAQ,CAAA,EAAA,GAAA,CACnF,WAAQ,KAAA,QAAA,SAAA,GASGA,KAAAA,OAAO,WAAlB,UAAA,GAAA,mBAEM,OAAA;;IAFsB,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,MAAA,CAAA;GACnC,GAAA,CAAA,WAAuB,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/layouts/MasterDetail/MasterDetail.js

@@ -1,7 +0,0 @@
-import MasterDetail_vue_vue_type_script_setup_true_lang_default, { gapClass } from "./MasterDetail.vue_vue_type_script_setup_true_lang.js";
-//#region src/layouts/MasterDetail/MasterDetail.vue
-var MasterDetail_default = MasterDetail_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { MasterDetail_default as default, gapClass };
-
-//# sourceMappingURL=MasterDetail.js.map