@ecoma-io/loom 0.2.0 → 0.4.0

package/README.md

@@ -114,7 +114,7 @@ pnpm format      # Prettier, in place
 ```
 
 The component surface is landing in the open, one primitive at a time —
-`src/index.ts` is always the complete export list. Follow along or ask for
+`packages/loom/src/index.ts` is always the complete export list. Follow along or ask for
 something specific in [the issues](https://github.com/ecoma-io/loom/issues).
 
 ## Contributing

package/dist/a11y.js

@@ -1,2 +1,3 @@
-import { WCAG_TAGS } from "./lib/a11y-scope.js";
+import { WCAG_TAGS } from "./packages/core/src/a11y-scope.js";
+import "./packages/core/src/index.js";
 export { WCAG_TAGS };

package/dist/index.js

@@ -1,124 +1,250 @@
-import { cn } from "./lib/cn.js";
-import { applyLoomIconDefaults } from "./lib/icon-defaults.js";
-import { themeScript, useTheme } from "./theme.js";
-import { provideLoomLabels } from "./lib/labels.js";
-import { LIST_STAGGER_CAP, LIST_STAGGER_STEP_MS, listStaggerDelay } from "./lib/motion.js";
-import { CALENDAR_PANEL_LABELS, DATE_SEGMENT_LABELS, RANGE_CELL_LABELS, TIME_SEGMENT_LABELS } from "./lib/date-labels.js";
-import Accordion_default from "./primitives/Accordion/Accordion.js";
-import { buttonVariants } from "./primitives/Button/Button.vue_vue_type_script_setup_true_lang.js";
-import Button_default from "./primitives/Button/Button.js";
-import { ALERT_DIALOG_LABELS } from "./primitives/AlertDialog/AlertDialog.vue_vue_type_script_setup_true_lang.js";
-import AlertDialog_default from "./primitives/AlertDialog/AlertDialog.js";
-import { avatarVariants } from "./primitives/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js";
-import Avatar_default from "./primitives/Avatar/Avatar.js";
-import { AVATAR_GROUP_LABELS } from "./primitives/AvatarGroup/AvatarGroup.vue_vue_type_script_setup_true_lang.js";
-import AvatarGroup_default from "./primitives/AvatarGroup/AvatarGroup.js";
-import { badgeVariants } from "./primitives/Badge/Badge.vue_vue_type_script_setup_true_lang.js";
-import Badge_default from "./primitives/Badge/Badge.js";
-import Breadcrumb_default from "./primitives/Breadcrumb/Breadcrumb.js";
-import Checkbox_default from "./primitives/Checkbox/Checkbox.js";
-import { chipVariants } from "./primitives/Chip/Chip.vue_vue_type_script_setup_true_lang.js";
-import Chip_default from "./primitives/Chip/Chip.js";
-import { COLOR_PICKER_LABELS } from "./primitives/ColorPicker/ColorPicker.vue_vue_type_script_setup_true_lang.js";
-import ColorPicker_default from "./primitives/ColorPicker/ColorPicker.js";
-import { COMBOBOX_LABELS, comboboxVariants } from "./primitives/Combobox/Combobox.vue_vue_type_script_setup_true_lang.js";
-import Combobox_default from "./primitives/Combobox/Combobox.js";
-import ContextMenu_default from "./primitives/ContextMenu/ContextMenu.js";
-import DatePicker_default from "./primitives/DatePicker/DatePicker.js";
-import { DATE_RANGE_LABELS } from "./primitives/DateRangePicker/DateRangePicker.vue_vue_type_script_setup_true_lang.js";
-import DateRangePicker_default from "./primitives/DateRangePicker/DateRangePicker.js";
-import DateTimePicker_default from "./primitives/DateTimePicker/DateTimePicker.js";
-import { DATE_TIME_RANGE_LABELS } from "./primitives/DateTimeRangePicker/DateTimeRangePicker.vue_vue_type_script_setup_true_lang.js";
-import DateTimeRangePicker_default from "./primitives/DateTimeRangePicker/DateTimeRangePicker.js";
-import { DIALOG_LABELS } from "./primitives/Dialog/Dialog.vue_vue_type_script_setup_true_lang.js";
-import Dialog_default from "./primitives/Dialog/Dialog.js";
-import { DRAWER_LABELS } from "./primitives/Drawer/Drawer.vue_vue_type_script_setup_true_lang.js";
-import Drawer_default from "./primitives/Drawer/Drawer.js";
-import DropdownMenu_default from "./primitives/DropdownMenu/DropdownMenu.js";
-import { EDITABLE_LABELS } from "./primitives/Editable/Editable.vue_vue_type_script_setup_true_lang.js";
-import Editable_default from "./primitives/Editable/Editable.js";
-import InlineError_default from "./primitives/InlineError/InlineError.js";
-import Field_default from "./primitives/Field/Field.js";
-import Fieldset_default from "./primitives/Fieldset/Fieldset.js";
-import { FILE_UPLOAD_LABELS } from "./primitives/FileUpload/FileUpload.vue_vue_type_script_setup_true_lang.js";
-import FileUpload_default from "./primitives/FileUpload/FileUpload.js";
-import HoverCard_default from "./primitives/HoverCard/HoverCard.js";
-import { INDICATOR_LABELS, indicatorToneVariants, indicatorVariants } from "./primitives/Indicator/Indicator.vue_vue_type_script_setup_true_lang.js";
-import Indicator_default from "./primitives/Indicator/Indicator.js";
-import { iconButtonVariants } from "./primitives/IconButton/IconButton.vue_vue_type_script_setup_true_lang.js";
-import IconButton_default from "./primitives/IconButton/IconButton.js";
-import Menubar_default from "./primitives/Menubar/Menubar.js";
-import { linkVariants } from "./primitives/Link/Link.vue_vue_type_script_setup_true_lang.js";
-import Link_default from "./primitives/Link/Link.js";
-import { NUMBER_FIELD_LABELS } from "./primitives/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js";
-import NumberField_default from "./primitives/NumberField/NumberField.js";
-import { OTP_INPUT_LABELS } from "./primitives/OtpInput/OtpInput.vue_vue_type_script_setup_true_lang.js";
-import OtpInput_default from "./primitives/OtpInput/OtpInput.js";
-import { PAGINATION_LABELS, paginationVariants } from "./primitives/Pagination/Pagination.vue_vue_type_script_setup_true_lang.js";
-import Pagination_default from "./primitives/Pagination/Pagination.js";
-import Popover_default from "./primitives/Popover/Popover.js";
-import { PROGRESS_LABELS, progressVariants } from "./primitives/Progress/Progress.vue_vue_type_script_setup_true_lang.js";
-import Progress_default from "./primitives/Progress/Progress.js";
-import { RADIAL_PROGRESS_LABELS, radialProgressVariants } from "./primitives/RadialProgress/RadialProgress.vue_vue_type_script_setup_true_lang.js";
-import RadialProgress_default from "./primitives/RadialProgress/RadialProgress.js";
-import RadioGroup_default from "./primitives/RadioGroup/RadioGroup.js";
-import { RATING_LABELS } from "./primitives/Rating/Rating.vue_vue_type_script_setup_true_lang.js";
-import Rating_default from "./primitives/Rating/Rating.js";
-import SegmentedControl_default from "./primitives/SegmentedControl/SegmentedControl.js";
-import ScrollArea_default from "./primitives/ScrollArea/ScrollArea.js";
-import { selectVariants } from "./primitives/Select/Select.vue_vue_type_script_setup_true_lang.js";
-import Select_default from "./primitives/Select/Select.js";
-import Separator_default from "./primitives/Separator/Separator.js";
-import { skeletonVariants } from "./primitives/Skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js";
-import Skeleton_default from "./primitives/Skeleton/Skeleton.js";
-import Slider_default from "./primitives/Slider/Slider.js";
-import SpeedDial_default from "./primitives/SpeedDial/SpeedDial.js";
-import { spinnerVariants } from "./primitives/Spinner/Spinner.vue_vue_type_script_setup_true_lang.js";
-import Spinner_default from "./primitives/Spinner/Spinner.js";
-import { STEPPER_LABELS } from "./primitives/Stepper/Stepper.vue_vue_type_script_setup_true_lang.js";
-import Stepper_default from "./primitives/Stepper/Stepper.js";
-import { surfaceVariants } from "./primitives/Surface/Surface.vue_vue_type_script_setup_true_lang.js";
-import Surface_default from "./primitives/Surface/Surface.js";
-import Switch_default from "./primitives/Switch/Switch.js";
-import Tabs_default from "./primitives/Tabs/Tabs.js";
-import { TAGS_INPUT_LABELS } from "./primitives/TagsInput/TagsInput.vue_vue_type_script_setup_true_lang.js";
-import TagsInput_default from "./primitives/TagsInput/TagsInput.js";
-import Textarea_default from "./primitives/Textarea/Textarea.js";
-import TextField_default from "./primitives/TextField/TextField.js";
-import TimePicker_default from "./primitives/TimePicker/TimePicker.js";
-import { TOAST_LABELS } from "./primitives/Toast/ToastItem.vue_vue_type_script_setup_true_lang.js";
-import Toast_default from "./primitives/Toast/Toast.js";
-import Tooltip_default from "./primitives/Tooltip/Tooltip.js";
-import { WINDOW_CONTROLS_LABELS } from "./primitives/WindowControls/WindowControls.vue_vue_type_script_setup_true_lang.js";
-import WindowControls_default from "./primitives/WindowControls/WindowControls.js";
-import Center_default from "./composition/Center/Center.js";
-import Frame_default from "./composition/Frame/Frame.js";
-import Grid_default from "./composition/Grid/Grid.js";
-import Inline_default from "./composition/Inline/Inline.js";
-import ScrollReel_default from "./composition/ScrollReel/ScrollReel.js";
-import Sidebar_default from "./composition/Sidebar/Sidebar.js";
-import Split_default from "./composition/Split/Split.js";
-import Stack_default from "./composition/Stack/Stack.js";
-import AppShell_default from "./layouts/AppShell/AppShell.js";
-import Centered_default from "./layouts/Centered/Centered.js";
-import Dashboard_default from "./layouts/Dashboard/Dashboard.js";
-import FormLayout_default from "./layouts/FormLayout/FormLayout.js";
-import MasterDetail_default from "./layouts/MasterDetail/MasterDetail.js";
-import Reading_default from "./layouts/Reading/Reading.js";
-import Settings_default from "./layouts/Settings/Settings.js";
-import SplitLayout_default from "./layouts/SplitLayout/SplitLayout.js";
-import AppHeader_default from "./blocks/AppHeader/AppHeader.js";
-import DashboardGrid_default from "./blocks/DashboardGrid/DashboardGrid.js";
-import TitleBar_default from "./blocks/TitleBar/TitleBar.js";
-import DesktopAppShell_default from "./blocks/DesktopAppShell/DesktopAppShell.js";
-import EmptyState_default from "./blocks/EmptyState/EmptyState.js";
-import ErrorState_default from "./blocks/ErrorState/ErrorState.js";
-import FormActions_default from "./blocks/FormActions/FormActions.js";
-import FormSection_default from "./blocks/FormSection/FormSection.js";
-import LoadingState_default from "./blocks/LoadingState/LoadingState.js";
-import MetricCard_default from "./blocks/MetricCard/MetricCard.js";
-import PageHeader_default from "./blocks/PageHeader/PageHeader.js";
-import RowActions_default from "./blocks/RowActions/RowActions.js";
-import SidebarNav_default from "./blocks/SidebarNav/SidebarNav.js";
-import ToastStack_default from "./blocks/ToastStack/ToastStack.js";
-export { ALERT_DIALOG_LABELS, AVATAR_GROUP_LABELS, Accordion_default as Accordion, AlertDialog_default as AlertDialog, AppHeader_default as AppHeader, AppShell_default as AppShell, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, Badge_default as Badge, Breadcrumb_default as Breadcrumb, Button_default as Button, CALENDAR_PANEL_LABELS, COLOR_PICKER_LABELS, COMBOBOX_LABELS, Center_default as Center, Centered_default as Centered, Checkbox_default as Checkbox, Chip_default as Chip, ColorPicker_default as ColorPicker, Combobox_default as Combobox, ContextMenu_default as ContextMenu, DATE_RANGE_LABELS, DATE_SEGMENT_LABELS, DATE_TIME_RANGE_LABELS, DIALOG_LABELS, DRAWER_LABELS, Dashboard_default as Dashboard, DashboardGrid_default as DashboardGrid, DatePicker_default as DatePicker, DateRangePicker_default as DateRangePicker, DateTimePicker_default as DateTimePicker, DateTimeRangePicker_default as DateTimeRangePicker, DesktopAppShell_default as DesktopAppShell, Dialog_default as Dialog, Drawer_default as Drawer, DropdownMenu_default as DropdownMenu, EDITABLE_LABELS, Editable_default as Editable, EmptyState_default as EmptyState, ErrorState_default as ErrorState, FILE_UPLOAD_LABELS, Field_default as Field, Fieldset_default as Fieldset, FileUpload_default as FileUpload, FormActions_default as FormActions, FormLayout_default as FormLayout, FormSection_default as FormSection, Frame_default as Frame, Grid_default as Grid, HoverCard_default as HoverCard, INDICATOR_LABELS, IconButton_default as IconButton, Indicator_default as Indicator, Inline_default as Inline, InlineError_default as InlineError, LIST_STAGGER_CAP, LIST_STAGGER_STEP_MS, Link_default as Link, LoadingState_default as LoadingState, MasterDetail_default as MasterDetail, Menubar_default as Menubar, MetricCard_default as MetricCard, NUMBER_FIELD_LABELS, NumberField_default as NumberField, OTP_INPUT_LABELS, OtpInput_default as OtpInput, PAGINATION_LABELS, PROGRESS_LABELS, PageHeader_default as PageHeader, Pagination_default as Pagination, Popover_default as Popover, Progress_default as Progress, RADIAL_PROGRESS_LABELS, RANGE_CELL_LABELS, RATING_LABELS, RadialProgress_default as RadialProgress, RadioGroup_default as RadioGroup, Rating_default as Rating, Reading_default as Reading, RowActions_default as RowActions, STEPPER_LABELS, ScrollArea_default as ScrollArea, ScrollReel_default as ScrollReel, SegmentedControl_default as SegmentedControl, Select_default as Select, Separator_default as Separator, Settings_default as Settings, Sidebar_default as Sidebar, SidebarNav_default as SidebarNav, Skeleton_default as Skeleton, Slider_default as Slider, SpeedDial_default as SpeedDial, Spinner_default as Spinner, Split_default as Split, SplitLayout_default as SplitLayout, Stack_default as Stack, Stepper_default as Stepper, Surface_default as Surface, Switch_default as Switch, TAGS_INPUT_LABELS, TIME_SEGMENT_LABELS, TOAST_LABELS, Tabs_default as Tabs, TagsInput_default as TagsInput, TextField_default as TextField, Textarea_default as Textarea, TimePicker_default as TimePicker, TitleBar_default as TitleBar, Toast_default as Toast, ToastStack_default as ToastStack, Tooltip_default as Tooltip, WINDOW_CONTROLS_LABELS, WindowControls_default as WindowControls, applyLoomIconDefaults, avatarVariants, badgeVariants, buttonVariants, chipVariants, cn, comboboxVariants, iconButtonVariants, indicatorToneVariants, indicatorVariants, linkVariants, listStaggerDelay, paginationVariants, progressVariants, provideLoomLabels, radialProgressVariants, selectVariants, skeletonVariants, spinnerVariants, surfaceVariants, themeScript, useTheme };
+import { cn } from "./packages/core/src/cn.js";
+import { optional } from "./packages/core/src/props.js";
+import { useSplitAttrs } from "./packages/core/src/attrs.js";
+import { listStaggerDelay } from "./packages/core/src/motion.js";
+import { WCAG_TAGS } from "./packages/core/src/a11y-scope.js";
+import { themeScript, useTheme } from "./packages/core/src/theme.js";
+import { applyLoomIconDefaults } from "./packages/core/src/icon-defaults.js";
+import "./packages/core/src/index.js";
+import { provideLoomLabels, useLabels } from "./packages/labels/src/labels.js";
+import { CALENDAR_PANEL_LABELS, DATE_SEGMENT_LABELS, RANGE_CELL_LABELS, TIME_SEGMENT_LABELS } from "./packages/labels/src/date-labels.js";
+import { COUNT_LABELS, warningWindow } from "./packages/labels/src/count-labels.js";
+import { provideFieldContext, useFieldControl, useOuterFieldContext } from "./packages/labels/src/field-context.js";
+import { useAncestorDisabled } from "./packages/labels/src/ancestor-disabled.js";
+import "./packages/labels/src/index.js";
+import HoverCard_default from "./packages/primitives/hover-card/src/HoverCard.js";
+import "./packages/primitives/hover-card/src/index.js";
+import { PROGRESS_LABELS, progressVariants } from "./packages/primitives/progress/src/Progress.vue_vue_type_script_setup_true_lang.js";
+import Progress_default from "./packages/primitives/progress/src/Progress.js";
+import "./packages/primitives/progress/src/index.js";
+import { RADIAL_PROGRESS_LABELS, radialProgressVariants } from "./packages/primitives/radial-progress/src/RadialProgress.vue_vue_type_script_setup_true_lang.js";
+import RadialProgress_default from "./packages/primitives/radial-progress/src/RadialProgress.js";
+import "./packages/primitives/radial-progress/src/index.js";
+import ScrollArea_default from "./packages/primitives/scroll-area/src/ScrollArea.js";
+import "./packages/primitives/scroll-area/src/index.js";
+import Separator_default from "./packages/primitives/separator/src/Separator.js";
+import "./packages/primitives/separator/src/index.js";
+import { skeletonVariants } from "./packages/primitives/skeleton/src/Skeleton.vue_vue_type_script_setup_true_lang.js";
+import Skeleton_default from "./packages/primitives/skeleton/src/Skeleton.js";
+import "./packages/primitives/skeleton/src/index.js";
+import { spinnerVariants } from "./packages/primitives/spinner/src/Spinner.vue_vue_type_script_setup_true_lang.js";
+import Spinner_default from "./packages/primitives/spinner/src/Spinner.js";
+import "./packages/primitives/spinner/src/index.js";
+import { surfaceVariants } from "./packages/primitives/surface/src/Surface.vue_vue_type_script_setup_true_lang.js";
+import Surface_default from "./packages/primitives/surface/src/Surface.js";
+import "./packages/primitives/surface/src/index.js";
+import Accordion_default from "./packages/primitives/accordion/src/Accordion.js";
+import "./packages/primitives/accordion/src/index.js";
+import { avatarVariants } from "./packages/primitives/avatar/src/Avatar.vue_vue_type_script_setup_true_lang.js";
+import Avatar_default from "./packages/primitives/avatar/src/Avatar.js";
+import "./packages/primitives/avatar/src/index.js";
+import { badgeVariants } from "./packages/primitives/badge/src/Badge.vue_vue_type_script_setup_true_lang.js";
+import Badge_default from "./packages/primitives/badge/src/Badge.js";
+import "./packages/primitives/badge/src/index.js";
+import { BREADCRUMB_LABELS } from "./packages/primitives/breadcrumb/src/Breadcrumb.vue_vue_type_script_setup_true_lang.js";
+import Breadcrumb_default from "./packages/primitives/breadcrumb/src/Breadcrumb.js";
+import "./packages/primitives/breadcrumb/src/index.js";
+import { buttonVariants } from "./packages/primitives/button/src/Button.vue_vue_type_script_setup_true_lang.js";
+import Button_default from "./packages/primitives/button/src/Button.js";
+import "./packages/primitives/button/src/index.js";
+import { iconButtonVariants } from "./packages/primitives/icon-button/src/IconButton.vue_vue_type_script_setup_true_lang.js";
+import IconButton_default from "./packages/primitives/icon-button/src/IconButton.js";
+import "./packages/primitives/icon-button/src/index.js";
+import { CAROUSEL_LABELS } from "./packages/primitives/carousel/src/Carousel.vue_vue_type_script_setup_true_lang.js";
+import Carousel_default from "./packages/primitives/carousel/src/Carousel.js";
+import "./packages/primitives/carousel/src/index.js";
+import Card_default from "./packages/primitives/card/src/Card.js";
+import "./packages/primitives/card/src/index.js";
+import { chipVariants } from "./packages/primitives/chip/src/Chip.vue_vue_type_script_setup_true_lang.js";
+import Chip_default from "./packages/primitives/chip/src/Chip.js";
+import "./packages/primitives/chip/src/index.js";
+import Collapse_default from "./packages/primitives/collapse/src/Collapse.js";
+import "./packages/primitives/collapse/src/index.js";
+import ContextMenu_default from "./packages/primitives/context-menu/src/ContextMenu.js";
+import "./packages/primitives/context-menu/src/index.js";
+import DropdownMenu_default from "./packages/primitives/dropdown-menu/src/DropdownMenu.js";
+import "./packages/primitives/dropdown-menu/src/index.js";
+import InlineError_default from "./packages/primitives/inline-error/src/InlineError.js";
+import "./packages/primitives/inline-error/src/index.js";
+import { kbdVariants } from "./packages/primitives/kbd/src/Kbd.vue_vue_type_script_setup_true_lang.js";
+import Kbd_default from "./packages/primitives/kbd/src/Kbd.js";
+import "./packages/primitives/kbd/src/index.js";
+import { linkVariants } from "./packages/primitives/link/src/Link.vue_vue_type_script_setup_true_lang.js";
+import Link_default from "./packages/primitives/link/src/Link.js";
+import "./packages/primitives/link/src/index.js";
+import List_default from "./packages/primitives/list/src/List.js";
+import ListItem_default from "./packages/primitives/list/src/ListItem.js";
+import "./packages/primitives/list/src/index.js";
+import Menubar_default from "./packages/primitives/menubar/src/Menubar.js";
+import "./packages/primitives/menubar/src/index.js";
+import Popover_default from "./packages/primitives/popover/src/Popover.js";
+import "./packages/primitives/popover/src/index.js";
+import SpeedDial_default from "./packages/primitives/speed-dial/src/SpeedDial.js";
+import "./packages/primitives/speed-dial/src/index.js";
+import Tabs_default from "./packages/primitives/tabs/src/Tabs.js";
+import "./packages/primitives/tabs/src/index.js";
+import Tooltip_default from "./packages/primitives/tooltip/src/Tooltip.js";
+import "./packages/primitives/tooltip/src/index.js";
+import { TIMELINE_LABELS } from "./packages/primitives/timeline/src/Timeline.vue_vue_type_script_setup_true_lang.js";
+import Timeline_default from "./packages/primitives/timeline/src/Timeline.js";
+import TimelineItem_default from "./packages/primitives/timeline/src/TimelineItem.js";
+import "./packages/primitives/timeline/src/index.js";
+import { TABLE_LABELS } from "./packages/primitives/table/src/Table.vue_vue_type_script_setup_true_lang.js";
+import Table_default from "./packages/primitives/table/src/Table.js";
+import { tableRowVariants } from "./packages/primitives/table/src/TableRow.vue_vue_type_script_setup_true_lang.js";
+import TableRow_default from "./packages/primitives/table/src/TableRow.js";
+import TableHead_default from "./packages/primitives/table/src/TableHead.js";
+import TableCell_default from "./packages/primitives/table/src/TableCell.js";
+import "./packages/primitives/table/src/index.js";
+import { ALERT_LABELS } from "./packages/primitives/alert/src/Alert.vue_vue_type_script_setup_true_lang.js";
+import Alert_default from "./packages/primitives/alert/src/Alert.js";
+import "./packages/primitives/alert/src/index.js";
+import { ALERT_DIALOG_LABELS } from "./packages/primitives/alert-dialog/src/AlertDialog.vue_vue_type_script_setup_true_lang.js";
+import AlertDialog_default from "./packages/primitives/alert-dialog/src/AlertDialog.js";
+import "./packages/primitives/alert-dialog/src/index.js";
+import { AVATAR_GROUP_LABELS } from "./packages/primitives/avatar-group/src/AvatarGroup.vue_vue_type_script_setup_true_lang.js";
+import AvatarGroup_default from "./packages/primitives/avatar-group/src/AvatarGroup.js";
+import "./packages/primitives/avatar-group/src/index.js";
+import Checkbox_default from "./packages/primitives/checkbox/src/Checkbox.js";
+import "./packages/primitives/checkbox/src/index.js";
+import { COLOR_PICKER_LABELS } from "./packages/primitives/color-picker/src/ColorPicker.vue_vue_type_script_setup_true_lang.js";
+import ColorPicker_default from "./packages/primitives/color-picker/src/ColorPicker.js";
+import "./packages/primitives/color-picker/src/index.js";
+import { COMBOBOX_LABELS, comboboxVariants } from "./packages/primitives/combobox/src/Combobox.vue_vue_type_script_setup_true_lang.js";
+import Combobox_default from "./packages/primitives/combobox/src/Combobox.js";
+import "./packages/primitives/combobox/src/index.js";
+import DatePicker_default from "./packages/primitives/date-picker/src/DatePicker.js";
+import "./packages/primitives/date-picker/src/index.js";
+import { DATE_RANGE_LABELS } from "./packages/primitives/date-range-picker/src/DateRangePicker.vue_vue_type_script_setup_true_lang.js";
+import DateRangePicker_default from "./packages/primitives/date-range-picker/src/DateRangePicker.js";
+import "./packages/primitives/date-range-picker/src/index.js";
+import DateTimePicker_default from "./packages/primitives/date-time-picker/src/DateTimePicker.js";
+import "./packages/primitives/date-time-picker/src/index.js";
+import { DATE_TIME_RANGE_LABELS } from "./packages/primitives/date-time-range-picker/src/DateTimeRangePicker.vue_vue_type_script_setup_true_lang.js";
+import DateTimeRangePicker_default from "./packages/primitives/date-time-range-picker/src/DateTimeRangePicker.js";
+import "./packages/primitives/date-time-range-picker/src/index.js";
+import { DIALOG_LABELS } from "./packages/primitives/dialog/src/Dialog.vue_vue_type_script_setup_true_lang.js";
+import Dialog_default from "./packages/primitives/dialog/src/Dialog.js";
+import "./packages/primitives/dialog/src/index.js";
+import { DRAWER_LABELS } from "./packages/primitives/drawer/src/Drawer.vue_vue_type_script_setup_true_lang.js";
+import Drawer_default from "./packages/primitives/drawer/src/Drawer.js";
+import "./packages/primitives/drawer/src/index.js";
+import { EDITABLE_LABELS } from "./packages/primitives/editable/src/Editable.vue_vue_type_script_setup_true_lang.js";
+import Editable_default from "./packages/primitives/editable/src/Editable.js";
+import "./packages/primitives/editable/src/index.js";
+import Field_default from "./packages/primitives/field/src/Field.js";
+import "./packages/primitives/field/src/index.js";
+import Fieldset_default from "./packages/primitives/fieldset/src/Fieldset.js";
+import "./packages/primitives/fieldset/src/index.js";
+import { FILE_UPLOAD_LABELS } from "./packages/primitives/file-upload/src/FileUpload.vue_vue_type_script_setup_true_lang.js";
+import FileUpload_default from "./packages/primitives/file-upload/src/FileUpload.js";
+import "./packages/primitives/file-upload/src/index.js";
+import { INDICATOR_LABELS, indicatorToneVariants, indicatorVariants } from "./packages/primitives/indicator/src/Indicator.vue_vue_type_script_setup_true_lang.js";
+import Indicator_default from "./packages/primitives/indicator/src/Indicator.js";
+import "./packages/primitives/indicator/src/index.js";
+import { NUMBER_FIELD_LABELS } from "./packages/primitives/number-field/src/NumberField.vue_vue_type_script_setup_true_lang.js";
+import NumberField_default from "./packages/primitives/number-field/src/NumberField.js";
+import "./packages/primitives/number-field/src/index.js";
+import { OTP_INPUT_LABELS } from "./packages/primitives/otp-input/src/OtpInput.vue_vue_type_script_setup_true_lang.js";
+import OtpInput_default from "./packages/primitives/otp-input/src/OtpInput.js";
+import "./packages/primitives/otp-input/src/index.js";
+import { PAGINATION_LABELS, paginationVariants } from "./packages/primitives/pagination/src/Pagination.vue_vue_type_script_setup_true_lang.js";
+import Pagination_default from "./packages/primitives/pagination/src/Pagination.js";
+import "./packages/primitives/pagination/src/index.js";
+import RadioGroup_default from "./packages/primitives/radio-group/src/RadioGroup.js";
+import "./packages/primitives/radio-group/src/index.js";
+import { RATING_LABELS } from "./packages/primitives/rating/src/Rating.vue_vue_type_script_setup_true_lang.js";
+import Rating_default from "./packages/primitives/rating/src/Rating.js";
+import "./packages/primitives/rating/src/index.js";
+import SegmentedControl_default from "./packages/primitives/segmented-control/src/SegmentedControl.js";
+import "./packages/primitives/segmented-control/src/index.js";
+import { selectVariants } from "./packages/primitives/select/src/Select.vue_vue_type_script_setup_true_lang.js";
+import Select_default from "./packages/primitives/select/src/Select.js";
+import "./packages/primitives/select/src/index.js";
+import Slider_default from "./packages/primitives/slider/src/Slider.js";
+import "./packages/primitives/slider/src/index.js";
+import { STEPPER_LABELS } from "./packages/primitives/stepper/src/Stepper.vue_vue_type_script_setup_true_lang.js";
+import Stepper_default from "./packages/primitives/stepper/src/Stepper.js";
+import "./packages/primitives/stepper/src/index.js";
+import Switch_default from "./packages/primitives/switch/src/Switch.js";
+import "./packages/primitives/switch/src/index.js";
+import { TAGS_INPUT_LABELS } from "./packages/primitives/tags-input/src/TagsInput.vue_vue_type_script_setup_true_lang.js";
+import TagsInput_default from "./packages/primitives/tags-input/src/TagsInput.js";
+import "./packages/primitives/tags-input/src/index.js";
+import { TEXTAREA_LABELS } from "./packages/primitives/textarea/src/Textarea.vue_vue_type_script_setup_true_lang.js";
+import Textarea_default from "./packages/primitives/textarea/src/Textarea.js";
+import "./packages/primitives/textarea/src/index.js";
+import { TEXT_FIELD_LABELS } from "./packages/primitives/text-field/src/TextField.vue_vue_type_script_setup_true_lang.js";
+import TextField_default from "./packages/primitives/text-field/src/TextField.js";
+import "./packages/primitives/text-field/src/index.js";
+import TimePicker_default from "./packages/primitives/time-picker/src/TimePicker.js";
+import "./packages/primitives/time-picker/src/index.js";
+import { TOAST_LABELS } from "./packages/primitives/toast/src/ToastItem.vue_vue_type_script_setup_true_lang.js";
+import ToastItem_default from "./packages/primitives/toast/src/ToastItem.js";
+import Toast_default from "./packages/primitives/toast/src/Toast.js";
+import "./packages/primitives/toast/src/index.js";
+import { WINDOW_CONTROLS_LABELS } from "./packages/primitives/window-controls/src/WindowControls.vue_vue_type_script_setup_true_lang.js";
+import WindowControls_default from "./packages/primitives/window-controls/src/WindowControls.js";
+import "./packages/primitives/window-controls/src/index.js";
+import Center_default from "./packages/composition/center/src/Center.js";
+import "./packages/composition/center/src/index.js";
+import Frame_default from "./packages/composition/frame/src/Frame.js";
+import "./packages/composition/frame/src/index.js";
+import Grid_default from "./packages/composition/grid/src/Grid.js";
+import "./packages/composition/grid/src/index.js";
+import Inline_default from "./packages/composition/inline/src/Inline.js";
+import "./packages/composition/inline/src/index.js";
+import { SCROLL_REEL_LABELS } from "./packages/composition/scroll-reel/src/ScrollReel.vue_vue_type_script_setup_true_lang.js";
+import ScrollReel_default from "./packages/composition/scroll-reel/src/ScrollReel.js";
+import "./packages/composition/scroll-reel/src/index.js";
+import Sidebar_default from "./packages/composition/sidebar/src/Sidebar.js";
+import "./packages/composition/sidebar/src/index.js";
+import Split_default from "./packages/composition/split/src/Split.js";
+import "./packages/composition/split/src/index.js";
+import Stack_default from "./packages/composition/stack/src/Stack.js";
+import "./packages/composition/stack/src/index.js";
+import AppShell_default from "./packages/layouts/app-shell/src/AppShell.js";
+import "./packages/layouts/app-shell/src/index.js";
+import Centered_default from "./packages/layouts/centered/src/Centered.js";
+import "./packages/layouts/centered/src/index.js";
+import Dashboard_default from "./packages/layouts/dashboard/src/Dashboard.js";
+import "./packages/layouts/dashboard/src/index.js";
+import FormLayout_default from "./packages/layouts/form-layout/src/FormLayout.js";
+import "./packages/layouts/form-layout/src/index.js";
+import MasterDetail_default from "./packages/layouts/master-detail/src/MasterDetail.js";
+import "./packages/layouts/master-detail/src/index.js";
+import Reading_default from "./packages/layouts/reading/src/Reading.js";
+import "./packages/layouts/reading/src/index.js";
+import Settings_default from "./packages/layouts/settings/src/Settings.js";
+import "./packages/layouts/settings/src/index.js";
+import SplitLayout_default from "./packages/layouts/split-layout/src/SplitLayout.js";
+import "./packages/layouts/split-layout/src/index.js";
+import AppHeader_default from "./packages/blocks/app-header/src/AppHeader.js";
+import "./packages/blocks/app-header/src/index.js";
+import DashboardGrid_default from "./packages/blocks/dashboard-grid/src/DashboardGrid.js";
+import "./packages/blocks/dashboard-grid/src/index.js";
+import TitleBar_default from "./packages/blocks/title-bar/src/TitleBar.js";
+import "./packages/blocks/title-bar/src/index.js";
+import DesktopAppShell_default from "./packages/blocks/desktop-app-shell/src/DesktopAppShell.js";
+import "./packages/blocks/desktop-app-shell/src/index.js";
+import EmptyState_default from "./packages/blocks/empty-state/src/EmptyState.js";
+import "./packages/blocks/empty-state/src/index.js";
+import ErrorState_default from "./packages/blocks/error-state/src/ErrorState.js";
+import "./packages/blocks/error-state/src/index.js";
+import FormActions_default from "./packages/blocks/form-actions/src/FormActions.js";
+import "./packages/blocks/form-actions/src/index.js";
+import FormSection_default from "./packages/blocks/form-section/src/FormSection.js";
+import "./packages/blocks/form-section/src/index.js";
+import LoadingState_default from "./packages/blocks/loading-state/src/LoadingState.js";
+import "./packages/blocks/loading-state/src/index.js";
+import MetricCard_default from "./packages/blocks/metric-card/src/MetricCard.js";
+import "./packages/blocks/metric-card/src/index.js";
+import PageHeader_default from "./packages/blocks/page-header/src/PageHeader.js";
+import "./packages/blocks/page-header/src/index.js";
+import RowActions_default from "./packages/blocks/row-actions/src/RowActions.js";
+import "./packages/blocks/row-actions/src/index.js";
+import SidebarNav_default from "./packages/blocks/sidebar-nav/src/SidebarNav.js";
+import "./packages/blocks/sidebar-nav/src/index.js";
+import ToastStack_default from "./packages/blocks/toast-stack/src/ToastStack.js";
+import "./packages/blocks/toast-stack/src/index.js";
+export { ALERT_DIALOG_LABELS, ALERT_LABELS, AVATAR_GROUP_LABELS, Accordion_default as Accordion, Alert_default as Alert, AlertDialog_default as AlertDialog, AppHeader_default as AppHeader, AppShell_default as AppShell, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, BREADCRUMB_LABELS, Badge_default as Badge, Breadcrumb_default as Breadcrumb, Button_default as Button, CALENDAR_PANEL_LABELS, CAROUSEL_LABELS, COLOR_PICKER_LABELS, COMBOBOX_LABELS, COUNT_LABELS, Card_default as Card, Carousel_default as Carousel, Center_default as Center, Centered_default as Centered, Checkbox_default as Checkbox, Chip_default as Chip, Collapse_default as Collapse, ColorPicker_default as ColorPicker, Combobox_default as Combobox, ContextMenu_default as ContextMenu, DATE_RANGE_LABELS, DATE_SEGMENT_LABELS, DATE_TIME_RANGE_LABELS, DIALOG_LABELS, DRAWER_LABELS, Dashboard_default as Dashboard, DashboardGrid_default as DashboardGrid, DatePicker_default as DatePicker, DateRangePicker_default as DateRangePicker, DateTimePicker_default as DateTimePicker, DateTimeRangePicker_default as DateTimeRangePicker, DesktopAppShell_default as DesktopAppShell, Dialog_default as Dialog, Drawer_default as Drawer, DropdownMenu_default as DropdownMenu, EDITABLE_LABELS, Editable_default as Editable, EmptyState_default as EmptyState, ErrorState_default as ErrorState, FILE_UPLOAD_LABELS, Field_default as Field, Fieldset_default as Fieldset, FileUpload_default as FileUpload, FormActions_default as FormActions, FormLayout_default as FormLayout, FormSection_default as FormSection, Frame_default as Frame, Grid_default as Grid, HoverCard_default as HoverCard, INDICATOR_LABELS, IconButton_default as IconButton, Indicator_default as Indicator, Inline_default as Inline, InlineError_default as InlineError, Kbd_default as Kbd, Link_default as Link, List_default as List, ListItem_default as ListItem, LoadingState_default as LoadingState, MasterDetail_default as MasterDetail, Menubar_default as Menubar, MetricCard_default as MetricCard, NUMBER_FIELD_LABELS, NumberField_default as NumberField, OTP_INPUT_LABELS, OtpInput_default as OtpInput, PAGINATION_LABELS, PROGRESS_LABELS, PageHeader_default as PageHeader, Pagination_default as Pagination, Popover_default as Popover, Progress_default as Progress, RADIAL_PROGRESS_LABELS, RANGE_CELL_LABELS, RATING_LABELS, RadialProgress_default as RadialProgress, RadioGroup_default as RadioGroup, Rating_default as Rating, Reading_default as Reading, RowActions_default as RowActions, SCROLL_REEL_LABELS, STEPPER_LABELS, ScrollArea_default as ScrollArea, ScrollReel_default as ScrollReel, SegmentedControl_default as SegmentedControl, Select_default as Select, Separator_default as Separator, Settings_default as Settings, Sidebar_default as Sidebar, SidebarNav_default as SidebarNav, Skeleton_default as Skeleton, Slider_default as Slider, SpeedDial_default as SpeedDial, Spinner_default as Spinner, Split_default as Split, SplitLayout_default as SplitLayout, Stack_default as Stack, Stepper_default as Stepper, Surface_default as Surface, Switch_default as Switch, TABLE_LABELS, TAGS_INPUT_LABELS, TEXTAREA_LABELS, TEXT_FIELD_LABELS, TIMELINE_LABELS, TIME_SEGMENT_LABELS, TOAST_LABELS, Table_default as Table, TableCell_default as TableCell, TableHead_default as TableHead, TableRow_default as TableRow, Tabs_default as Tabs, TagsInput_default as TagsInput, TextField_default as TextField, Textarea_default as Textarea, TimePicker_default as TimePicker, Timeline_default as Timeline, TimelineItem_default as TimelineItem, TitleBar_default as TitleBar, Toast_default as Toast, ToastItem_default as ToastItem, ToastStack_default as ToastStack, Tooltip_default as Tooltip, WCAG_TAGS, WINDOW_CONTROLS_LABELS, WindowControls_default as WindowControls, applyLoomIconDefaults, avatarVariants, badgeVariants, buttonVariants, chipVariants, cn, comboboxVariants, iconButtonVariants, indicatorToneVariants, indicatorVariants, kbdVariants, linkVariants, listStaggerDelay, optional, paginationVariants, progressVariants, provideFieldContext, provideLoomLabels, radialProgressVariants, selectVariants, skeletonVariants, spinnerVariants, surfaceVariants, tableRowVariants, themeScript, useAncestorDisabled, useFieldControl, useLabels, useOuterFieldContext, useSplitAttrs, useTheme, warningWindow };

package/dist/packages/blocks/app-header/src/AppHeader.js

@@ -0,0 +1,7 @@
+import AppHeader_vue_vue_type_script_setup_true_lang_default from "./AppHeader.vue_vue_type_script_setup_true_lang.js";
+//#region packages/blocks/app-header/src/AppHeader.vue
+var AppHeader_default = AppHeader_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AppHeader_default as default };
+
+//# sourceMappingURL=AppHeader.js.map

package/dist/packages/blocks/app-header/src/AppHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.js","names":[],"sources":["../../../../../packages/blocks/app-header/src/AppHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * AppHeader — the web app's TOP BAR: the shell-level strip that stays on\n * screen above every surface, distinct from two components it is easy to\n * confuse with:\n *\n * - **`PageHeader`** — a surface's own pinned title band, sitting *inside*\n *   the content area this bar sits above.\n * - **`TitleBar`** — the desktop window's native chrome (drag region, window\n *   controls). This bar is browser content, not window furniture.\n *\n * Layout is three regions, so callers never hand-tune widths: brand (left) ·\n * optional search · a trailing cluster for a leading control, notifications, and\n * the user menu, pushed right by `ml-auto`. Every region is a named slot —\n * this block owns the strip's geometry and elevation, never its content or\n * behavior.\n *\n * The trailing cluster is pushed right by its own `ml-auto`, not by a spacer\n * element. A spacer works, but it is a second `flex-1` beside the search\n * field, so the two end up splitting the free space instead of the field\n * taking what is actually left; `ml-auto` costs no element and no width, and\n * keeps the cluster flush right even when no search is slotted at all.\n *\n * **Below `sm` the bar is two rows, and that is the point of this block's\n * responsive behavior.** A brand, a real search field, and a leading control +\n * notifications + account cluster do not fit across a 390px viewport: on\n * that width the search field is left about 60px and renders as a magnifier\n * glyph pressed against the org name — a control that is technically present\n * and practically unusable. So the search takes a full-width second row\n * (`basis-full` + `order-last`), the header height goes from fixed to\n * `min-h-14`, and from `sm` up it snaps back to the single `flex-nowrap` row.\n * Wrapping rather than hiding is deliberate: the host slotted a search\n * because its users need one, and a block does not get to decide they need\n * it less on a phone.\n *\n * The `order-last` is the one thing to keep in mind if this changes: it\n * moves the search visually below the cluster while leaving it before the\n * cluster in the DOM, so on a phone the tab order reaches search first. That\n * is the better of the two mismatches — search is the more-used control —\n * but it is a mismatch, so do not extend `order-*` to the other regions.\n *\n * **Pinned, and separated by a hairline — never a shadow.** It sits on\n * `bg-card` (the raised plane), one step above the content it sits over,\n * unlike `PageHeader` which shares the content's own `bg-background` plane.\n * Because content scrolls *under* it, the surface is translucent + blurred\n * so the motion beneath stays legible as depth — the opaque `bg-card` is\n * declared first and stays the fallback wherever `backdrop-filter` is\n * unsupported, so the bar is never a see-through smear.\n *\n * Widths step rather than hold one value: gutters open up from `sm` and\n * again on wide desktops (`3xl`, 1920px), where a 16px gutter beside a\n * 1920px canvas reads as an accident.\n *\n * Deliberately neutral: this is shell chrome shared by every user and every\n * action alike, so it never wears `--primary`/`--accent` — the bar stays\n * uncommitted until a specific action is happening on the surface below.\n */\ndefineProps<{\n  /** Accessible name for the `<header>` landmark, for a page with more than one header-like region. */\n  ariaLabel?: string;\n}>();\n</script>\n\n<template>\n  <!-- `data-loom-app-header` is the hook `global.css` uses to add the\n       safe-area inset to the bar's top padding (the same vendor-rule pattern\n       as `[data-loom-titlebar]`): a PWA under a notch or a title-bar overlay\n       must not paint its first row into reserved space. -->\n  <header\n    data-loom-app-header=\"\"\n    :aria-label=\"ariaLabel\"\n    class=\"sticky top-0 z-30 flex min-h-14 flex-wrap items-center gap-x-2 gap-y-2 border-b border-border bg-card px-3 py-2 text-card-foreground backdrop-blur-md supports-[backdrop-filter]:bg-card/80 sm:h-14 sm:flex-nowrap sm:gap-x-3 sm:px-4 sm:py-0 lg:px-6 3xl:h-16 3xl:px-8\"\n  >\n    <div v-if=\"$slots.brand\" class=\"flex shrink-0 items-center gap-2\">\n      <!-- @slot The product mark and name, leftmost. -->\n      <slot name=\"brand\" />\n    </div>\n\n    <!-- Own full-width row below `sm` (see the doc header on `order-last`);\n         from `sm` up it rejoins the row and takes a cap so it never stretches\n         into a banner on a wide canvas. -->\n    <div\n      v-if=\"$slots.search\"\n      class=\"order-last min-w-0 basis-full sm:order-none sm:max-w-sm sm:flex-1 sm:basis-auto lg:max-w-md\"\n    >\n      <!-- @slot The app's global search field. Exactly one control — a filter belongs to `PageHeader` or the content area, not here. -->\n      <slot name=\"search\" />\n    </div>\n\n    <div\n      v-if=\"$slots.leading || $slots.notifications || $slots.userMenu\"\n      class=\"ml-auto flex shrink-0 items-center gap-1 sm:gap-2\"\n    >\n      <!-- @slot A leading control in the trailing cluster — workspace switcher, org selector, breadcrumb, etc. -->\n      <slot name=\"leading\" />\n      <!-- @slot The notifications trigger, between the leading control and the account menu. -->\n      <slot name=\"notifications\" />\n      <!-- @slot The account menu, trailing the cluster. -->\n      <slot name=\"userMenu\" />\n    </div>\n  </header>\n</template>\n"],"mappings":""}

package/dist/packages/blocks/app-header/src/AppHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/app-header/src/AppHeader.vue"],"names":[],"mappings":"AAyGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,KAAK,WAAW,GAAG;IACjB,qGAAqG;IACrG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA0FF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AACpG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/blocks/app-header/src/AppHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,96 @@
+import { createCommentVNode, createElementBlock, defineComponent, openBlock, renderSlot } from "vue";
+//#region packages/blocks/app-header/src/AppHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	key: 0,
+	class: "flex shrink-0 items-center gap-2"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "order-last min-w-0 basis-full sm:order-none sm:max-w-sm sm:flex-1 sm:basis-auto lg:max-w-md"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "ml-auto flex shrink-0 items-center gap-1 sm:gap-2"
+};
+var AppHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "AppHeader",
+	props: { ariaLabel: {} },
+	setup(__props) {
+		/**
+		* AppHeader — the web app's TOP BAR: the shell-level strip that stays on
+		* screen above every surface, distinct from two components it is easy to
+		* confuse with:
+		*
+		* - **`PageHeader`** — a surface's own pinned title band, sitting *inside*
+		*   the content area this bar sits above.
+		* - **`TitleBar`** — the desktop window's native chrome (drag region, window
+		*   controls). This bar is browser content, not window furniture.
+		*
+		* Layout is three regions, so callers never hand-tune widths: brand (left) ·
+		* optional search · a trailing cluster for a leading control, notifications, and
+		* the user menu, pushed right by `ml-auto`. Every region is a named slot —
+		* this block owns the strip's geometry and elevation, never its content or
+		* behavior.
+		*
+		* The trailing cluster is pushed right by its own `ml-auto`, not by a spacer
+		* element. A spacer works, but it is a second `flex-1` beside the search
+		* field, so the two end up splitting the free space instead of the field
+		* taking what is actually left; `ml-auto` costs no element and no width, and
+		* keeps the cluster flush right even when no search is slotted at all.
+		*
+		* **Below `sm` the bar is two rows, and that is the point of this block's
+		* responsive behavior.** A brand, a real search field, and a leading control +
+		* notifications + account cluster do not fit across a 390px viewport: on
+		* that width the search field is left about 60px and renders as a magnifier
+		* glyph pressed against the org name — a control that is technically present
+		* and practically unusable. So the search takes a full-width second row
+		* (`basis-full` + `order-last`), the header height goes from fixed to
+		* `min-h-14`, and from `sm` up it snaps back to the single `flex-nowrap` row.
+		* Wrapping rather than hiding is deliberate: the host slotted a search
+		* because its users need one, and a block does not get to decide they need
+		* it less on a phone.
+		*
+		* The `order-last` is the one thing to keep in mind if this changes: it
+		* moves the search visually below the cluster while leaving it before the
+		* cluster in the DOM, so on a phone the tab order reaches search first. That
+		* is the better of the two mismatches — search is the more-used control —
+		* but it is a mismatch, so do not extend `order-*` to the other regions.
+		*
+		* **Pinned, and separated by a hairline — never a shadow.** It sits on
+		* `bg-card` (the raised plane), one step above the content it sits over,
+		* unlike `PageHeader` which shares the content's own `bg-background` plane.
+		* Because content scrolls *under* it, the surface is translucent + blurred
+		* so the motion beneath stays legible as depth — the opaque `bg-card` is
+		* declared first and stays the fallback wherever `backdrop-filter` is
+		* unsupported, so the bar is never a see-through smear.
+		*
+		* Widths step rather than hold one value: gutters open up from `sm` and
+		* again on wide desktops (`3xl`, 1920px), where a 16px gutter beside a
+		* 1920px canvas reads as an accident.
+		*
+		* Deliberately neutral: this is shell chrome shared by every user and every
+		* action alike, so it never wears `--primary`/`--accent` — the bar stays
+		* uncommitted until a specific action is happening on the surface below.
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", {
+				"data-loom-app-header": "",
+				"aria-label": __props.ariaLabel,
+				class: "sticky top-0 z-30 flex min-h-14 flex-wrap items-center gap-x-2 gap-y-2 border-b border-border bg-card px-3 py-2 text-card-foreground backdrop-blur-md supports-[backdrop-filter]:bg-card/80 sm:h-14 sm:flex-nowrap sm:gap-x-3 sm:px-4 sm:py-0 lg:px-6 3xl:h-16 3xl:px-8"
+			}, [
+				_ctx.$slots.brand ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "brand")])) : createCommentVNode("", true),
+				_ctx.$slots.search ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "search")])) : createCommentVNode("", true),
+				_ctx.$slots.leading || _ctx.$slots.notifications || _ctx.$slots.userMenu ? (openBlock(), createElementBlock("div", _hoisted_4, [
+					renderSlot(_ctx.$slots, "leading"),
+					renderSlot(_ctx.$slots, "notifications"),
+					renderSlot(_ctx.$slots, "userMenu")
+				])) : createCommentVNode("", true)
+			], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { AppHeader_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AppHeader.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/blocks/app-header/src/AppHeader.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../packages/blocks/app-header/src/AppHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * AppHeader — the web app's TOP BAR: the shell-level strip that stays on\n * screen above every surface, distinct from two components it is easy to\n * confuse with:\n *\n * - **`PageHeader`** — a surface's own pinned title band, sitting *inside*\n *   the content area this bar sits above.\n * - **`TitleBar`** — the desktop window's native chrome (drag region, window\n *   controls). This bar is browser content, not window furniture.\n *\n * Layout is three regions, so callers never hand-tune widths: brand (left) ·\n * optional search · a trailing cluster for a leading control, notifications, and\n * the user menu, pushed right by `ml-auto`. Every region is a named slot —\n * this block owns the strip's geometry and elevation, never its content or\n * behavior.\n *\n * The trailing cluster is pushed right by its own `ml-auto`, not by a spacer\n * element. A spacer works, but it is a second `flex-1` beside the search\n * field, so the two end up splitting the free space instead of the field\n * taking what is actually left; `ml-auto` costs no element and no width, and\n * keeps the cluster flush right even when no search is slotted at all.\n *\n * **Below `sm` the bar is two rows, and that is the point of this block's\n * responsive behavior.** A brand, a real search field, and a leading control +\n * notifications + account cluster do not fit across a 390px viewport: on\n * that width the search field is left about 60px and renders as a magnifier\n * glyph pressed against the org name — a control that is technically present\n * and practically unusable. So the search takes a full-width second row\n * (`basis-full` + `order-last`), the header height goes from fixed to\n * `min-h-14`, and from `sm` up it snaps back to the single `flex-nowrap` row.\n * Wrapping rather than hiding is deliberate: the host slotted a search\n * because its users need one, and a block does not get to decide they need\n * it less on a phone.\n *\n * The `order-last` is the one thing to keep in mind if this changes: it\n * moves the search visually below the cluster while leaving it before the\n * cluster in the DOM, so on a phone the tab order reaches search first. That\n * is the better of the two mismatches — search is the more-used control —\n * but it is a mismatch, so do not extend `order-*` to the other regions.\n *\n * **Pinned, and separated by a hairline — never a shadow.** It sits on\n * `bg-card` (the raised plane), one step above the content it sits over,\n * unlike `PageHeader` which shares the content's own `bg-background` plane.\n * Because content scrolls *under* it, the surface is translucent + blurred\n * so the motion beneath stays legible as depth — the opaque `bg-card` is\n * declared first and stays the fallback wherever `backdrop-filter` is\n * unsupported, so the bar is never a see-through smear.\n *\n * Widths step rather than hold one value: gutters open up from `sm` and\n * again on wide desktops (`3xl`, 1920px), where a 16px gutter beside a\n * 1920px canvas reads as an accident.\n *\n * Deliberately neutral: this is shell chrome shared by every user and every\n * action alike, so it never wears `--primary`/`--accent` — the bar stays\n * uncommitted until a specific action is happening on the surface below.\n */\ndefineProps<{\n  /** Accessible name for the `<header>` landmark, for a page with more than one header-like region. */\n  ariaLabel?: string;\n}>();\n</script>\n\n<template>\n  <!-- `data-loom-app-header` is the hook `global.css` uses to add the\n       safe-area inset to the bar's top padding (the same vendor-rule pattern\n       as `[data-loom-titlebar]`): a PWA under a notch or a title-bar overlay\n       must not paint its first row into reserved space. -->\n  <header\n    data-loom-app-header=\"\"\n    :aria-label=\"ariaLabel\"\n    class=\"sticky top-0 z-30 flex min-h-14 flex-wrap items-center gap-x-2 gap-y-2 border-b border-border bg-card px-3 py-2 text-card-foreground backdrop-blur-md supports-[backdrop-filter]:bg-card/80 sm:h-14 sm:flex-nowrap sm:gap-x-3 sm:px-4 sm:py-0 lg:px-6 3xl:h-16 3xl:px-8\"\n  >\n    <div v-if=\"$slots.brand\" class=\"flex shrink-0 items-center gap-2\">\n      <!-- @slot The product mark and name, leftmost. -->\n      <slot name=\"brand\" />\n    </div>\n\n    <!-- Own full-width row below `sm` (see the doc header on `order-last`);\n         from `sm` up it rejoins the row and takes a cap so it never stretches\n         into a banner on a wide canvas. -->\n    <div\n      v-if=\"$slots.search\"\n      class=\"order-last min-w-0 basis-full sm:order-none sm:max-w-sm sm:flex-1 sm:basis-auto lg:max-w-md\"\n    >\n      <!-- @slot The app's global search field. Exactly one control — a filter belongs to `PageHeader` or the content area, not here. -->\n      <slot name=\"search\" />\n    </div>\n\n    <div\n      v-if=\"$slots.leading || $slots.notifications || $slots.userMenu\"\n      class=\"ml-auto flex shrink-0 items-center gap-1 sm:gap-2\"\n    >\n      <!-- @slot A leading control in the trailing cluster — workspace switcher, org selector, breadcrumb, etc. -->\n      <slot name=\"leading\" />\n      <!-- @slot The notifications trigger, between the leading control and the account menu. -->\n      <slot name=\"notifications\" />\n      <!-- @slot The account menu, trailing the cluster. -->\n      <slot name=\"userMenu\" />\n    </div>\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEE,OAAA,UAAA,GAAA,mBAgCS,UAAA;IA/BP,wBAAqB;IACpB,cAAY,QAAA;IACb,OAAM;;IAEKA,KAAAA,OAAO,SAAlB,UAAA,GAAA,mBAGM,OAHN,YAGM,CADJ,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAOfA,KAAAA,OAAO,UADf,UAAA,GAAA,mBAMM,OANN,YAMM,CADJ,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAIhBA,KAAAA,OAAO,WAAWA,KAAAA,OAAO,iBAAiBA,KAAAA,OAAO,YADzD,UAAA,GAAA,mBAUM,OAVN,YAUM;KALJ,WAAuB,KAAA,QAAA,SAAA;KAEvB,WAA6B,KAAA,QAAA,eAAA;KAE7B,WAAwB,KAAA,QAAA,UAAA"}

package/dist/packages/blocks/app-header/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./AppHeader.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/blocks/app-header/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/app-header/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/packages/blocks/app-header/src/index.js

@@ -0,0 +1,2 @@
+import AppHeader_default from "./AppHeader.js";
+export { AppHeader_default as default };