@construct-space/ui 0.1.0

package/dist/components/PanelSection.vue.d.ts

@@ -0,0 +1,34 @@
+/**
+ * PanelSection — Construct UI
+ * Section divider for design panels with a bold label and optional action slot.
+ * Mirrors the "Layout", "Appearance", "Typography" section headers in the design tool.
+ *
+ * Usage:
+ *   <PanelSection label="Layout">
+ *     <PropRow> ... </PropRow>
+ *   </PanelSection>
+ *
+ *   <PanelSection label="Prototype">
+ *     <template #action><button>+</button></template>
+ *   </PanelSection>
+ */
+type __VLS_Props = {
+    label: string;
+    collapsible?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    action?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    collapsible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Popover.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    open?: boolean;
+    content?: {
+        side?: 'top' | 'bottom' | 'left' | 'right';
+        align?: 'start' | 'center' | 'end';
+        sideOffset?: number;
+    };
+};
+declare var __VLS_14: {}, __VLS_24: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    content?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Progress.vue.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Progress - Bar and circle progress indicator
+ * Supports: bar (horizontal) and circle (SVG) variants
+ * Indeterminate mode for unknown progress
+ */
+type __VLS_Props = {
+    value?: number;
+    max?: number;
+    color?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    indeterminate?: boolean;
+    label?: boolean;
+    variant?: 'bar' | 'circle';
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: boolean;
+    value: number;
+    size: "xs" | "sm" | "md" | "lg";
+    variant: "bar" | "circle";
+    indeterminate: boolean;
+    max: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/PropRow.vue.d.ts

@@ -0,0 +1,35 @@
+/**
+ * PropRow — Construct UI
+ * Horizontal row for design panel properties.
+ * Slots are laid out side by side in equal columns.
+ *
+ * Usage (two inputs in a row):
+ *   <PropRow>
+ *     <Input v-model="w" prefix="W" />
+ *     <Input v-model="h" prefix="H" />
+ *   </PropRow>
+ *
+ * Usage (label + control, like FormField layout="row"):
+ *   <PropRow label="Opacity">
+ *     <Input v-model="opacity" suffix="%" />
+ *     <Select v-model="blend" :options="blendModes" />
+ *   </PropRow>
+ */
+type __VLS_Props = {
+    label?: string;
+    cols?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    cols: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/RadioGroup.vue.d.ts

@@ -0,0 +1,28 @@
+export interface RadioOption {
+    value: string;
+    label: string;
+    description?: string;
+    icon?: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    modelValue?: string;
+    options?: RadioOption[];
+    orientation?: 'vertical' | 'horizontal';
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'card';
+    disabled?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    orientation: "vertical" | "horizontal";
+    modelValue: string;
+    size: "sm" | "md" | "lg";
+    variant: "default" | "card";
+    options: RadioOption[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ScrollArea.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Select.vue.d.ts

@@ -0,0 +1,32 @@
+export interface SelectOption {
+    label: string;
+    value: string | number | null;
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+type __VLS_Props = {
+    modelValue?: string | number | null;
+    options?: SelectOption[] | string[];
+    items?: SelectOption[] | string[];
+    placeholder?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    icon?: string;
+    variant?: 'outline' | 'soft' | 'none';
+    valueAttribute?: string;
+    optionAttribute?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string | number | null;
+    placeholder: string;
+    size: "xs" | "sm" | "md" | "lg";
+    options: SelectOption[] | string[];
+    valueAttribute: string;
+    optionAttribute: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/SelectMenu.vue.d.ts

@@ -0,0 +1,40 @@
+export interface SelectOption {
+    label: string;
+    value?: string | number | null;
+    icon?: string;
+    disabled?: boolean;
+    description?: string;
+    type?: string;
+    [key: string]: unknown;
+}
+type __VLS_Props = {
+    modelValue?: string | number | null;
+    options?: SelectOption[] | string[];
+    items?: SelectOption[] | SelectOption[][] | string[];
+    placeholder?: string;
+    searchable?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    icon?: string;
+    variant?: 'outline' | 'soft' | 'none';
+    valueAttribute?: string;
+    valueKey?: string;
+    optionAttribute?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string | number | null;
+    placeholder: string;
+    size: "xs" | "sm" | "md" | "lg";
+    options: SelectOption[] | string[];
+    valueAttribute: string;
+    optionAttribute: string;
+    searchable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Separator.vue.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Separator - Horizontal or vertical divider
+ * Optional label text displayed in the middle
+ */
+type __VLS_Props = {
+    orientation?: 'horizontal' | 'vertical';
+    label?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Skeleton.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Skeleton - Loading placeholder with pulse animation
+ * Supports rectangular, rounded, circle, and multi-line text modes
+ */
+type __VLS_Props = {
+    width?: string;
+    height?: string;
+    rounded?: boolean;
+    circle?: boolean;
+    lines?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    circle: boolean;
+    rounded: boolean;
+    lines: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Slideover.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    open?: boolean;
+    title?: string;
+    side?: 'left' | 'right';
+    preventClose?: boolean;
+};
+declare var __VLS_30: {}, __VLS_32: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_30) => any;
+} & {
+    footer?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    title: string;
+    side: "left" | "right";
+    preventClose: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Slider.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    modelValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    size?: 'xs' | 'sm' | 'md';
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: number;
+    size: "xs" | "sm" | "md";
+    max: number;
+    min: number;
+    step: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Switch.vue.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Switch — plain implementation, no reka-ui dependency issues
+ */
+type __VLS_Props = {
+    modelValue?: boolean;
+    label?: string;
+    disabled?: boolean;
+    size?: 'xs' | 'sm' | 'md';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    modelValue: boolean;
+    size: "xs" | "sm" | "md";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Table.vue.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Table - Data table with sorting, selection, and custom slots
+ * Supports sticky header, striped rows, loading skeleton, and empty state
+ */
+export interface TableColumn {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+}
+type __VLS_Props = {
+    columns: TableColumn[];
+    rows: Record<string, any>[];
+    loading?: boolean;
+    selectable?: boolean | 'single' | 'multi';
+    striped?: boolean;
+    size?: 'compact' | 'comfortable';
+    stickyHeader?: boolean;
+    rowKey?: string;
+    skeletonRows?: number;
+};
+type __VLS_Slots = {
+    [key: `cell-${string}`]: (props: {
+        row: Record<string, any>;
+        value: any;
+        index: number;
+    }) => any;
+    [key: `header-${string}`]: (props: {
+        column: TableColumn;
+    }) => any;
+    empty: () => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    sort: (payload: {
+        key: string;
+        direction: "asc" | "desc";
+    }) => any;
+    select: (selected: Record<string, any>[]) => any;
+    "row-click": (row: Record<string, any>, index: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSort?: ((payload: {
+        key: string;
+        direction: "asc" | "desc";
+    }) => any) | undefined;
+    onSelect?: ((selected: Record<string, any>[]) => any) | undefined;
+    "onRow-click"?: ((row: Record<string, any>, index: number) => any) | undefined;
+}>, {
+    size: "compact" | "comfortable";
+    loading: boolean;
+    selectable: boolean | "single" | "multi";
+    striped: boolean;
+    stickyHeader: boolean;
+    rowKey: string;
+    skeletonRows: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Tabs.vue.d.ts

@@ -0,0 +1,28 @@
+export interface TabItem {
+    label: string;
+    value: string;
+    icon?: string;
+}
+type __VLS_Props = {
+    modelValue?: string;
+    items?: TabItem[];
+};
+declare var __VLS_27: string, __VLS_28: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_27>]?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    items: TabItem[];
+    modelValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,27 @@
+/**
+ * Textarea — Construct UI
+ * Compact dark textarea matching the design panel aesthetic.
+ */
+type __VLS_Props = {
+    modelValue?: string;
+    placeholder?: string;
+    rows?: number;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    autoresize?: boolean;
+    variant?: 'outline' | 'none';
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+    placeholder: string;
+    size: "xs" | "sm" | "md" | "lg";
+    variant: "outline" | "none";
+    rows: number;
+    autoresize: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,38 @@
+export interface TimelineItem {
+    id: string;
+    title: string;
+    description?: string;
+    icon?: string;
+    color?: string;
+    timestamp?: string | Date;
+    status?: 'completed' | 'active' | 'pending';
+}
+type __VLS_Props = {
+    items?: TimelineItem[];
+    direction?: 'vertical' | 'horizontal';
+    size?: 'compact' | 'comfortable';
+};
+declare var __VLS_1: {
+    item: TimelineItem;
+    index: number;
+}, __VLS_3: {
+    item: TimelineItem;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_1) => any;
+} & {
+    item?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    items: TimelineItem[];
+    size: "compact" | "comfortable";
+    direction: "vertical" | "horizontal";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Toast.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Tooltip.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    text?: string;
+    content?: {
+        side?: 'top' | 'bottom' | 'left' | 'right';
+        align?: 'start' | 'center' | 'end';
+        sideOffset?: number;
+    };
+    popper?: {
+        placement?: string;
+    };
+};
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    text: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};