@webx-ui/core 0.1.0 → 0.3.0

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,27 @@
+import { TextProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TextProps> & Readonly<{}>, {
+    size: import('./types').TextSize;
+    tone: import('./types').TextTone;
+    as: string;
+    align: import('./types').TextAlign;
+    truncate: boolean | number;
+    weight: import('./types').TextWeight;
+    italic: boolean;
+    mono: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WxText } from './Text';
+export type * from './types';

package/dist/components/Text/types.d.ts

@@ -0,0 +1,21 @@
+export type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
+export type TextTone = 'default' | 'strong' | 'muted' | 'placeholder' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'inverse';
+export type TextAlign = 'start' | 'center' | 'end' | 'justify';
+export interface TextProps {
+    /** Element to render. Use `p` for a paragraph, `label` beside a control, and so on. */
+    as?: string;
+    size?: TextSize;
+    weight?: TextWeight;
+    /** Colour role, taken from the text tokens. */
+    tone?: TextTone;
+    align?: TextAlign;
+    /**
+     * Cuts the text off with an ellipsis: `true` on one line, a number over that many
+     * lines. The element needs a width to cut against.
+     */
+    truncate?: boolean | number;
+    italic?: boolean;
+    /** Tabular text — ids, hashes, prices in a column. */
+    mono?: boolean;
+}

package/dist/components/Textarea/Textarea.d.ts

@@ -23,11 +23,11 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
 }>, {
     size: import('../..').ControlSize;
     disabled: boolean;
-    id: string;
-    ariaLabel: string;
     placeholder: string;
-    readonly: boolean;
+    ariaLabel: string;
     status: import('../..').ControlStatus;
+    id: string;
+    readonly: boolean;
     maxlength: number;
     showCount: boolean;
     resize: "none" | "vertical" | "both";

package/dist/components/TimePicker/TimePicker.d.ts

@@ -25,15 +25,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     name: string;
     size: import('../..').ControlSize;
     disabled: boolean;
-    id: string;
+    teleport: boolean | string;
+    placeholder: string;
     ariaLabel: string;
     clearable: boolean;
-    placeholder: string;
-    teleport: boolean | string;
-    readonly: boolean;
     status: import('../..').ControlStatus;
-    valueFormat: string;
+    id: string;
+    readonly: boolean;
     format: string;
+    valueFormat: string;
     minDate: string | Date;
     maxDate: string | Date;
     seconds: boolean;

package/dist/components/Timeline/Timeline.d.ts

@@ -0,0 +1,20 @@
+import { TimelineProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLUListElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TimelineProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TimelineProps> & Readonly<{}>, {
+    size: import('./types').TimelineSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Timeline/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WxTimeline } from './Timeline';
+export type * from './types';

package/dist/components/Timeline/types.d.ts

@@ -0,0 +1,6 @@
+import { TimelineSize } from '../../composables/useTimeline';
+export interface TimelineProps {
+    /** Spacing and dot size for every item in the timeline. */
+    size?: TimelineSize;
+}
+export type { TimelineSize };

package/dist/components/TimelineItem/TimelineItem.d.ts

@@ -0,0 +1,29 @@
+import { TimelineItemProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        dot?(_: {}): any;
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TimelineItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
+    type: import('./types').TimelineItemType;
+    title: string;
+    icon: import('..').IconName;
+    datetime: string;
+    timestamp: string;
+    timestampPlacement: import('./types').TimestampPlacement;
+    hollow: boolean;
+    hideLine: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/TimelineItem/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WxTimelineItem } from './TimelineItem';
+export type * from './types';

package/dist/components/TimelineItem/types.d.ts

@@ -0,0 +1,21 @@
+import { IconName } from '../Icon/types';
+export type TimelineItemType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export type TimestampPlacement = 'top' | 'bottom';
+export interface TimelineItemProps {
+    /** When it happened — any pre-formatted string. */
+    timestamp?: string;
+    /** Machine-readable value for the `<time datetime>`, e.g. `2026-03-12T09:30:00Z`. */
+    datetime?: string;
+    /** Above the entry (the usual log order) or under it. */
+    timestampPlacement?: TimestampPlacement;
+    /** Headline of the entry. */
+    title?: string;
+    /** Colour of the dot. */
+    type?: TimelineItemType;
+    /** Draws the dot as a ring — a step that has not happened yet. */
+    hollow?: boolean;
+    /** Puts an icon inside the dot instead of filling it. */
+    icon?: IconName;
+    /** Hides the line under this entry — for the last one when the list continues elsewhere. */
+    hideLine?: boolean;
+}

package/dist/components/index.d.ts

@@ -1,22 +1,43 @@
+export * from './Action';
+export * from './Actions';
+export * from './Autocomplete';
+export * from './Badge';
 export * from './Button';
+export * from './ButtonGroup';
 export * from './Card';
+export * from './Cascader';
 export * from './Checkbox';
 export * from './CheckboxGroup';
 export * from './ColorPicker';
+export * from './Countdown';
 export * from './DatePicker';
 export * from './DateRangePicker';
 export * from './DateTimePicker';
+export * from './Dropdown';
+export * from './DropdownItem';
+export * from './EntityCard';
 export * from './Form';
 export * from './FormItem';
+export * from './Heading';
+export * from './Icon';
+export * from './Indicator';
 export * from './Input';
 export * from './InputNumber';
+export * from './Link';
+export * from './Pagination';
+export * from './Prose';
 export * from './Radio';
 export * from './RadioGroup';
 export * from './Rate';
 export * from './RichText';
 export * from './Select';
 export * from './Slider';
+export * from './Statistic';
 export * from './Switch';
+export * from './Table';
 export * from './TagsInput';
+export * from './Text';
 export * from './Textarea';
+export * from './Timeline';
+export * from './TimelineItem';
 export * from './TimePicker';

package/dist/composables/useActions.d.ts

@@ -0,0 +1,8 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { ActionSize } from '../components/Action/types';
+/** What a `WxActions` row hands down to the actions inside it. */
+export interface ActionsContext {
+    size: ComputedRef<ActionSize | undefined>;
+}
+export declare const actionsKey: InjectionKey<ActionsContext>;
+export declare function useActions(): ActionsContext | null;

package/dist/composables/useButtonGroup.d.ts

@@ -0,0 +1,15 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { ButtonSize, ButtonType, ButtonVariant } from '../components/Button/types';
+/**
+ * What a `WxButtonGroup` hands down to the buttons inside it. Every field is
+ * optional: a button's own prop always wins, the group only fills the gaps.
+ */
+export interface ButtonGroupContext {
+    type: ComputedRef<ButtonType | undefined>;
+    variant: ComputedRef<ButtonVariant | undefined>;
+    size: ComputedRef<ButtonSize | undefined>;
+    disabled: ComputedRef<boolean>;
+    vertical: ComputedRef<boolean>;
+}
+export declare const buttonGroupKey: InjectionKey<ButtonGroupContext>;
+export declare function useButtonGroup(): ButtonGroupContext | null;

package/dist/composables/useDropdown.d.ts

@@ -0,0 +1,9 @@
+import { InjectionKey } from 'vue';
+/** What a `WxDropdown` hands down, so an item inside it can close the panel. */
+export interface DropdownContext {
+    close: () => void;
+    /** Whether a click on an item closes the panel — the dropdown's `closeOnClick`. */
+    closeOnSelect: () => boolean;
+}
+export declare const dropdownKey: InjectionKey<DropdownContext>;
+export declare function useDropdown(): DropdownContext | null;

package/dist/composables/useTimeline.d.ts

@@ -0,0 +1,8 @@
+import { ComputedRef, InjectionKey } from 'vue';
+export type TimelineSize = 'sm' | 'md';
+/** What `WxTimeline` hands down to the items inside it. */
+export interface TimelineContext {
+    size: ComputedRef<TimelineSize>;
+}
+export declare const timelineKey: InjectionKey<TimelineContext>;
+export declare function useTimeline(): TimelineContext | null;