@kazee-ds/vue 0.5.5 → 0.6.0

package/dist/types/index.d.ts

@@ -1,61 +1,343 @@
+import * as Parts from './composition.js';
 export { default as Button } from './Button.vue.js';
 export { default as ButtonGroup } from './ButtonGroup.js';
 export { default as ButtonGroupSeparator } from './ButtonGroupSeparator.js';
 export { default as ToggleButton } from './ToggleButton.vue.js';
 export { default as ToggleButtonGroup } from './ToggleButtonGroup.vue.js';
 export { default as ToggleButtonGroupSeparator } from './ButtonGroupSeparator.js';
-export { default as Select } from './Select.vue.js';
+import SelectCompact from './Select.vue.js';
+export declare const Select: typeof SelectCompact & {
+    Root: typeof Parts.SelectRoot;
+    Trigger: typeof Parts.SelectTrigger;
+    Value: typeof Parts.SelectValue;
+    Indicator: typeof Parts.SelectIndicator;
+    Control: typeof Parts.SelectControl;
+    ClearButton: typeof Parts.SelectClearButton;
+    Popover: typeof Parts.SelectPopover;
+    Listbox: typeof Parts.SelectListbox;
+    Item: typeof Parts.SelectItem;
+    ItemText: typeof Parts.SelectItemText;
+    ItemIndicator: typeof Parts.SelectItemIndicator;
+    Section: typeof Parts.SelectSection;
+    SectionLabel: typeof Parts.SelectSectionLabel;
+};
 export { default as SelectGroup } from './SelectGroup.js';
 export type { SelectSize, SelectVariant } from './types.js';
-export { default as Input } from './Input.vue.js';
+import InputCompact from './Input.vue.js';
+export declare const Input: typeof InputCompact & {
+    Root: typeof Parts.InputRoot;
+    Group: typeof Parts.InputGroup;
+    Control: typeof Parts.InputControl;
+    Label: typeof Parts.InputLabel;
+    Prefix: typeof Parts.InputPrefix;
+    Suffix: typeof Parts.InputSuffix;
+};
 export type { ButtonSize, ButtonVariant, SelectOption, InputSize, InputType } from './types.js';
 export type { InputVariant, InputMode, InputEnterKeyHint } from './types.js';
-export { default as Textarea } from './Textarea.vue.js';
+import TextareaCompact from './Textarea.vue.js';
+export declare const Textarea: typeof TextareaCompact & {
+    Root: typeof Parts.InputRoot;
+    Control: typeof Parts.TextareaControl;
+    Label: typeof Parts.InputLabel;
+};
 export { default as Label } from './Label.vue.js';
-export { default as Checkbox } from './Checkbox.vue.js';
-export { default as RadioGroup } from './RadioGroup.vue.js';
-export { default as Switch } from './Switch.vue.js';
+import CheckboxCompact from './Checkbox.vue.js';
+export declare const Checkbox: typeof CheckboxCompact & {
+    Root: typeof Parts.CheckboxRoot;
+    Content: typeof Parts.CheckboxContent;
+    Indicator: typeof Parts.CheckboxIndicator;
+};
+import RadioGroupCompact from './RadioGroup.vue.js';
+export declare const RadioGroup: typeof RadioGroupCompact & {
+    Root: typeof Parts.RadioGroupRoot;
+    Item: typeof Parts.RadioGroupItem;
+    Indicator: typeof Parts.RadioGroupIndicator;
+    Content: typeof Parts.RadioGroupContent;
+};
+import SwitchCompact from './Switch.vue.js';
+export declare const Switch: typeof SwitchCompact & {
+    Root: typeof Parts.SwitchRoot;
+    Content: typeof Parts.SwitchContent;
+    Thumb: typeof Parts.SwitchThumb;
+    Icon: typeof Parts.SwitchIcon;
+};
 export type { RadioOption } from './types.js';
-export { default as Field } from './Field.vue.js';
-export { default as Form } from './Form.vue.js';
+import FieldCompact from './Field.vue.js';
+export declare const Field: typeof FieldCompact & {
+    Root: typeof Parts.InputRoot;
+    Label: typeof Parts.InputLabel;
+    Control: typeof Parts.InputControl;
+    Description: typeof Parts.Description;
+    Error: typeof Parts.FieldError;
+};
+import FormCompact from './Form.vue.js';
+export declare const Form: typeof FormCompact & {
+    Root: typeof FormCompact;
+};
 export type { ValidationErrors, FieldControlProps, FieldSlotProps } from './types.js';
-export { default as Listbox } from './Listbox.vue.js';
-export { default as NumberField } from './NumberField.vue.js';
+import ListboxCompact from './Listbox.vue.js';
+export declare const Listbox: typeof ListboxCompact & {
+    Root: typeof Parts.ListboxRoot;
+    Content: typeof Parts.ListboxContent;
+    Item: typeof Parts.ListboxItem;
+    ItemIndicator: typeof Parts.ListboxItemIndicator;
+    Section: typeof Parts.ListboxSection;
+    SectionLabel: typeof Parts.ListboxSectionLabel;
+};
+import NumberFieldCompact from './NumberField.vue.js';
+export declare const NumberField: typeof NumberFieldCompact & {
+    Root: typeof Parts.NumberFieldRoot;
+    Group: typeof Parts.NumberFieldGroup;
+    Input: typeof Parts.NumberFieldInput;
+    IncrementButton: typeof Parts.NumberFieldIncrementButton;
+    DecrementButton: typeof Parts.NumberFieldDecrementButton;
+};
 export type { ListboxOption, ListboxSelectionMode } from './listbox-selection.js';
-export { default as Card } from './Card.vue.js';
-export { default as Badge } from './Badge.vue.js';
+import CardCompact from './Card.vue.js';
+export declare const Card: typeof CardCompact & {
+    Root: typeof Parts.CardRoot;
+    Header: typeof Parts.CardHeader;
+    Heading: typeof Parts.CardHeading;
+    Title: typeof Parts.CardTitle;
+    Description: typeof Parts.CardDescription;
+    Content: typeof Parts.CardContent;
+    Footer: typeof Parts.CardFooter;
+    Actions: typeof Parts.CardActions;
+};
+import BadgeCompact from './Badge.vue.js';
+export declare const Badge: typeof BadgeCompact & {
+    Label: typeof Parts.BadgeLabel;
+    Anchor: typeof Parts.BadgeAnchor;
+};
 export { default as Skeleton } from './Skeleton.vue.js';
 export { default as Separator } from './Separator.vue.js';
 export type { BadgeTone } from './types.js';
-export { default as Tabs } from './Tabs.vue.js';
-export { default as Pagination } from './Pagination.vue.js';
-export { default as Table } from './Table.vue.js';
-export { default as DataTable } from './DataTable.vue.js';
+import TabsCompact from './Tabs.vue.js';
+export declare const Tabs: typeof TabsCompact & {
+    Root: typeof Parts.TabsRoot;
+    List: typeof Parts.TabsList;
+    Tab: typeof Parts.TabsTab;
+    Panel: typeof Parts.TabsPanel;
+    Indicator: typeof Parts.TabsIndicator;
+    ListContainer: typeof Parts.TabsListContainer;
+    Separator: typeof Parts.TabsSeparator;
+};
+import PaginationCompact from './Pagination.vue.js';
+export declare const Pagination: typeof PaginationCompact & {
+    Root: typeof Parts.PaginationRoot;
+    List: typeof Parts.PaginationList;
+    Item: typeof Parts.PaginationItem;
+    Previous: typeof Parts.PaginationPrevious;
+    Next: typeof Parts.PaginationNext;
+    First: typeof Parts.PaginationFirst;
+    Last: typeof Parts.PaginationLast;
+    Ellipsis: typeof Parts.PaginationEllipsis;
+    Content: typeof Parts.PaginationContent;
+    Summary: typeof Parts.PaginationSummary;
+};
+import TableCompact from './Table.vue.js';
+export declare const Table: typeof TableCompact & {
+    Root: typeof Parts.TableRoot;
+    ScrollContainer: typeof Parts.TableScrollContainer;
+    Caption: typeof Parts.TableCaption;
+    Header: typeof Parts.TableHeader;
+    Body: typeof Parts.TableBody;
+    Footer: typeof Parts.TableFooter;
+    Row: typeof Parts.TableRow;
+    Column: typeof Parts.TableColumn;
+    Cell: typeof Parts.TableCell;
+};
+import DataTableCompact from './DataTable.vue.js';
+export declare const DataTable: typeof DataTableCompact & {
+    Root: typeof Parts.DataTableRoot;
+    SortButton: typeof Parts.DataTableSortButton;
+    Status: typeof Parts.DataTableStatus;
+    Error: typeof Parts.DataTableError;
+    Header: typeof Parts.TableHeader;
+    Body: typeof Parts.TableBody;
+    Row: typeof Parts.TableRow;
+    Column: typeof Parts.TableColumn;
+    Cell: typeof Parts.TableCell;
+    Caption: typeof Parts.TableCaption;
+};
 export type { DataTableColumn, DataTableRow, TableSort } from './data-table-types.js';
 export type { TabItem } from './types.js';
-export { default as Alert } from './Alert.vue.js';
-export { default as ToastProvider } from './ToastProvider.vue.js';
-export { default as Toast } from './Toast.vue.js';
+import AlertCompact from './Alert.vue.js';
+export declare const Alert: typeof AlertCompact & {
+    Root: typeof Parts.AlertRoot;
+    Title: typeof Parts.AlertTitle;
+    Description: typeof Parts.AlertDescription;
+    Content: typeof Parts.AlertContent;
+    Indicator: typeof Parts.AlertIndicator;
+    Actions: typeof Parts.AlertActions;
+};
+import ToastProvider from './ToastProvider.vue.js';
+export { ToastProvider };
+import ToastCompact from './Toast.vue.js';
+export declare const Toast: typeof ToastCompact & {
+    Provider: typeof ToastProvider;
+    Root: typeof Parts.ToastRoot;
+    Title: typeof Parts.ToastTitle;
+    Description: typeof Parts.ToastDescription;
+    CloseButton: typeof Parts.ToastCloseButton;
+    ActionButton: typeof Parts.ToastActionButton;
+    Viewport: typeof Parts.ToastViewport;
+    Content: typeof Parts.ToastContent;
+    Indicator: typeof Parts.ToastIndicator;
+    Actions: typeof Parts.ToastActions;
+    Progress: typeof Parts.ToastProgress;
+};
 export { useToast } from './useToast.js';
 export { createToastManager } from './toast-model.js';
 export type { ToastTone, ToastPlacement, ToastCloseReason, ToastAction, ToastOptions, ToastEntry, ToastManagerOptions, ToastPromiseMessages, ToastManager, } from './toast-model.js';
-export { default as Empty } from './Empty.vue.js';
-export { default as Breadcrumb } from './Breadcrumb.vue.js';
-export { default as Sidebar } from './Sidebar.vue.js';
-export { default as Chart } from './Chart.vue.js';
-export { default as Dialog } from './Dialog.vue.js';
-export { default as DropdownMenu } from './DropdownMenu.vue.js';
-export { default as Popover } from './Popover.vue.js';
-export { default as Tooltip } from './Tooltip.vue.js';
+import EmptyCompact from './Empty.vue.js';
+export declare const Empty: typeof EmptyCompact & {
+    Root: typeof Parts.EmptyRoot;
+    Title: typeof Parts.EmptyTitle;
+    Description: typeof Parts.EmptyDescription;
+    Actions: typeof Parts.EmptyActions;
+};
+import BreadcrumbCompact from './Breadcrumb.vue.js';
+export declare const Breadcrumb: typeof BreadcrumbCompact & {
+    Root: typeof Parts.BreadcrumbRoot;
+    List: typeof Parts.BreadcrumbList;
+    Item: typeof Parts.BreadcrumbItem;
+    Link: typeof Parts.BreadcrumbLink;
+    Separator: typeof Parts.BreadcrumbSeparator;
+    Current: typeof Parts.BreadcrumbCurrent;
+};
+import SidebarCompact from './Sidebar.vue.js';
+export declare const Sidebar: typeof SidebarCompact & {
+    Root: typeof Parts.SidebarRoot;
+    Toggle: typeof Parts.SidebarToggle;
+    Navigation: typeof Parts.SidebarNavigation;
+    Title: typeof Parts.SidebarTitle;
+    List: typeof Parts.SidebarList;
+    Header: typeof Parts.SidebarHeader;
+    Content: typeof Parts.SidebarContent;
+    Item: typeof Parts.SidebarItem;
+    Footer: typeof Parts.SidebarFooter;
+};
+import ChartCompact from './Chart.vue.js';
+export declare const Chart: typeof ChartCompact & {
+    Root: typeof Parts.ChartRoot;
+    Title: typeof Parts.ChartTitle;
+    Description: typeof Parts.ChartDescription;
+};
+import DialogCompact from './Dialog.vue.js';
+export declare const Dialog: typeof DialogCompact & {
+    Root: typeof Parts.DialogRoot;
+    Trigger: typeof Parts.DialogTrigger;
+    Portal: typeof Parts.DialogPortal;
+    Backdrop: typeof Parts.DialogBackdrop;
+    Content: typeof Parts.DialogContent;
+    Title: typeof Parts.DialogTitle;
+    Description: typeof Parts.DialogDescription;
+    CloseButton: typeof Parts.DialogCloseButton;
+    Header: typeof Parts.DialogHeader;
+    Body: typeof Parts.DialogBody;
+    Footer: typeof Parts.DialogFooter;
+};
+import DropdownMenuCompact from './DropdownMenu.vue.js';
+export declare const DropdownMenu: typeof DropdownMenuCompact & {
+    Root: typeof Parts.DropdownMenuRoot;
+    Trigger: typeof Parts.DropdownMenuTrigger;
+    Portal: typeof Parts.DropdownMenuPortal;
+    Content: typeof Parts.DropdownMenuContent;
+    Item: typeof Parts.DropdownMenuItem;
+    ItemIndicator: typeof Parts.DropdownMenuItemIndicator;
+    Section: typeof Parts.DropdownMenuSection;
+    SectionLabel: typeof Parts.DropdownMenuSectionLabel;
+    Separator: typeof Parts.DropdownMenuSeparator;
+    CheckboxItem: typeof Parts.DropdownMenuCheckboxItem;
+    RadioGroup: typeof Parts.DropdownMenuRadioGroup;
+    RadioItem: typeof Parts.DropdownMenuRadioItem;
+    Sub: typeof Parts.DropdownMenuSub;
+    SubTrigger: typeof Parts.DropdownMenuSubTrigger;
+    SubContent: typeof Parts.DropdownMenuSubContent;
+};
+import PopoverCompact from './Popover.vue.js';
+export declare const Popover: typeof PopoverCompact & {
+    Root: typeof Parts.PopoverRoot;
+    Trigger: typeof Parts.PopoverTrigger;
+    Portal: typeof Parts.PopoverPortal;
+    Content: typeof Parts.PopoverContent;
+    Arrow: typeof Parts.PopoverArrow;
+    CloseButton: typeof Parts.PopoverCloseButton;
+    Heading: typeof Parts.PopoverHeading;
+    Body: typeof Parts.PopoverBody;
+    Footer: typeof Parts.PopoverFooter;
+};
+import TooltipCompact from './Tooltip.vue.js';
+export declare const Tooltip: typeof TooltipCompact & {
+    Root: typeof Parts.TooltipRoot;
+    Trigger: typeof Parts.TooltipTrigger;
+    Portal: typeof Parts.TooltipPortal;
+    Provider: typeof Parts.TooltipProvider;
+    Content: typeof Parts.TooltipContent;
+    Arrow: typeof Parts.TooltipArrow;
+};
 export type { NavigationItem, BreadcrumbItem, ChartDatum, DropdownMenuItem, } from './dashboard-types.js';
 export { default as Spinner } from './Spinner.vue.js';
 export type { SpinnerSize, SpinnerColor } from './types.js';
-export { default as Combobox } from './Combobox.vue.js';
+import ComboboxCompact from './Combobox.vue.js';
+export declare const Combobox: typeof ComboboxCompact & {
+    Root: typeof Parts.ComboboxRoot;
+    Input: typeof Parts.ComboboxInput;
+    Trigger: typeof Parts.ComboboxTrigger;
+    Content: typeof Parts.ComboboxContent;
+    Item: typeof Parts.ComboboxItem;
+    ItemIndicator: typeof Parts.ComboboxItemIndicator;
+    Section: typeof Parts.ComboboxSection;
+    SectionLabel: typeof Parts.ComboboxSectionLabel;
+    Anchor: typeof Parts.ComboboxAnchor;
+    ClearButton: typeof Parts.ComboboxClearButton;
+    Portal: typeof Parts.ComboboxPortal;
+};
 export type { MenuSelectionMode, MenuPlacement, DialogSize, DialogPlacement, DialogScroll, DialogBackdrop, } from './overlay-model.js';
-export { default as ToggleGroup } from './ToggleGroup.vue.js';
+import ToggleGroupCompact from './ToggleGroup.vue.js';
+export declare const ToggleGroup: typeof ToggleGroupCompact & {
+    Root: typeof Parts.ToggleGroupRoot;
+    Item: typeof Parts.ToggleGroupItem;
+};
 export type { ToggleGroupItem, ToggleGroupMode, ToggleGroupVariant } from './toggle-group-model.js';
 export type { TabsVariant } from './types.js';
-export { default as DateRangePicker } from './DateRangePicker.vue.js';
+import DateRangePickerCompact from './DateRangePicker.vue.js';
+export declare const DateRangePicker: typeof DateRangePickerCompact & {
+    Root: typeof Parts.DateRangePickerRoot;
+    Anchor: typeof Parts.DateRangePickerAnchor;
+    Trigger: typeof Parts.DateRangePickerTrigger;
+    Content: typeof Parts.DateRangePickerContent;
+    Field: typeof Parts.DateRangePickerField;
+    Input: typeof Parts.DateRangePickerInput;
+    Calendar: typeof Parts.DateRangePickerCalendar;
+    Header: typeof Parts.DateRangePickerHeader;
+    Heading: typeof Parts.DateRangePickerHeading;
+    Prev: typeof Parts.DateRangePickerPrev;
+    Next: typeof Parts.DateRangePickerNext;
+    Grid: typeof Parts.DateRangePickerGrid;
+    GridHead: typeof Parts.DateRangePickerGridHead;
+    GridBody: typeof Parts.DateRangePickerGridBody;
+    GridRow: typeof Parts.DateRangePickerGridRow;
+    HeadCell: typeof Parts.DateRangePickerHeadCell;
+    Cell: typeof Parts.DateRangePickerCell;
+    CellTrigger: typeof Parts.DateRangePickerCellTrigger;
+    Close: typeof Parts.DateRangePickerClose;
+    Arrow: typeof Parts.DateRangePickerArrow;
+};
 export { createDateRangePresets } from './date-range-model.js';
 export { rangeText as formatDateRange } from './date-range-model.js';
 export type { DateRange, DateRangePreset, DateRangeLabels, DateRangeSize, DateRangeVariant, } from './date-range-model.js';
+export * from './composition.js';
+export type { StylingProps } from './styling.js';
+/** Casing alias for consumers familiar with HeroUI ListBox. */
+import CompositionListBox from './CompositionListBox.vue.js';
+import CompositionListBoxItem from './CompositionListBoxItem.vue.js';
+import CompositionListBoxItemIndicator from './CompositionListBoxItemIndicator.vue.js';
+import CompositionListBoxSection from './CompositionListBoxSection.vue.js';
+export declare const ListBox: typeof CompositionListBox & {
+    Root: typeof CompositionListBox;
+    Item: typeof CompositionListBoxItem;
+    ItemIndicator: typeof CompositionListBoxItemIndicator;
+    Section: typeof CompositionListBoxSection;
+};

package/dist/types/input-composition-context.d.ts

@@ -0,0 +1,15 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+export interface InputCompositionContext {
+    id: string;
+    value: ComputedRef<string>;
+    disabled: ComputedRef<boolean>;
+    readonly: ComputedRef<boolean>;
+    required: ComputedRef<boolean>;
+    invalid: ComputedRef<boolean>;
+    name: ComputedRef<string | undefined>;
+    describedBy: ComputedRef<string | undefined>;
+    update(value: string): void;
+    reset(): void;
+    describe(id: string): () => void;
+}
+export declare const inputCompositionKey: InjectionKey<InputCompositionContext>;

package/dist/types/select-composition-context.d.ts

@@ -0,0 +1,18 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+export interface SelectCompositionContext {
+    id: string;
+    describedBy: ComputedRef<string | undefined>;
+    labelId: string;
+    hasLabel: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+    empty: ComputedRef<boolean>;
+    clear: () => void;
+    trigger: Ref<HTMLElement | undefined>;
+    value: ComputedRef<string | string[] | undefined>;
+    labels: Ref<Record<string, string>>;
+    registerLabel(value: string, label: string): void;
+}
+export declare const selectCompositionKey: InjectionKey<SelectCompositionContext>;
+export declare const selectTriggerCompositionKey: InjectionKey<{
+    registerClear(): () => void;
+}>;

package/dist/types/sidebar-composition-context.d.ts

@@ -0,0 +1,7 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+export interface SidebarCompositionContext {
+    id: string;
+    open: ComputedRef<boolean>;
+    toggle(): void;
+}
+export declare const sidebarCompositionKey: InjectionKey<SidebarCompositionContext>;

package/dist/types/styling.d.ts

@@ -0,0 +1,5 @@
+/** Stable semantic part classes for the compact component API. */
+export interface StylingProps<Part extends string = never> {
+    classNames?: Partial<Record<Part | 'root', string>>;
+}
+export declare function partClasses(base: unknown, custom?: unknown): string;

package/dist/types/toast-composition-context.d.ts

@@ -0,0 +1,9 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+import type { ToastEntry } from './toast-model.js';
+export interface ToastCompositionContext {
+    entry: ComputedRef<ToastEntry>;
+    closing: ComputedRef<boolean>;
+    dismiss(): void;
+    action(cancel: boolean, event: MouseEvent): void;
+}
+export declare const toastCompositionKey: InjectionKey<ToastCompositionContext>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kazee-ds/vue",
-  "version": "0.5.5",
+  "version": "0.6.0",
   "type": "module",
   "exports": {
     ".": {