@ecoma-io/loom 0.2.0 → 0.4.0

package/dist/packages/loom/src/index.d.ts

@@ -0,0 +1,192 @@
+export { cn } from "../../core/src/index";
+export { optional } from "../../core/src/index";
+export { useSplitAttrs } from "../../core/src/index";
+export { listStaggerDelay } from "../../core/src/index";
+export { WCAG_TAGS } from "../../core/src/index";
+export { useTheme, themeScript } from "../../core/src/index";
+export type { ThemePreference, ResolvedTheme } from "../../core/src/index";
+export { applyLoomIconDefaults } from "../../core/src/index";
+export { provideLoomLabels, useLabels } from "../../labels/src/index";
+export type { LabelOf, LabelOverrides, LoomLabelOverrides } from "../../labels/src/index";
+export type { LoomLabels } from "../../labels/src/index";
+export { CALENDAR_PANEL_LABELS, DATE_SEGMENT_LABELS, RANGE_CELL_LABELS, TIME_SEGMENT_LABELS, } from "../../labels/src/index";
+export type { CalendarPanelLabels, DateSegmentLabels, RangeCellLabels, RangeCellPart, TimeSegmentLabels, } from "../../labels/src/index";
+export { COUNT_LABELS, warningWindow } from "../../labels/src/index";
+export type { CountBand, CountLabels } from "../../labels/src/index";
+export { provideFieldContext, useFieldControl, useOuterFieldContext } from "../../labels/src/index";
+export type { FieldContext, FieldContextSource, FieldControl, FieldControlAttrs, FieldControlProps, } from "../../labels/src/index";
+export { useAncestorDisabled } from "../../labels/src/index";
+export { default as HoverCard } from "../../primitives/hover-card/src/index";
+export type { HoverCardAlign, HoverCardSide } from "../../primitives/hover-card/src/index";
+export { default as Progress, progressVariants, PROGRESS_LABELS } from "../../primitives/progress/src/index";
+export type { ProgressLabels, ProgressSize } from "../../primitives/progress/src/index";
+export { default as RadialProgress, radialProgressVariants, RADIAL_PROGRESS_LABELS, } from "../../primitives/radial-progress/src/index";
+export type { RadialProgressLabels, RadialProgressSize, RadialProgressThickness, } from "../../primitives/radial-progress/src/index";
+export { default as ScrollArea } from "../../primitives/scroll-area/src/index";
+export type { ScrollAreaOrientation } from "../../primitives/scroll-area/src/index";
+export { default as Separator } from "../../primitives/separator/src/index";
+export type { SeparatorOrientation } from "../../primitives/separator/src/index";
+export { default as Skeleton, skeletonVariants } from "../../primitives/skeleton/src/index";
+export type { SkeletonVariant } from "../../primitives/skeleton/src/index";
+export { default as Spinner, spinnerVariants } from "../../primitives/spinner/src/index";
+export type { SpinnerSize } from "../../primitives/spinner/src/index";
+export { default as Surface, surfaceVariants } from "../../primitives/surface/src/index";
+export type { SurfaceElevation, SurfacePad } from "../../primitives/surface/src/index";
+export { default as Accordion } from "../../primitives/accordion/src/index";
+export type { AccordionGap, AccordionItem, AccordionType } from "../../primitives/accordion/src/index";
+export { default as Avatar, avatarVariants } from "../../primitives/avatar/src/index";
+export type { AvatarShape, AvatarSize, AvatarVariant } from "../../primitives/avatar/src/index";
+export { default as Badge, badgeVariants } from "../../primitives/badge/src/index";
+export type { BadgeVariant } from "../../primitives/badge/src/index";
+export { default as Breadcrumb, BREADCRUMB_LABELS } from "../../primitives/breadcrumb/src/index";
+export type { BreadcrumbItem, BreadcrumbSeparator, BreadcrumbLabels, } from "../../primitives/breadcrumb/src/index";
+export { default as Button, buttonVariants } from "../../primitives/button/src/index";
+export type { ButtonSize, ButtonVariant } from "../../primitives/button/src/index";
+export { default as Carousel, CAROUSEL_LABELS } from "../../primitives/carousel/src/index";
+export type { CarouselLabels } from "../../primitives/carousel/src/index";
+export { default as Card } from "../../primitives/card/src/index";
+export type { CardPad } from "../../primitives/card/src/index";
+export { default as Chip, chipVariants } from "../../primitives/chip/src/index";
+export type { ChipSize, ChipVariant } from "../../primitives/chip/src/index";
+export { default as Collapse } from "../../primitives/collapse/src/index";
+export { default as ContextMenu } from "../../primitives/context-menu/src/index";
+export type { ContextMenuEntry } from "../../primitives/context-menu/src/index";
+export { default as DropdownMenu } from "../../primitives/dropdown-menu/src/index";
+export type { DropdownMenuEntry } from "../../primitives/dropdown-menu/src/index";
+export { default as IconButton, iconButtonVariants } from "../../primitives/icon-button/src/index";
+export type { IconButtonSize, IconButtonVariant } from "../../primitives/icon-button/src/index";
+export { default as InlineError } from "../../primitives/inline-error/src/index";
+export { default as Kbd, kbdVariants } from "../../primitives/kbd/src/index";
+export type { KbdSize } from "../../primitives/kbd/src/index";
+export { default as Link, linkVariants } from "../../primitives/link/src/index";
+export type { LinkVariant } from "../../primitives/link/src/index";
+export { List, ListItem } from "../../primitives/list/src/index";
+export type { ListItemShape } from "../../primitives/list/src/index";
+export { default as Menubar } from "../../primitives/menubar/src/index";
+export type { MenubarItem, MenubarMenu } from "../../primitives/menubar/src/index";
+export { default as Popover } from "../../primitives/popover/src/index";
+export type { PopoverAlign, PopoverSide } from "../../primitives/popover/src/index";
+export { default as SpeedDial } from "../../primitives/speed-dial/src/index";
+export type { SpeedDialAction, SpeedDialDirection } from "../../primitives/speed-dial/src/index";
+export { default as Tabs } from "../../primitives/tabs/src/index";
+export type { TabItem } from "../../primitives/tabs/src/index";
+export { default as Tooltip } from "../../primitives/tooltip/src/index";
+export type { TooltipSide } from "../../primitives/tooltip/src/index";
+export { default as Timeline, TIMELINE_LABELS } from "../../primitives/timeline/src/index";
+export type { TimelineLabels, TimelineStatus } from "../../primitives/timeline/src/index";
+export { TimelineItem } from "../../primitives/timeline/src/index";
+export { TableCell, TableHead, TableRow, default as Table, TABLE_LABELS, tableRowVariants, } from "../../primitives/table/src/index";
+export type { TableAlign, TableDensity, TableLabels, TableSort } from "../../primitives/table/src/index";
+export { default as Alert, ALERT_LABELS } from "../../primitives/alert/src/index";
+export type { AlertLabels, AlertVariant } from "../../primitives/alert/src/index";
+export { default as AlertDialog, ALERT_DIALOG_LABELS } from "../../primitives/alert-dialog/src/index";
+export type { AlertDialogLabels } from "../../primitives/alert-dialog/src/index";
+export { default as AvatarGroup, AVATAR_GROUP_LABELS } from "../../primitives/avatar-group/src/index";
+export type { AvatarGroupItem, AvatarGroupLabels, AvatarGroupSurface, } from "../../primitives/avatar-group/src/index";
+export { default as Checkbox } from "../../primitives/checkbox/src/index";
+export { default as ColorPicker, COLOR_PICKER_LABELS } from "../../primitives/color-picker/src/index";
+export type { ColorPickerLabels } from "../../primitives/color-picker/src/index";
+export { default as Combobox, comboboxVariants, COMBOBOX_LABELS } from "../../primitives/combobox/src/index";
+export type { ComboboxLabels, ComboboxOption, ComboboxSize } from "../../primitives/combobox/src/index";
+export { default as DatePicker } from "../../primitives/date-picker/src/index";
+export type { DatePickerLabels } from "../../primitives/date-picker/src/index";
+export { default as DateRangePicker, DATE_RANGE_LABELS } from "../../primitives/date-range-picker/src/index";
+export type { DateRange, DateRangeLabels, DateRangePickerLabels, } from "../../primitives/date-range-picker/src/index";
+export { default as DateTimePicker } from "../../primitives/date-time-picker/src/index";
+export type { DateTimePickerLabels } from "../../primitives/date-time-picker/src/index";
+export { default as DateTimeRangePicker, DATE_TIME_RANGE_LABELS, } from "../../primitives/date-time-range-picker/src/index";
+export type { DateTimeRange, DateTimeRangeLabels, DateTimeRangePickerLabels, } from "../../primitives/date-time-range-picker/src/index";
+export { default as Dialog, DIALOG_LABELS } from "../../primitives/dialog/src/index";
+export type { DialogLabels, DialogSize } from "../../primitives/dialog/src/index";
+export { default as Drawer, DRAWER_LABELS } from "../../primitives/drawer/src/index";
+export type { DrawerLabels, DrawerSide, DrawerSize } from "../../primitives/drawer/src/index";
+export { default as Editable, EDITABLE_LABELS } from "../../primitives/editable/src/index";
+export type { EditableActivationMode, EditableLabels, EditableSubmitMode, } from "../../primitives/editable/src/index";
+export { default as Field } from "../../primitives/field/src/index";
+export { default as Fieldset } from "../../primitives/fieldset/src/index";
+export { default as FileUpload, FILE_UPLOAD_LABELS } from "../../primitives/file-upload/src/index";
+export type { FileUploadLabels, FileUploadRejectReason, FileUploadRejection, } from "../../primitives/file-upload/src/index";
+export { default as Indicator, indicatorVariants, indicatorToneVariants, INDICATOR_LABELS, } from "../../primitives/indicator/src/index";
+export type { IndicatorLabels, IndicatorVariant, IndicatorStatus, IndicatorPlacement, IndicatorTone, IndicatorSurface, } from "../../primitives/indicator/src/index";
+export { default as NumberField, NUMBER_FIELD_LABELS } from "../../primitives/number-field/src/index";
+export type { NumberFieldLabels } from "../../primitives/number-field/src/index";
+export { default as OtpInput, OTP_INPUT_LABELS } from "../../primitives/otp-input/src/index";
+export type { OtpInputLabels, OtpInputType } from "../../primitives/otp-input/src/index";
+export { default as Pagination, paginationVariants, PAGINATION_LABELS, } from "../../primitives/pagination/src/index";
+export type { PaginationLabels, PaginationVariant } from "../../primitives/pagination/src/index";
+export { default as RadioGroup } from "../../primitives/radio-group/src/index";
+export type { RadioOption } from "../../primitives/radio-group/src/index";
+export { default as Rating, RATING_LABELS } from "../../primitives/rating/src/index";
+export type { RatingLabels, RatingSize } from "../../primitives/rating/src/index";
+export { default as SegmentedControl } from "../../primitives/segmented-control/src/index";
+export type { SegmentedControlOption } from "../../primitives/segmented-control/src/index";
+export { default as Select, selectVariants } from "../../primitives/select/src/index";
+export type { SelectOption, SelectSize } from "../../primitives/select/src/index";
+export { default as Slider } from "../../primitives/slider/src/index";
+export { default as Stepper, STEPPER_LABELS } from "../../primitives/stepper/src/index";
+export type { StepperLabels, StepperStep, StepperOrientation } from "../../primitives/stepper/src/index";
+export { default as Switch } from "../../primitives/switch/src/index";
+export { default as TagsInput, TAGS_INPUT_LABELS } from "../../primitives/tags-input/src/index";
+export type { TagsInputLabels, TagsInputRejection, TagsInputRejectReason, } from "../../primitives/tags-input/src/index";
+export { default as Textarea, TEXTAREA_LABELS } from "../../primitives/textarea/src/index";
+export type { TextareaLabels, TextareaResize } from "../../primitives/textarea/src/index";
+export { default as TextField, TEXT_FIELD_LABELS } from "../../primitives/text-field/src/index";
+export type { TextFieldLabels, TextFieldSize, TextFieldType } from "../../primitives/text-field/src/index";
+export { default as TimePicker } from "../../primitives/time-picker/src/index";
+export type { TimePickerLabels } from "../../primitives/time-picker/src/index";
+export { Toast, ToastItem, TOAST_LABELS } from "../../primitives/toast/src/index";
+export type { ToastVariant, ToastLabels } from "../../primitives/toast/src/index";
+export { default as WindowControls, WINDOW_CONTROLS_LABELS } from "../../primitives/window-controls/src/index";
+export type { WindowPlatform, WindowControlsLabels } from "../../primitives/window-controls/src/index";
+export { default as Center } from "../../composition/center/src/index";
+export type { CenterMaxWidth } from "../../composition/center/src/index";
+export { default as Frame } from "../../composition/frame/src/index";
+export type { FrameRatio } from "../../composition/frame/src/index";
+export { default as Grid } from "../../composition/grid/src/index";
+export type { GridGap } from "../../composition/grid/src/index";
+export { default as Inline } from "../../composition/inline/src/index";
+export type { InlineAlign, InlineGap } from "../../composition/inline/src/index";
+export { default as ScrollReel, SCROLL_REEL_LABELS } from "../../composition/scroll-reel/src/index";
+export type { ScrollReelGap, ScrollReelSnap, ScrollReelLabels } from "../../composition/scroll-reel/src/index";
+export { default as Sidebar } from "../../composition/sidebar/src/index";
+export type { SidebarSide } from "../../composition/sidebar/src/index";
+export { default as Split } from "../../composition/split/src/index";
+export type { SplitGap, SplitSide } from "../../composition/split/src/index";
+export { default as Stack } from "../../composition/stack/src/index";
+export type { StackAlign, StackGap } from "../../composition/stack/src/index";
+export { default as AppShell } from "../../layouts/app-shell/src/index";
+export type { AppShellSidebarWidth } from "../../layouts/app-shell/src/index";
+export { default as Centered } from "../../layouts/centered/src/index";
+export type { CenteredMaxWidth } from "../../layouts/centered/src/index";
+export { default as Dashboard } from "../../layouts/dashboard/src/index";
+export type { DashboardMinTileWidth } from "../../layouts/dashboard/src/index";
+export { default as FormLayout } from "../../layouts/form-layout/src/index";
+export type { FormLayoutMaxWidth } from "../../layouts/form-layout/src/index";
+export { default as MasterDetail } from "../../layouts/master-detail/src/index";
+export type { MasterDetailMinMasterWidth, MasterDetailGap } from "../../layouts/master-detail/src/index";
+export { default as Reading } from "../../layouts/reading/src/index";
+export type { ReadingGutter } from "../../layouts/reading/src/index";
+export { default as Settings } from "../../layouts/settings/src/index";
+export type { SettingsNavWidth } from "../../layouts/settings/src/index";
+export { default as SplitLayout } from "../../layouts/split-layout/src/index";
+export type { SplitLayoutCollapseAt, SplitLayoutGap } from "../../layouts/split-layout/src/index";
+export { default as AppHeader } from "../../blocks/app-header/src/index";
+export { default as DashboardGrid } from "../../blocks/dashboard-grid/src/index";
+export { default as DesktopAppShell } from "../../blocks/desktop-app-shell/src/index";
+export { default as EmptyState } from "../../blocks/empty-state/src/index";
+export { default as ErrorState } from "../../blocks/error-state/src/index";
+export { default as FormActions } from "../../blocks/form-actions/src/index";
+export type { FormActionsAlign } from "../../blocks/form-actions/src/index";
+export { default as FormSection } from "../../blocks/form-section/src/index";
+export type { FormSectionGap } from "../../blocks/form-section/src/index";
+export { default as LoadingState } from "../../blocks/loading-state/src/index";
+export { default as MetricCard } from "../../blocks/metric-card/src/index";
+export type { MetricCardTrend } from "../../blocks/metric-card/src/index";
+export { default as PageHeader } from "../../blocks/page-header/src/index";
+export { default as RowActions } from "../../blocks/row-actions/src/index";
+export { default as SidebarNav } from "../../blocks/sidebar-nav/src/index";
+export type { SidebarNavItem, SidebarNavSection } from "../../blocks/sidebar-nav/src/index";
+export { default as TitleBar } from "../../blocks/title-bar/src/index";
+export { default as ToastStack } from "../../blocks/toast-stack/src/index";
+export type { ToastStackItem } from "../../blocks/toast-stack/src/index";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/loom/src/theme.d.ts

@@ -0,0 +1,3 @@
+export { useTheme, themeScript } from "../../core/src/index";
+export type { ThemePreference, ResolvedTheme } from "../../core/src/index";
+//# sourceMappingURL=theme.d.ts.map

package/dist/packages/primitives/accordion/src/Accordion.js

@@ -0,0 +1,7 @@
+import Accordion_vue_vue_type_script_setup_true_lang_default from "./Accordion.vue_vue_type_script_setup_true_lang.js";
+//#region packages/primitives/accordion/src/Accordion.vue
+var Accordion_default = Accordion_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Accordion_default as default };
+
+//# sourceMappingURL=Accordion.js.map

package/dist/packages/primitives/accordion/src/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../../../packages/primitives/accordion/src/Accordion.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * One collapsible section of the accordion. The list is data rather than markup\n * because the primitive stays free of structure logic — toggling a section emits\n * its `value` and the host decides what that open state means.\n */\nexport interface AccordionItem {\n  /** Unique key for the item. */\n  value: string;\n  /** The heading text shown on the trigger. */\n  label: string;\n  /** Inert: announced as disabled, and toggling it does nothing. */\n  disabled?: boolean;\n}\n\n/**\n * Whether the accordion allows one open item or many. The members mirror Reka's\n * own `AccordionType`, and the template binding is what enforces that.\n */\nexport type AccordionType = \"single\" | \"multiple\";\n\n/**\n * Vertical gap between items, tightening below the `sm` breakpoint where the\n * accordion is more likely inside a narrow panel.\n */\nexport type AccordionGap = \"sm\" | \"md\" | \"lg\";\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  AccordionRoot,\n  AccordionItem as RekaAccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from \"reka-ui\";\nimport { ChevronDown } from \"@lucide/vue\";\nimport { cn } from \"@ecoma-io/loom-core\";\nimport { optional } from \"@ecoma-io/loom-core\";\n\n/**\n * Accordion — vertically stacked, expandable sections: each trigger reveals\n * its panel and collapses the rest (single mode) or lets several panels stay\n * open at once (multiple mode). Built on Reka UI's Accordion, which supplies\n * the `accordion`/`accordion-item`/`button`/`region` semantics and the\n * arrow-key navigation between triggers.\n *\n * Items are data rather than markup. A scoped default slot receives each item\n * so the host can render arbitrary content inside a panel — the primitive\n * owns the open/close mechanics and the trigger chrome, not what is inside the\n * panel.\n *\n * `collapsible` only matters in single mode: it governs whether the one open\n * item can be closed again. A non-collapsible single accordion always has\n * exactly one panel open. In multiple mode the prop is ignored — every item\n * can close independently.\n */\nwithDefaults(\n  defineProps<{\n    /** The sections, in order. Each needs a unique `value`. */\n    items: AccordionItem[];\n    /** Whether one or many items can be open at once. */\n    type?: AccordionType;\n    /** In single mode, whether the open item can be closed. Ignored in multiple mode. */\n    collapsible?: boolean;\n    /** Drive the open state from the host with `v-model`; omit it and the accordion owns its own state. */\n    modelValue?: string | string[] | undefined;\n    /** Vertical gap between items. */\n    gap?: AccordionGap;\n  }>(),\n  {\n    type: \"single\",\n    collapsible: true,\n    modelValue: undefined,\n    gap: \"md\",\n  },\n);\n\n// `modelValue: undefined` is load-bearing, not a redundant default — it is\n// what keeps the uncontrolled third state reachable past Vue's absent-Boolean\n// casting. `optional()` in the template is the other half; its docblock\n// carries the reasoning for both.\n\ndefineEmits<{ \"update:modelValue\": [value: string | string[]] }>();\n\nconst GAP_CLASSES: Record<AccordionGap, string> = {\n  sm: \"gap-1 sm:gap-2\",\n  md: \"gap-2 sm:gap-3\",\n  lg: \"gap-3 sm:gap-4\",\n};\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"type\"\n    :collapsible=\"collapsible\"\n    v-bind=\"optional({ modelValue })\"\n    :class=\"cn('flex flex-col', GAP_CLASSES[gap])\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <RekaAccordionItem\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled ?? false\"\n      class=\"border-b border-border last:border-b-0\"\n    >\n      <AccordionTrigger\n        :class=\"\n          cn(\n            'flex items-center justify-between w-full px-4 py-3 text-sm font-medium text-foreground transition-colors duration-fast ease-out hover:bg-subtle rounded-md',\n            // A disabled trigger must still be reachable by arrow key, so the\n            // pointer is silenced but the element stays in the tab order.\n            'data-[disabled]:pointer-events-none data-[disabled]:text-muted-foreground',\n          )\n        \"\n      >\n        {{ item.label }}\n        <!-- The chevron rotates 180deg when the item opens, matching the\n             `data-[state=open]` attribute Reka sets on the trigger. A\n             transition rather than an animation, because the rotation has no\n             entrance/exit split — it just flips. -->\n        <ChevronDown\n          class=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-fast ease-out data-[state=open]:rotate-180\"\n        />\n      </AccordionTrigger>\n      <!-- Scoped to the open/closed state, never unconditional. Reka's\n           Presence keeps closed content mounted until an animationend arrives,\n           and a mount-only animation never fires a second one — so an\n           unconditional animation class strands invisible content over the\n           page. Scoped, the closed element computes `animation-name: none` and\n           Presence unmounts it at once.\n\n           The rise/fall pair is the existing vocabulary — a height animation\n           keyed to Reka's `--reka-accordion-content-height` would need its own\n           keyframe and utility registration, which belongs in `global.css` and\n           `theme.css` rather than in a single component. -->\n      <AccordionContent\n        class=\"overflow-hidden data-[state=closed]:animate-fade-fall data-[state=open]:animate-fade-rise\"\n      >\n        <div class=\"px-4 pb-3 text-sm text-muted-foreground\">\n          <!-- @slot The content of each panel. Receives the item as a slot prop. -->\n          <slot :item=\"item\" :index=\"items.indexOf(item)\" />\n        </div>\n      </AccordionContent>\n    </RekaAccordionItem>\n  </AccordionRoot>\n</template>\n"],"mappings":""}

package/dist/packages/primitives/accordion/src/Accordion.vue.d.ts

@@ -0,0 +1,68 @@
+/**
+ * One collapsible section of the accordion. The list is data rather than markup
+ * because the primitive stays free of structure logic — toggling a section emits
+ * its `value` and the host decides what that open state means.
+ */
+export interface AccordionItem {
+    /** Unique key for the item. */
+    value: string;
+    /** The heading text shown on the trigger. */
+    label: string;
+    /** Inert: announced as disabled, and toggling it does nothing. */
+    disabled?: boolean;
+}
+/**
+ * Whether the accordion allows one open item or many. The members mirror Reka's
+ * own `AccordionType`, and the template binding is what enforces that.
+ */
+export type AccordionType = "single" | "multiple";
+/**
+ * Vertical gap between items, tightening below the `sm` breakpoint where the
+ * accordion is more likely inside a narrow panel.
+ */
+export type AccordionGap = "sm" | "md" | "lg";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The sections, in order. Each needs a unique `value`. */
+    items: AccordionItem[];
+    /** Whether one or many items can be open at once. */
+    type?: AccordionType;
+    /** In single mode, whether the open item can be closed. Ignored in multiple mode. */
+    collapsible?: boolean;
+    /** Drive the open state from the host with `v-model`; omit it and the accordion owns its own state. */
+    modelValue?: string | string[] | undefined;
+    /** Vertical gap between items. */
+    gap?: AccordionGap;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[]) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The sections, in order. Each needs a unique `value`. */
+    items: AccordionItem[];
+    /** Whether one or many items can be open at once. */
+    type?: AccordionType;
+    /** In single mode, whether the open item can be closed. Ignored in multiple mode. */
+    collapsible?: boolean;
+    /** Drive the open state from the host with `v-model`; omit it and the accordion owns its own state. */
+    modelValue?: string | string[] | undefined;
+    /** Vertical gap between items. */
+    gap?: AccordionGap;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | string[]) => any;
+}>, {
+    gap: AccordionGap;
+    type: AccordionType;
+    modelValue: string | string[] | undefined;
+    collapsible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {
+        item: AccordionItem;
+        index: number;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Accordion.vue.d.ts.map

package/dist/packages/primitives/accordion/src/Accordion.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/accordion/src/Accordion.vue"],"names":[],"mappings":"AAiKA;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;wBACzB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAmBd,2DAA2D;WACpD,aAAa,EAAE;IACtB,qDAAqD;WAC9C,aAAa;IACpB,qFAAqF;kBACvE,OAAO;IACrB,uGAAuG;iBAC1F,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;IAC1C,kCAAkC;UAC5B,YAAY;;;;IATlB,2DAA2D;WACpD,aAAa,EAAE;IACtB,qDAAqD;WAC9C,aAAa;IACpB,qFAAqF;kBACvE,OAAO;IACrB,uGAAuG;iBAC1F,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;IAC1C,kCAAkC;UAC5B,YAAY;;;;SAAZ,YAAY;UANX,aAAa;gBAIP,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;iBAF5B,OAAO;;cAwMX,CAAC,KAAK;;;KAAiB,KAAK,GAAG;EAWzC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/primitives/accordion/src/Accordion.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,68 @@
+import { cn } from "../../../core/src/cn.js";
+import { optional } from "../../../core/src/props.js";
+import "../../../core/src/index.js";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { ChevronDown } from "@lucide/vue";
+import { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from "reka-ui";
+//#region packages/primitives/accordion/src/Accordion.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "px-4 pb-3 text-sm text-muted-foreground" };
+var Accordion_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Accordion",
+	props: {
+		items: {},
+		type: { default: "single" },
+		collapsible: {
+			type: Boolean,
+			default: true
+		},
+		modelValue: { default: void 0 },
+		gap: { default: "md" }
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const GAP_CLASSES = {
+			sm: "gap-1 sm:gap-2",
+			md: "gap-2 sm:gap-3",
+			lg: "gap-3 sm:gap-4"
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AccordionRoot), mergeProps({
+				type: __props.type,
+				collapsible: __props.collapsible
+			}, unref(optional)({ modelValue: __props.modelValue }), {
+				class: unref(cn)("flex flex-col", GAP_CLASSES[__props.gap]),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+			}), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+					return openBlock(), createBlock(unref(AccordionItem), {
+						key: item.value,
+						value: item.value,
+						disabled: item.disabled ?? false,
+						class: "border-b border-border last:border-b-0"
+					}, {
+						default: withCtx(() => [createVNode(unref(AccordionTrigger), { class: normalizeClass(unref(cn)("flex items-center justify-between w-full px-4 py-3 text-sm font-medium text-foreground transition-colors duration-fast ease-out hover:bg-subtle rounded-md", "data-[disabled]:pointer-events-none data-[disabled]:text-muted-foreground")) }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(item.label) + " ", 1), createVNode(unref(ChevronDown), { class: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-fast ease-out data-[state=open]:rotate-180" })]),
+							_: 2
+						}, 1032, ["class"]), createVNode(unref(AccordionContent), { class: "overflow-hidden data-[state=closed]:animate-fade-fall data-[state=open]:animate-fade-rise" }, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {
+								item,
+								index: __props.items.indexOf(item)
+							})])]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1032, ["value", "disabled"]);
+				}), 128))]),
+				_: 3
+			}, 16, [
+				"type",
+				"collapsible",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { Accordion_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Accordion.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/primitives/accordion/src/Accordion.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../packages/primitives/accordion/src/Accordion.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * One collapsible section of the accordion. The list is data rather than markup\n * because the primitive stays free of structure logic — toggling a section emits\n * its `value` and the host decides what that open state means.\n */\nexport interface AccordionItem {\n  /** Unique key for the item. */\n  value: string;\n  /** The heading text shown on the trigger. */\n  label: string;\n  /** Inert: announced as disabled, and toggling it does nothing. */\n  disabled?: boolean;\n}\n\n/**\n * Whether the accordion allows one open item or many. The members mirror Reka's\n * own `AccordionType`, and the template binding is what enforces that.\n */\nexport type AccordionType = \"single\" | \"multiple\";\n\n/**\n * Vertical gap between items, tightening below the `sm` breakpoint where the\n * accordion is more likely inside a narrow panel.\n */\nexport type AccordionGap = \"sm\" | \"md\" | \"lg\";\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  AccordionRoot,\n  AccordionItem as RekaAccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from \"reka-ui\";\nimport { ChevronDown } from \"@lucide/vue\";\nimport { cn } from \"@ecoma-io/loom-core\";\nimport { optional } from \"@ecoma-io/loom-core\";\n\n/**\n * Accordion — vertically stacked, expandable sections: each trigger reveals\n * its panel and collapses the rest (single mode) or lets several panels stay\n * open at once (multiple mode). Built on Reka UI's Accordion, which supplies\n * the `accordion`/`accordion-item`/`button`/`region` semantics and the\n * arrow-key navigation between triggers.\n *\n * Items are data rather than markup. A scoped default slot receives each item\n * so the host can render arbitrary content inside a panel — the primitive\n * owns the open/close mechanics and the trigger chrome, not what is inside the\n * panel.\n *\n * `collapsible` only matters in single mode: it governs whether the one open\n * item can be closed again. A non-collapsible single accordion always has\n * exactly one panel open. In multiple mode the prop is ignored — every item\n * can close independently.\n */\nwithDefaults(\n  defineProps<{\n    /** The sections, in order. Each needs a unique `value`. */\n    items: AccordionItem[];\n    /** Whether one or many items can be open at once. */\n    type?: AccordionType;\n    /** In single mode, whether the open item can be closed. Ignored in multiple mode. */\n    collapsible?: boolean;\n    /** Drive the open state from the host with `v-model`; omit it and the accordion owns its own state. */\n    modelValue?: string | string[] | undefined;\n    /** Vertical gap between items. */\n    gap?: AccordionGap;\n  }>(),\n  {\n    type: \"single\",\n    collapsible: true,\n    modelValue: undefined,\n    gap: \"md\",\n  },\n);\n\n// `modelValue: undefined` is load-bearing, not a redundant default — it is\n// what keeps the uncontrolled third state reachable past Vue's absent-Boolean\n// casting. `optional()` in the template is the other half; its docblock\n// carries the reasoning for both.\n\ndefineEmits<{ \"update:modelValue\": [value: string | string[]] }>();\n\nconst GAP_CLASSES: Record<AccordionGap, string> = {\n  sm: \"gap-1 sm:gap-2\",\n  md: \"gap-2 sm:gap-3\",\n  lg: \"gap-3 sm:gap-4\",\n};\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"type\"\n    :collapsible=\"collapsible\"\n    v-bind=\"optional({ modelValue })\"\n    :class=\"cn('flex flex-col', GAP_CLASSES[gap])\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <RekaAccordionItem\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled ?? false\"\n      class=\"border-b border-border last:border-b-0\"\n    >\n      <AccordionTrigger\n        :class=\"\n          cn(\n            'flex items-center justify-between w-full px-4 py-3 text-sm font-medium text-foreground transition-colors duration-fast ease-out hover:bg-subtle rounded-md',\n            // A disabled trigger must still be reachable by arrow key, so the\n            // pointer is silenced but the element stays in the tab order.\n            'data-[disabled]:pointer-events-none data-[disabled]:text-muted-foreground',\n          )\n        \"\n      >\n        {{ item.label }}\n        <!-- The chevron rotates 180deg when the item opens, matching the\n             `data-[state=open]` attribute Reka sets on the trigger. A\n             transition rather than an animation, because the rotation has no\n             entrance/exit split — it just flips. -->\n        <ChevronDown\n          class=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-fast ease-out data-[state=open]:rotate-180\"\n        />\n      </AccordionTrigger>\n      <!-- Scoped to the open/closed state, never unconditional. Reka's\n           Presence keeps closed content mounted until an animationend arrives,\n           and a mount-only animation never fires a second one — so an\n           unconditional animation class strands invisible content over the\n           page. Scoped, the closed element computes `animation-name: none` and\n           Presence unmounts it at once.\n\n           The rise/fall pair is the existing vocabulary — a height animation\n           keyed to Reka's `--reka-accordion-content-height` would need its own\n           keyframe and utility registration, which belongs in `global.css` and\n           `theme.css` rather than in a single component. -->\n      <AccordionContent\n        class=\"overflow-hidden data-[state=closed]:animate-fade-fall data-[state=open]:animate-fade-rise\"\n      >\n        <div class=\"px-4 pb-3 text-sm text-muted-foreground\">\n          <!-- @slot The content of each panel. Receives the item as a slot prop. -->\n          <slot :item=\"item\" :index=\"items.indexOf(item)\" />\n        </div>\n      </AccordionContent>\n    </RekaAccordionItem>\n  </AccordionRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoFA,MAAM,cAA4C;GAChD,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;;GAIE,OAAA,UAAA,GAAA,YAqDgB,MAAA,aAAA,GArDhB,WAqDgB;IApDb,MAAM,QAAA;IACN,aAAa,QAAA;GACN,GAAA,MAAA,QAAA,CAAQ,CAAA,EAAA,YAAG,QAAA,WAAU,CAAA,GAAA;IAC5B,OAAO,MAAA,EAAA,CAAE,CAAA,iBAAkB,YAAY,QAAA,IAAG;IAC1C,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,qBAAsB,MAAM;;IAGpD,SAAA,cAAqB,EADvB,UAAA,IAAA,GAAA,mBA6CoB,UAAA,MAAA,WA5CH,QAAA,QAAR,SAAI;KADb,OAAA,UAAA,GAAA,YA6CoB,MAAA,aAAA,GAAA;MA3CjB,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,UAAU,KAAK,YAAQ;MACxB,OAAM;;MAEN,SAAA,cAkBmB,CAlBnB,YAkBmB,MAAA,gBAAA,GAAA,EAjBhB,OAAK,eAAa,MAAA,EAAA,CAAE,CAAA,8JAAA,2EAAA,CAAA,EAAA,GAAA;OASrB,SAAA,cAAgB,CAAb,gBAAA,gBAAA,KAAK,KAAK,IAAG,KAKhB,CAAA,GAAA,YAEE,MAAA,WAAA,GAAA,EADA,OAAM,kHAAiH,CAAA,CAAA,CAAA;;MAc3H,GAAA,MAAA,CAAA,OAAA,CAAA,GAAA,YAOmB,MAAA,gBAAA,GAAA,EANjB,OAAM,4FAA2F,GAAA;OAEjG,SAAA,cAGM,CAHN,mBAGM,OAHN,YAGM,CADJ,WAAkD,KAAA,QAAA,WAAA;QAArC;QAAO,OAAO,QAAA,MAAM,QAAQ,IAAI"}

package/dist/packages/primitives/accordion/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./Accordion.vue";
+export type { AccordionGap, AccordionItem, AccordionType } from "./Accordion.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/accordion/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/accordion/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/packages/primitives/accordion/src/index.js

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

package/dist/packages/primitives/alert/src/Alert.js

@@ -0,0 +1,7 @@
+import Alert_vue_vue_type_script_setup_true_lang_default, { ALERT_LABELS } from "./Alert.vue_vue_type_script_setup_true_lang.js";
+//#region packages/primitives/alert/src/Alert.vue
+var Alert_default = Alert_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ALERT_LABELS, Alert_default as default };
+
+//# sourceMappingURL=Alert.js.map

package/dist/packages/primitives/alert/src/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","names":[],"sources":["../../../../../packages/primitives/alert/src/Alert.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { AlertLabels } from \"@ecoma-io/loom-labels\";\n\n/**\n * The feedback tones, matching Toast and Badge so one functional hue means\n * one thing everywhere. `neutral` is the default because an alert's first\n * job is to be seen at all, not to alarm.\n */\nexport type AlertVariant = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"destructive\";\n\n/**\n * Loom's English, co-located with the component so it tree-shakes with it,\n * and exported so a host can build a partial vocabulary against the real\n * thing rather than a transcription of it.\n */\nexport const ALERT_LABELS: AlertLabels = {\n  dismiss: \"Dismiss\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { Info, CircleCheck, TriangleAlert, CircleX, X } from \"@lucide/vue\";\nimport IconButton from \"@ecoma-io/loom-icon-button\";\nimport { useLabels, type LabelOverrides } from \"@ecoma-io/loom-labels\";\nimport { cn } from \"@ecoma-io/loom-core\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** Selects the tinted wash and the default icon. */\n    variant?: AlertVariant;\n    /** The headline. Optional — a one-line alert can speak through its body alone. */\n    title?: string;\n    /** The detail line below the title. Longer content belongs in the default slot. */\n    description?: string;\n    /** Shows the dismiss control and lets the alert leave; pair with `v-model:open`. */\n    dismissible?: boolean;\n    /**\n     * Controls visibility. Omit it and the alert owns its own state until\n     * dismissed; pass bindings through `v-model:open` to own it yourself.\n     * Pick one mode per instance and stay there: while the prop is bound the\n     * internal state never moves, so removing the binding later brings back\n     * whatever the host last left visible.\n     */\n    open?: boolean | undefined;\n    /** Names for what the alert says on its own account, as any subset of `AlertLabels`. */\n    labels?: LabelOverrides<AlertLabels>;\n  }>(),\n  {\n    // `undefined` is the uncontrolled state, and only an explicit default\n    // keeps it reachable past Vue's Boolean casting.\n    open: undefined,\n    variant: \"neutral\",\n    dismissible: false,\n  },\n);\n\nconst emit = defineEmits<{ \"update:open\": [value: boolean] }>();\n\n// `<Transition>` cannot pass fallthrough attributes through to its child —\n// a `class` or `@click` on the caller's `<Alert>` would land on the\n// Transition node and vanish. Opting out and forwarding by hand is what\n// keeps this component ordinary from the outside.\ndefineOptions({ inheritAttrs: false });\n\n// `text`, not `labels`: the prop of that name is one of the three sources this\n// resolves, and a template reading the raw prop would be reading the overrides\n// rather than the answer.\nconst text = useLabels(\"alert\", ALERT_LABELS, () => props.labels);\n\n/**\n * Per-tone accent icon and measured wash. The tinted pairs are the same ones\n * Badge paints (`bg-*-muted text-*-text`) because those are the tokens mixed\n * to hold their contrast in both themes; `-text`, never the bare `warning`,\n * for the failure Badge records. `neutral` carries no icon of its own — an\n * unremarkable note does not need one, and the slot remains available.\n */\nconst TONE_ACCENTS = {\n  // Badge's own neutral pair: the recessed well, not a borrowed status hue.\n  neutral: { icon: undefined, wash: \"bg-subtle text-subtle-foreground\" },\n  info: { icon: Info, wash: \"bg-info-muted text-info-text\" },\n  success: { icon: CircleCheck, wash: \"bg-success-muted text-success-text\" },\n  warning: { icon: TriangleAlert, wash: \"bg-warning-muted text-warning-text\" },\n  destructive: { icon: CircleX, wash: \"bg-destructive-muted text-destructive-text\" },\n} satisfies Record<AlertVariant, { icon: typeof Info | undefined; wash: string }>;\n\n// Controlled/uncontrolled split by hand — there is no Reka root to lean on,\n// and `optional()` exists for exactly the prop-forwarding case this is not.\nconst innerOpen = ref(true);\nconst isOpen = computed(() => props.open ?? innerOpen.value);\n\nfunction dismiss(): void {\n  if (props.open === undefined) innerOpen.value = false;\n  emit(\"update:open\", false);\n}\n\nconst accent = computed(() => TONE_ACCENTS[props.variant]);\n</script>\n\n<template>\n  <!-- Enter rises like every revealed surface; exit falls back down it. Vue\n       holds the leaving element itself, so no Presence machinery is needed\n       the way it is under Reka, and the global reduced-motion collapse still\n       ends both phases instantly — dismissal stays immediate for readers who\n       asked for less motion. -->\n  <Transition enter-active-class=\"animate-fade-rise\" leave-active-class=\"animate-fade-fall\">\n    <div\n      v-if=\"isOpen\"\n      v-bind=\"$attrs\"\n      role=\"alert\"\n      :class=\"cn('flex items-start gap-3 rounded-md border border-transparent p-3', accent?.wash)\"\n    >\n      <slot name=\"icon\">\n        <component\n          :is=\"accent.icon\"\n          v-if=\"accent?.icon\"\n          class=\"mt-0.5 h-4 w-4 shrink-0\"\n          aria-hidden=\"true\"\n        />\n      </slot>\n\n      <div class=\"min-w-0 flex-1 break-words\">\n        <p v-if=\"title\" class=\"text-sm font-medium\">{{ title }}</p>\n        <p v-if=\"description\" :class=\"cn('text-small', title && 'mt-0.5')\">\n          {{ description }}\n        </p>\n        <!-- @slot Anything beyond a title and one line of detail — a list of\n             what failed, a link out. Rendered after the description, inside\n             the tone's measured text colour. -->\n        <div v-if=\"$slots.default\" :class=\"cn((title || description) && 'mt-1')\">\n          <slot />\n        </div>\n      </div>\n\n      <!-- In the flow, not overlaid: an absolutely-positioned close control\n           collides with long titles at narrow widths, which is exactly where\n           alerts wrap. -->\n      <IconButton\n        v-if=\"dismissible\"\n        variant=\"ghost\"\n        size=\"sm\"\n        :label=\"text.dismiss\"\n        class=\"-mr-1 -mt-1 shrink-0\"\n        @click=\"dismiss()\"\n      >\n        <X class=\"h-4 w-4\" aria-hidden=\"true\" />\n      </IconButton>\n    </div>\n  </Transition>\n</template>\n"],"mappings":""}

package/dist/packages/primitives/alert/src/Alert.vue.d.ts

@@ -0,0 +1,73 @@
+import { type LabelOverrides } from "../../../labels/src/index";
+import type { AlertLabels } from "../../../labels/src/index";
+/**
+ * The feedback tones, matching Toast and Badge so one functional hue means
+ * one thing everywhere. `neutral` is the default because an alert's first
+ * job is to be seen at all, not to alarm.
+ */
+export type AlertVariant = "neutral" | "info" | "success" | "warning" | "destructive";
+/**
+ * Loom's English, co-located with the component so it tree-shakes with it,
+ * and exported so a host can build a partial vocabulary against the real
+ * thing rather than a transcription of it.
+ */
+export declare const ALERT_LABELS: AlertLabels;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Selects the tinted wash and the default icon. */
+    variant?: AlertVariant;
+    /** The headline. Optional — a one-line alert can speak through its body alone. */
+    title?: string;
+    /** The detail line below the title. Longer content belongs in the default slot. */
+    description?: string;
+    /** Shows the dismiss control and lets the alert leave; pair with `v-model:open`. */
+    dismissible?: boolean;
+    /**
+     * Controls visibility. Omit it and the alert owns its own state until
+     * dismissed; pass bindings through `v-model:open` to own it yourself.
+     * Pick one mode per instance and stay there: while the prop is bound the
+     * internal state never moves, so removing the binding later brings back
+     * whatever the host last left visible.
+     */
+    open?: boolean | undefined;
+    /** Names for what the alert says on its own account, as any subset of `AlertLabels`. */
+    labels?: LabelOverrides<AlertLabels>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Selects the tinted wash and the default icon. */
+    variant?: AlertVariant;
+    /** The headline. Optional — a one-line alert can speak through its body alone. */
+    title?: string;
+    /** The detail line below the title. Longer content belongs in the default slot. */
+    description?: string;
+    /** Shows the dismiss control and lets the alert leave; pair with `v-model:open`. */
+    dismissible?: boolean;
+    /**
+     * Controls visibility. Omit it and the alert owns its own state until
+     * dismissed; pass bindings through `v-model:open` to own it yourself.
+     * Pick one mode per instance and stay there: while the prop is bound the
+     * internal state never moves, so removing the binding later brings back
+     * whatever the host last left visible.
+     */
+    open?: boolean | undefined;
+    /** Names for what the alert says on its own account, as any subset of `AlertLabels`. */
+    labels?: LabelOverrides<AlertLabels>;
+}> & Readonly<{
+    "onUpdate:open"?: (value: boolean) => any;
+}>, {
+    open: boolean | undefined;
+    variant: AlertVariant;
+    dismissible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Alert.vue.d.ts.map