@kazee-ds/vue 0.6.0 → 0.7.0

package/dist/types/avatar-context.d.ts

@@ -0,0 +1,19 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { AvatarVariant, ComponentSize, ImageLoadingStatus, Tone } from './visual.js';
+export interface AvatarStyles {
+    root?: string;
+    image?: string;
+    fallback?: string;
+    badge?: string;
+}
+export declare const avatarGroupKey: InjectionKey<{
+    size: Readonly<Ref<ComponentSize>>;
+    tone: Readonly<Ref<Tone>>;
+    variant: Readonly<Ref<AvatarVariant>>;
+}>;
+export declare const avatarKey: InjectionKey<{
+    status: Ref<ImageLoadingStatus>;
+    size: Readonly<Ref<ComponentSize>>;
+    classNames: Readonly<Ref<AvatarStyles | undefined>>;
+}>;
+export declare const badgeAnchorKey: InjectionKey<boolean>;

package/dist/types/button-family-context.d.ts

@@ -2,6 +2,7 @@ import type { ComputedRef, InjectionKey } from 'vue';
 import type { ButtonSize } from './types.js';
 export declare const toggleButtonGroupKey: InjectionKey<ComputedRef<{
     size: ButtonSize;
+    variant?: 'default' | 'ghost' | 'chip';
     radio: boolean;
     selectedIds: string[];
     disabled: boolean;

package/dist/types/card-context.d.ts

@@ -0,0 +1,2 @@
+import type { InjectionKey } from 'vue';
+export declare const cardTitleIdKey: InjectionKey<string>;

package/dist/types/card-types.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from 'vue';
+export interface CardInteractionProps extends /* @vue-ignore */ HTMLAttributes {
+    density?: 'default' | 'compact';
+    href?: string;
+    target?: string;
+    rel?: string;
+    onPress?: () => void;
+    disabled?: boolean;
+    actionLabel?: string;
+    actionLabelledBy?: string;
+    actionClassName?: string;
+}

package/dist/types/composition.d.ts

@@ -1,4 +1,5 @@
 import ToastCompact from './Toast.vue.js';
+export { default as InputClearButton } from './InputClearButton.vue.js';
 import * as Reka from 'reka-ui';
 export { default as SelectValue } from './SelectValue.vue.js';
 export declare const SelectIndicator: typeof Reka.SelectIcon;
@@ -8,7 +9,7 @@ export declare const SelectItemText: typeof Reka.SelectItemText;
 export declare const SelectItemIndicator: typeof Reka.SelectItemIndicator;
 export declare const SelectSection: typeof Reka.SelectGroup;
 export declare const SelectSectionLabel: typeof Reka.SelectLabel;
-export declare const TabsRoot: typeof Reka.TabsRoot;
+export { default as TabsRoot } from './TabsRoot.vue.js';
 export declare const TabsList: typeof Reka.TabsList;
 export declare const TabsTab: typeof Reka.TabsTrigger;
 export declare const TabsPanel: typeof Reka.TabsContent;
@@ -21,7 +22,10 @@ export declare const ListboxSection: typeof Reka.ListboxGroup;
 export declare const ListboxSectionLabel: typeof Reka.ListboxGroupLabel;
 export declare const CheckboxRoot: typeof Reka.CheckboxRoot;
 export { default as CheckboxIndicator } from './CheckboxIndicator.vue.js';
-export declare const SwitchRoot: typeof Reka.SwitchRoot;
+export { default as SwitchRoot } from './SwitchRoot.vue.js';
+export declare const SwitchControl: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
+    as?: string;
+}>;
 export declare const SwitchThumb: typeof Reka.SwitchThumb;
 export declare const RadioGroupRoot: typeof Reka.RadioGroupRoot;
 export declare const RadioGroupItem: typeof Reka.RadioGroupItem;
@@ -79,27 +83,19 @@ export declare const ToastDescription: typeof Reka.ToastDescription;
 export { default as ToastCloseButton } from './ToastCloseButton.vue.js';
 export { default as ToastActionButton } from './ToastActionButton.vue.js';
 export declare const ToastViewport: typeof Reka.ToastViewport;
-export declare const CardRoot: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
-    as?: string;
-}>;
-export declare const CardHeader: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
-    as?: string;
-}>;
+export { default as CardRoot } from './CardRoot.vue.js';
+export { default as CardHeader } from './CardHeader.vue.js';
 export declare const CardHeading: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
     as?: string;
 }>;
-export declare const CardTitle: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
-    as?: string;
-}>;
+export { default as CardTitle } from './CardTitle.vue.js';
 export declare const CardDescription: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
     as?: string;
 }>;
 export declare const CardContent: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
     as?: string;
 }>;
-export declare const CardFooter: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
-    as?: string;
-}>;
+export { default as CardFooter } from './CardFooter.vue.js';
 export declare const CardActions: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
     as?: string;
 }>;
@@ -278,9 +274,7 @@ export declare const ChartDescription: import("./composition-factory.js").Conten
 export declare const BadgeLabel: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
     as?: string;
 }>;
-export declare const BadgeAnchor: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
-    as?: string;
-}>;
+export { default as BadgeAnchor } from './BadgeAnchor.vue.js';
 export declare const DialogRoot: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<Reka.DialogRootProps> & Readonly<{
         "onUpdate:open"?: ((value: boolean) => any) | undefined;

package/dist/types/date-range-model.d.ts

@@ -27,7 +27,9 @@ export interface DateRangeOptions extends DateRangeConstraints {
     dir?: 'ltr' | 'rtl';
     visibleMonths?: 1 | 2;
     weekStartsOn?: 0 | 1;
-    display?: 'popover' | 'inline';
+    display?: 'popover' | 'inline' | 'dialog' | 'auto';
+    commitMode?: 'apply' | 'immediate';
+    showActions?: boolean;
     showInputs?: boolean;
     showMonthYearPicker?: boolean;
     triggerDisplay?: 'text' | 'icon';

package/dist/types/index.d.ts

@@ -31,6 +31,7 @@ export declare const Input: typeof InputCompact & {
     Label: typeof Parts.InputLabel;
     Prefix: typeof Parts.InputPrefix;
     Suffix: typeof Parts.InputSuffix;
+    ClearButton: typeof Parts.InputClearButton;
 };
 export type { ButtonSize, ButtonVariant, SelectOption, InputSize, InputType } from './types.js';
 export type { InputVariant, InputMode, InputEnterKeyHint } from './types.js';
@@ -57,6 +58,7 @@ export declare const RadioGroup: typeof RadioGroupCompact & {
 import SwitchCompact from './Switch.vue.js';
 export declare const Switch: typeof SwitchCompact & {
     Root: typeof Parts.SwitchRoot;
+    Control: typeof Parts.SwitchControl;
     Content: typeof Parts.SwitchContent;
     Thumb: typeof Parts.SwitchThumb;
     Icon: typeof Parts.SwitchIcon;
@@ -105,10 +107,26 @@ export declare const Card: typeof CardCompact & {
     Actions: typeof Parts.CardActions;
 };
 import BadgeCompact from './Badge.vue.js';
+import BadgeAnchorPart from './BadgeAnchor.vue.js';
 export declare const Badge: typeof BadgeCompact & {
+    Root: typeof BadgeCompact;
     Label: typeof Parts.BadgeLabel;
-    Anchor: typeof Parts.BadgeAnchor;
+    Anchor: typeof BadgeAnchorPart;
 };
+import AvatarRoot from './Avatar.vue.js';
+import AvatarImage from './AvatarImage.vue.js';
+import AvatarFallback from './AvatarFallback.vue.js';
+import AvatarBadge from './AvatarBadge.vue.js';
+export declare const Avatar: typeof AvatarRoot & {
+    Root: typeof AvatarRoot;
+    Image: typeof AvatarImage;
+    Fallback: typeof AvatarFallback;
+    Badge: typeof AvatarBadge;
+};
+export { AvatarRoot, AvatarImage, AvatarFallback, AvatarBadge };
+export { AvatarGroup, AvatarGroupRoot } from './AvatarGroup.js';
+export { default as AvatarGroupCount } from './AvatarGroupCount.vue.js';
+export type { Tone, ComponentSize, IndicatorPlacement, AvatarVariant, BadgeVariant, ImageLoadingStatus, } from './visual.js';
 export { default as Skeleton } from './Skeleton.vue.js';
 export { default as Separator } from './Separator.vue.js';
 export type { BadgeTone } from './types.js';
@@ -329,6 +347,9 @@ 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 { DatePicker, TimePicker, TimeRangePicker, DateTimePicker, DateTimeRangePicker, DateField, TimeField, DateTimeField, DateRangeField, TimeRangeField, DateTimeRangeField, Calendar, RangeCalendar, MonthPicker, YearPicker, MonthYearNavigation, TimeList, TimeClock, } from './temporal-components.js';
+export type { TemporalPickerProps, TemporalOptions, TemporalPreset, TemporalValue, TemporalFieldOptions, } from './temporal-types.js';
+export type { TemporalConstraints, TemporalKind, TemporalRange, TemporalError, } from './temporal-model.js';
 export type { StylingProps } from './styling.js';
 /** Casing alias for consumers familiar with HeroUI ListBox. */
 import CompositionListBox from './CompositionListBox.vue.js';
@@ -341,3 +362,6 @@ export declare const ListBox: typeof CompositionListBox & {
     ItemIndicator: typeof CompositionListBoxItemIndicator;
     Section: typeof CompositionListBoxSection;
 };
+export { default as SwitchGroup } from './SwitchGroup.vue.js';
+export type { SwitchVisualProps } from './switch-context.js';
+export type { CardInteractionProps } from './card-types.js';

package/dist/types/switch-context.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentSize, Tone } from './visual.js';
+import type { ComputedRef, InjectionKey } from 'vue';
+export interface SwitchVisualProps {
+    size?: ComponentSize;
+    tone?: Tone;
+    variant?: 'default' | 'outline';
+    disabled?: boolean;
+}
+export declare const switchGroupKey: InjectionKey<ComputedRef<SwitchVisualProps>>;