@antelopejs/interface-dms 0.0.1

package/dist/base/period-selector.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PeriodSelectorSchema = exports.PERIOD_SELECTOR_VARIANTS = exports.PERIOD_ALIGNS = exports.PERIOD_COMPARISONS = exports.PERIOD_PRESETS = void 0;
+exports.PeriodSelector = PeriodSelector;
+const component_1 = require("../component");
+const zod_1 = require("zod");
+const block_registry_1 = require("./block-registry");
+const size_1 = require("./types/size");
+exports.PERIOD_PRESETS = [
+    "last-hour",
+    "last-24h",
+    "today",
+    "yesterday",
+    "last-7-days",
+    "last-30-days",
+    "last-90-days",
+    "this-month",
+    "last-month",
+    "this-quarter",
+    "last-quarter",
+    "ytd",
+    "last-year",
+    "custom",
+];
+exports.PERIOD_COMPARISONS = [
+    "none",
+    "previous-period",
+    "previous-year",
+    "custom",
+];
+exports.PERIOD_ALIGNS = ["left", "center", "right"];
+exports.PERIOD_SELECTOR_VARIANTS = ["default", "segmented"];
+const PERIOD_SELECTOR_COMPONENT_NAME = "dms-period-selector";
+function PeriodSelector(options) {
+    return new component_1.ComponentBuilder(PERIOD_SELECTOR_COMPONENT_NAME)
+        .options(options)
+        .meta({
+        name: "PeriodSelector",
+        icon: "i-ph-calendar",
+    });
+}
+exports.PeriodSelectorSchema = zod_1.z.object({
+    id: (0, block_registry_1.ui)(zod_1.z.string().describe("Scope id the cards on the page refer to."), {
+        label: "Scope id",
+        group: "data",
+    }),
+    defaultPreset: (0, block_registry_1.ui)(zod_1.z.enum(exports.PERIOD_PRESETS).optional(), {
+        label: "Default range",
+        group: "behavior",
+        widget: "select",
+    }),
+    defaultComparison: (0, block_registry_1.ui)(zod_1.z.enum(exports.PERIOD_COMPARISONS).optional(), {
+        label: "Default comparison",
+        group: "behavior",
+        widget: "select",
+    }),
+    presets: (0, block_registry_1.ui)(zod_1.z.array(zod_1.z.enum(exports.PERIOD_PRESETS)).optional().describe("Ranges offered."), { label: "Available ranges", group: "behavior" }),
+    comparisons: (0, block_registry_1.ui)(zod_1.z.array(zod_1.z.enum(exports.PERIOD_COMPARISONS)).optional(), {
+        label: "Available comparisons",
+        group: "behavior",
+    }),
+    presetLabels: (0, block_registry_1.ui)(zod_1.z.record(zod_1.z.enum(exports.PERIOD_PRESETS), zod_1.z.string()).optional(), {
+        label: "Range labels",
+        group: "content",
+        widget: "json",
+    }),
+    comparisonLabels: (0, block_registry_1.ui)(zod_1.z.record(zod_1.z.enum(exports.PERIOD_COMPARISONS), zod_1.z.string()).optional(), {
+        label: "Comparison labels",
+        group: "content",
+        widget: "json",
+    }),
+    align: (0, block_registry_1.ui)(zod_1.z.enum(exports.PERIOD_ALIGNS).optional(), {
+        label: "Alignment",
+        group: "appearance",
+        widget: "segmented",
+    }),
+    size: (0, block_registry_1.ui)(zod_1.z.enum(size_1.SIZES).optional(), {
+        label: "Size",
+        group: "appearance",
+        widget: "segmented",
+    }),
+    showRangeLabel: (0, block_registry_1.ui)(zod_1.z.boolean().optional(), {
+        label: "Show the range",
+        group: "appearance",
+        widget: "switch",
+    }),
+    variant: (0, block_registry_1.ui)(zod_1.z
+        .enum(exports.PERIOD_SELECTOR_VARIANTS)
+        .optional()
+        .describe("`segmented` shows the ranges as inline pills."), { label: "Variant", group: "appearance", widget: "segmented" }),
+});
+(0, block_registry_1.RegisterBlockType)({
+    type: "PeriodSelector",
+    componentName: PERIOD_SELECTOR_COMPONENT_NAME,
+    schema: exports.PeriodSelectorSchema,
+    meta: {
+        name: "Period selector",
+        icon: "i-ph-calendar",
+        description: "Date range picker driving the cards that share its scope.",
+        group: "data",
+    },
+});
+//# sourceMappingURL=period-selector.js.map

package/dist/base/period-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"period-selector.js","sourceRoot":"","sources":["../../src/base/period-selector.ts"],"names":[],"mappings":"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"}

package/dist/base/placeholder.d.ts

@@ -0,0 +1,21 @@
+import { ComponentBuilder } from "../component";
+import { z } from "zod";
+export interface PlaceholderOptions {
+    label?: string;
+    height?: string;
+    width?: string;
+}
+export declare const PlaceholderSchema: z.ZodObject<{
+    label: z.ZodOptional<z.ZodString>;
+    height: z.ZodDefault<z.ZodString>;
+    width: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    height: string;
+    width?: string | undefined;
+    label?: string | undefined;
+}, {
+    height?: string | undefined;
+    width?: string | undefined;
+    label?: string | undefined;
+}>;
+export declare function Placeholder(options?: PlaceholderOptions): ComponentBuilder<PlaceholderOptions>;

package/dist/base/placeholder.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlaceholderSchema = void 0;
+exports.Placeholder = Placeholder;
+const component_1 = require("../component");
+const zod_1 = require("zod");
+const block_registry_1 = require("./block-registry");
+const PLACEHOLDER_COMPONENT_NAME = "dms-placeholder";
+const PLACEHOLDER_DEFAULT_HEIGHT = "120px";
+exports.PlaceholderSchema = zod_1.z.object({
+    label: (0, block_registry_1.ui)(zod_1.z.string().optional().describe("Text shown inside the box."), {
+        label: "Label",
+        group: "content",
+    }),
+    height: (0, block_registry_1.ui)(zod_1.z
+        .string()
+        .default(PLACEHOLDER_DEFAULT_HEIGHT)
+        .describe("Box height, as a CSS length."), { label: "Height", group: "appearance" }),
+    width: (0, block_registry_1.ui)(zod_1.z
+        .string()
+        .optional()
+        .describe("Box width, as a CSS length. Fills its column when omitted."), { label: "Width", group: "appearance" }),
+});
+function Placeholder(options) {
+    return new component_1.ComponentBuilder(PLACEHOLDER_COMPONENT_NAME)
+        .options({
+        height: PLACEHOLDER_DEFAULT_HEIGHT,
+        ...options,
+    })
+        .meta({
+        name: "Placeholder",
+        icon: "i-ph-square-dashed",
+    });
+}
+(0, block_registry_1.RegisterBlockType)({
+    type: "Placeholder",
+    componentName: PLACEHOLDER_COMPONENT_NAME,
+    schema: exports.PlaceholderSchema,
+    meta: {
+        name: "Placeholder",
+        icon: "i-ph-square-dashed",
+        description: "Empty box standing in for content still to come.",
+        group: "layout",
+    },
+});
+//# sourceMappingURL=placeholder.js.map

package/dist/base/placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/base/placeholder.ts"],"names":[],"mappings":";;;AA8DA,kCAYC;AA1ED,4CAAgD;AAChD,6BAAwB;AACxB,qDAA+E;AAE/E,MAAM,0BAA0B,GAAG,iBAAiB,CAAC;AACrD,MAAM,0BAA0B,GAAG,OAAO,CAAC;AAyB9B,QAAA,iBAAiB,GAAG,OAAC,CAAC,MAAM,CAAC;IACxC,KAAK,EAAE,IAAA,mBAAE,EAAC,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,4BAA4B,CAAC,EAAE;QACtE,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,SAAS;KACjB,CAAC;IACF,MAAM,EAAE,IAAA,mBAAE,EACR,OAAC;SACE,MAAM,EAAE;SACR,OAAO,CAAC,0BAA0B,CAAC;SACnC,QAAQ,CAAC,8BAA8B,CAAC,EAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,CACzC;IACD,KAAK,EAAE,IAAA,mBAAE,EACP,OAAC;SACE,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CAAC,4DAA4D,CAAC,EACzE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CACxC;CACF,CAA+C,CAAC;AAajD,SAAgB,WAAW,CACzB,OAA4B;IAE5B,OAAO,IAAI,4BAAgB,CAAqB,0BAA0B,CAAC;SACxE,OAAO,CAAC;QACP,MAAM,EAAE,0BAA0B;QAClC,GAAG,OAAO;KACX,CAAC;SACD,IAAI,CAAC;QACJ,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,oBAAoB;KAC3B,CAAC,CAAC;AACP,CAAC;AAED,IAAA,kCAAiB,EAAC;IAChB,IAAI,EAAE,aAAa;IACnB,aAAa,EAAE,0BAA0B;IACzC,MAAM,EAAE,yBAAiB;IACzB,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,oBAAoB;QAC1B,WAAW,EAAE,kDAAkD;QAC/D,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC,CAAC"}

package/dist/base/searchable.d.ts

@@ -0,0 +1,9 @@
+export declare class SearchableMeta {
+    readonly target: new (...args: unknown[]) => unknown;
+    static key: symbol;
+    constructor(target: new (...args: unknown[]) => unknown);
+    readonly searchableFields: Record<string, string>;
+    setSearchableField(key: string, compareMode: string): void;
+    getSearchableFields(): Record<string, string>;
+}
+export declare const Searchable: (compareMode?: string | undefined) => import("@antelopejs/interface-core/decorators").PropertyDecorator;

package/dist/base/searchable.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Searchable = exports.SearchableMeta = void 0;
+const interface_core_1 = require("@antelopejs/interface-core");
+const decorators_1 = require("@antelopejs/interface-core/decorators");
+class SearchableMeta {
+    target;
+    static key = Symbol();
+    constructor(target) {
+        this.target = target;
+    }
+    searchableFields = {};
+    setSearchableField(key, compareMode) {
+        this.searchableFields[key] = compareMode;
+    }
+    getSearchableFields() {
+        return this.searchableFields;
+    }
+}
+exports.SearchableMeta = SearchableMeta;
+const DEFAULT_COMPARE_MODE = "contains";
+exports.Searchable = (0, decorators_1.MakePropertyDecorator)((target, key, compareMode) => {
+    const searchableMeta = (0, interface_core_1.GetMetadata)(target.constructor, SearchableMeta);
+    const effectiveCompareMode = compareMode ?? DEFAULT_COMPARE_MODE;
+    searchableMeta.setSearchableField(key, effectiveCompareMode);
+});
+//# sourceMappingURL=searchable.js.map

package/dist/base/searchable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchable.js","sourceRoot":"","sources":["../../src/base/searchable.ts"],"names":[],"mappings":";;;AAAA,+DAAyD;AACzD,sEAA8E;AAE9E,MAAa,cAAc;IAGG;IAFrB,MAAM,CAAC,GAAG,GAAG,MAAM,EAAE,CAAC;IAE7B,YAA4B,MAA2C;QAA3C,WAAM,GAAN,MAAM,CAAqC;IAAG,CAAC;IAE3D,gBAAgB,GAA2B,EAAE,CAAC;IAEvD,kBAAkB,CAAC,GAAW,EAAE,WAAmB;QACxD,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC;IAC3C,CAAC;IAEM,mBAAmB;QACxB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;;AAbH,wCAcC;AAED,MAAM,oBAAoB,GAAG,UAAU,CAAC;AAE3B,QAAA,UAAU,GAAG,IAAA,kCAAqB,EAC7C,CAAC,MAAM,EAAE,GAAG,EAAE,WAAoB,EAAE,EAAE;IACpC,MAAM,cAAc,GAAG,IAAA,4BAAW,EAAC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IACvE,MAAM,oBAAoB,GAAG,WAAW,IAAI,oBAAoB,CAAC;IACjE,cAAc,CAAC,kBAAkB,CAAC,GAAa,EAAE,oBAAoB,CAAC,CAAC;AACzE,CAAC,CACF,CAAC"}

package/dist/base/stack.d.ts

@@ -0,0 +1,65 @@
+import { ComponentBuilder } from "../component";
+import { z } from "zod";
+export type StackAlignment = "start" | "center" | "end" | "stretch";
+export type StackDistribution = "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
+export interface HStackOptions {
+    alignment?: StackAlignment;
+    distribution?: StackDistribution;
+    spacing?: string;
+    wrap?: boolean;
+}
+export interface VStackOptions {
+    alignment?: StackAlignment;
+    distribution?: StackDistribution;
+    spacing?: string;
+}
+export interface SpacerOptions {
+    minSize?: string;
+    maxSize?: string;
+    grow?: number;
+}
+export declare const HStackSchema: z.ZodObject<{
+    alignment: z.ZodDefault<z.ZodEnum<["start", "center", "end", "stretch"]>>;
+    distribution: z.ZodDefault<z.ZodEnum<["start", "center", "end", "space-between", "space-around", "space-evenly"]>>;
+    spacing: z.ZodDefault<z.ZodString>;
+    wrap: z.ZodDefault<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    wrap: boolean;
+    alignment: "center" | "end" | "start" | "stretch";
+    distribution: "center" | "end" | "start" | "space-between" | "space-around" | "space-evenly";
+    spacing: string;
+}, {
+    wrap?: boolean | undefined;
+    alignment?: "center" | "end" | "start" | "stretch" | undefined;
+    distribution?: "center" | "end" | "start" | "space-between" | "space-around" | "space-evenly" | undefined;
+    spacing?: string | undefined;
+}>;
+export declare const VStackSchema: z.ZodObject<{
+    alignment: z.ZodDefault<z.ZodEnum<["start", "center", "end", "stretch"]>>;
+    distribution: z.ZodDefault<z.ZodEnum<["start", "center", "end", "space-between", "space-around", "space-evenly"]>>;
+    spacing: z.ZodDefault<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    alignment: "center" | "end" | "start" | "stretch";
+    distribution: "center" | "end" | "start" | "space-between" | "space-around" | "space-evenly";
+    spacing: string;
+}, {
+    alignment?: "center" | "end" | "start" | "stretch" | undefined;
+    distribution?: "center" | "end" | "start" | "space-between" | "space-around" | "space-evenly" | undefined;
+    spacing?: string | undefined;
+}>;
+export declare const SpacerSchema: z.ZodObject<{
+    minSize: z.ZodOptional<z.ZodString>;
+    maxSize: z.ZodOptional<z.ZodString>;
+    grow: z.ZodDefault<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    grow: number;
+    minSize?: string | undefined;
+    maxSize?: string | undefined;
+}, {
+    grow?: number | undefined;
+    minSize?: string | undefined;
+    maxSize?: string | undefined;
+}>;
+export declare function HStack(options?: HStackOptions): ComponentBuilder<HStackOptions>;
+export declare function VStack(options?: VStackOptions): ComponentBuilder<VStackOptions>;
+export declare function Spacer(options?: SpacerOptions): ComponentBuilder<SpacerOptions>;

package/dist/base/stack.js

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpacerSchema = exports.VStackSchema = exports.HStackSchema = void 0;
+exports.HStack = HStack;
+exports.VStack = VStack;
+exports.Spacer = Spacer;
+const component_1 = require("../component");
+const zod_1 = require("zod");
+const block_registry_1 = require("./block-registry");
+const H_STACK_COMPONENT_NAME = "dms-h-stack";
+const V_STACK_COMPONENT_NAME = "dms-v-stack";
+const SPACER_COMPONENT_NAME = "dms-spacer";
+const STACK_DEFAULTS = {
+    alignment: "center",
+    distribution: "start",
+    spacing: "8px",
+};
+const H_STACK_DEFAULT_WRAP = false;
+const SPACER_DEFAULT_GROW = 1;
+const ALIGNMENTS = ["start", "center", "end", "stretch"];
+const DISTRIBUTIONS = [
+    "start",
+    "center",
+    "end",
+    "space-between",
+    "space-around",
+    "space-evenly",
+];
+const alignmentOption = () => (0, block_registry_1.ui)(zod_1.z
+    .enum(ALIGNMENTS)
+    .default(STACK_DEFAULTS.alignment)
+    .describe("Alignment of children across the stack."), { label: "Alignment", group: "layout", widget: "segmented" });
+const distributionOption = () => (0, block_registry_1.ui)(zod_1.z
+    .enum(DISTRIBUTIONS)
+    .default(STACK_DEFAULTS.distribution)
+    .describe("Distribution of children along the stack."), { label: "Distribution", group: "layout", widget: "select" });
+const spacingOption = () => (0, block_registry_1.ui)(zod_1.z
+    .string()
+    .default(STACK_DEFAULTS.spacing)
+    .describe("Space between children, as a CSS length."), { label: "Spacing", group: "layout" });
+exports.HStackSchema = zod_1.z.object({
+    alignment: alignmentOption(),
+    distribution: distributionOption(),
+    spacing: spacingOption(),
+    wrap: (0, block_registry_1.ui)(zod_1.z
+        .boolean()
+        .default(H_STACK_DEFAULT_WRAP)
+        .describe("Wrap children onto a new line when the row runs out of space."), { label: "Wrap", group: "layout", widget: "switch" }),
+});
+exports.VStackSchema = zod_1.z.object({
+    alignment: alignmentOption(),
+    distribution: distributionOption(),
+    spacing: spacingOption(),
+});
+exports.SpacerSchema = zod_1.z.object({
+    minSize: (0, block_registry_1.ui)(zod_1.z.string().optional().describe("Smallest size the spacer shrinks to."), { label: "Minimum size", group: "layout" }),
+    maxSize: (0, block_registry_1.ui)(zod_1.z.string().optional().describe("Largest size the spacer grows to."), { label: "Maximum size", group: "layout" }),
+    grow: (0, block_registry_1.ui)(zod_1.z
+        .number()
+        .default(SPACER_DEFAULT_GROW)
+        .describe("Share of the leftover space the spacer takes."), { label: "Grow", group: "layout", widget: "number", min: 0 }),
+});
+function HStack(options) {
+    return new component_1.ComponentBuilder(H_STACK_COMPONENT_NAME)
+        .options({
+        ...STACK_DEFAULTS,
+        wrap: H_STACK_DEFAULT_WRAP,
+        ...options,
+    })
+        .meta({
+        name: "HStack",
+        icon: "i-ph-rows",
+    });
+}
+function VStack(options) {
+    return new component_1.ComponentBuilder(V_STACK_COMPONENT_NAME)
+        .options({
+        ...STACK_DEFAULTS,
+        ...options,
+    })
+        .meta({
+        name: "VStack",
+        icon: "i-ph-columns",
+    });
+}
+function Spacer(options) {
+    return new component_1.ComponentBuilder(SPACER_COMPONENT_NAME)
+        .options({
+        grow: SPACER_DEFAULT_GROW,
+        ...options,
+    })
+        .meta({
+        name: "Spacer",
+        icon: "i-ph-arrow-line-right",
+    });
+}
+(0, block_registry_1.RegisterBlockType)({
+    type: "HStack",
+    componentName: H_STACK_COMPONENT_NAME,
+    schema: exports.HStackSchema,
+    container: true,
+    meta: {
+        name: "Horizontal stack",
+        icon: "i-ph-rows",
+        description: "Lays its children out in a row.",
+        group: "layout",
+    },
+});
+(0, block_registry_1.RegisterBlockType)({
+    type: "VStack",
+    componentName: V_STACK_COMPONENT_NAME,
+    schema: exports.VStackSchema,
+    container: true,
+    meta: {
+        name: "Vertical stack",
+        icon: "i-ph-columns",
+        description: "Lays its children out in a column.",
+        group: "layout",
+    },
+});
+(0, block_registry_1.RegisterBlockType)({
+    type: "Spacer",
+    componentName: SPACER_COMPONENT_NAME,
+    schema: exports.SpacerSchema,
+    meta: {
+        name: "Spacer",
+        icon: "i-ph-arrow-line-right",
+        description: "Flexible gap that pushes stack children apart.",
+        group: "layout",
+    },
+});
+//# sourceMappingURL=stack.js.map

package/dist/base/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/base/stack.ts"],"names":[],"mappings":"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"}

package/dist/base/tab.d.ts

@@ -0,0 +1,174 @@
+import { ComponentBuilder } from "../component";
+import { z } from "zod";
+import type { BaseComponentProps } from "./types/base-component-props";
+import { Color } from "./types/color";
+import { AxeOrientation } from "./types/orientation";
+import { Size } from "./types/size";
+export declare namespace TabEvents {
+    const TAB_CHANGE = "DmsComponent.Tab.Change";
+}
+export declare enum TabVariant {
+    pill = "pill",
+    link = "link"
+}
+export interface BadgeProps {
+    label?: string | number;
+    color?: string;
+    variant?: "solid" | "outline" | "soft" | "subtle";
+    size?: Size;
+}
+export interface TabItem {
+    label: string;
+    slot: string;
+    icon?: string;
+    badge?: string | number | BadgeProps;
+    disabled?: boolean;
+    shortcut?: string;
+    avatar?: {
+        src?: string;
+        alt?: string;
+        size?: Size;
+    };
+}
+export interface TabProps extends BaseComponentProps {
+    items: TabItem[];
+    color?: Color;
+    size?: Size;
+    variant?: TabVariant;
+    orientation?: AxeOrientation;
+    unmountOnHide?: boolean;
+    persistState?: boolean;
+    stateKey?: string;
+}
+export declare const Tab: (options: TabProps) => ComponentBuilder<TabProps>;
+export declare const TabSchema: z.ZodObject<{
+    items: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        slot: z.ZodString;
+        icon: z.ZodOptional<z.ZodString>;
+        badge: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodObject<{
+            label: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+            color: z.ZodOptional<z.ZodString>;
+            variant: z.ZodOptional<z.ZodEnum<["solid", "outline", "soft", "subtle"]>>;
+            size: z.ZodOptional<z.ZodNativeEnum<typeof Size>>;
+        }, "strip", z.ZodTypeAny, {
+            variant?: "outline" | "solid" | "soft" | "subtle" | undefined;
+            color?: string | undefined;
+            label?: string | number | undefined;
+            size?: Size | undefined;
+        }, {
+            variant?: "outline" | "solid" | "soft" | "subtle" | undefined;
+            color?: string | undefined;
+            label?: string | number | undefined;
+            size?: Size | undefined;
+        }>]>>;
+        disabled: z.ZodOptional<z.ZodBoolean>;
+        shortcut: z.ZodOptional<z.ZodString>;
+        avatar: z.ZodOptional<z.ZodObject<{
+            src: z.ZodOptional<z.ZodString>;
+            alt: z.ZodOptional<z.ZodString>;
+            size: z.ZodOptional<z.ZodNativeEnum<typeof Size>>;
+        }, "strip", z.ZodTypeAny, {
+            size?: Size | undefined;
+            alt?: string | undefined;
+            src?: string | undefined;
+        }, {
+            size?: Size | undefined;
+            alt?: string | undefined;
+            src?: string | undefined;
+        }>>;
+    }, "strip", z.ZodTypeAny, {
+        label: string;
+        slot: string;
+        disabled?: boolean | undefined;
+        icon?: string | undefined;
+        avatar?: {
+            size?: Size | undefined;
+            alt?: string | undefined;
+            src?: string | undefined;
+        } | undefined;
+        badge?: string | number | {
+            variant?: "outline" | "solid" | "soft" | "subtle" | undefined;
+            color?: string | undefined;
+            label?: string | number | undefined;
+            size?: Size | undefined;
+        } | undefined;
+        shortcut?: string | undefined;
+    }, {
+        label: string;
+        slot: string;
+        disabled?: boolean | undefined;
+        icon?: string | undefined;
+        avatar?: {
+            size?: Size | undefined;
+            alt?: string | undefined;
+            src?: string | undefined;
+        } | undefined;
+        badge?: string | number | {
+            variant?: "outline" | "solid" | "soft" | "subtle" | undefined;
+            color?: string | undefined;
+            label?: string | number | undefined;
+            size?: Size | undefined;
+        } | undefined;
+        shortcut?: string | undefined;
+    }>, "many">;
+    color: z.ZodOptional<z.ZodNativeEnum<typeof Color>>;
+    size: z.ZodOptional<z.ZodNativeEnum<typeof Size>>;
+    variant: z.ZodOptional<z.ZodNativeEnum<typeof TabVariant>>;
+    orientation: z.ZodOptional<z.ZodNativeEnum<typeof AxeOrientation>>;
+    unmountOnHide: z.ZodOptional<z.ZodBoolean>;
+    persistState: z.ZodOptional<z.ZodBoolean>;
+    stateKey: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    items: {
+        label: string;
+        slot: string;
+        disabled?: boolean | undefined;
+        icon?: string | undefined;
+        avatar?: {
+            size?: Size | undefined;
+            alt?: string | undefined;
+            src?: string | undefined;
+        } | undefined;
+        badge?: string | number | {
+            variant?: "outline" | "solid" | "soft" | "subtle" | undefined;
+            color?: string | undefined;
+            label?: string | number | undefined;
+            size?: Size | undefined;
+        } | undefined;
+        shortcut?: string | undefined;
+    }[];
+    variant?: TabVariant | undefined;
+    color?: Color | undefined;
+    size?: Size | undefined;
+    orientation?: AxeOrientation | undefined;
+    unmountOnHide?: boolean | undefined;
+    persistState?: boolean | undefined;
+    stateKey?: string | undefined;
+}, {
+    items: {
+        label: string;
+        slot: string;
+        disabled?: boolean | undefined;
+        icon?: string | undefined;
+        avatar?: {
+            size?: Size | undefined;
+            alt?: string | undefined;
+            src?: string | undefined;
+        } | undefined;
+        badge?: string | number | {
+            variant?: "outline" | "solid" | "soft" | "subtle" | undefined;
+            color?: string | undefined;
+            label?: string | number | undefined;
+            size?: Size | undefined;
+        } | undefined;
+        shortcut?: string | undefined;
+    }[];
+    variant?: TabVariant | undefined;
+    color?: Color | undefined;
+    size?: Size | undefined;
+    orientation?: AxeOrientation | undefined;
+    unmountOnHide?: boolean | undefined;
+    persistState?: boolean | undefined;
+    stateKey?: string | undefined;
+}>;