@ccn-ui-kit/breadcrumb 0.1.2

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u={separator:{type:String,default:"/"}},n=Symbol("ui-breadcrumb-separator"),d={class:"ui-breadcrumb","aria-label":"breadcrumb"},m={class:"ui-breadcrumb__list"},c=e.defineComponent({__name:"breadcrumb",props:u,setup(t){const r=t;return e.provide(n,r.separator),(o,s)=>(e.openBlock(),e.createElementBlock("nav",d,[e.createElementVNode("ol",m,[e.renderSlot(o.$slots,"default")])]))}}),l={to:{type:String,default:""},replace:{type:Boolean,default:!1}},p={class:"ui-breadcrumb__item"},b={class:"ui-breadcrumb__separator"},i=e.defineComponent({__name:"breadcrumb-item",props:l,setup(t){const r=t,o=e.inject(n,"/");function s(a){r.to&&!r.replace&&(window.history.pushState(null,"",r.to),window.dispatchEvent(new PopStateEvent("popstate")),a.preventDefault())}return(a,f)=>(e.openBlock(),e.createElementBlock("li",p,[e.createCommentVNode(" 当前页（无 to）用 span，可点击项（有 to）用 a "),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.to?"a":"span"),{class:"ui-breadcrumb__inner",href:r.to,onClick:e.withModifiers(s,["prevent"])},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["href"])),e.createElementVNode("span",b,e.toDisplayString(e.unref(o)),1)]))}}),_={name:"UiBreadcrumb",install(t){t.component("UiBreadcrumb",c),t.component("UiBreadcrumbItem",i)}};exports.Breadcrumb=c;exports.BreadcrumbItem=i;exports.BreadcrumbPlugin=_;exports.breadcrumbItemProps=l;exports.breadcrumbProps=u;exports.breadcrumbSeparatorKey=n;exports.default=c;

package/dist/index.js

@@ -0,0 +1,64 @@
+import { defineComponent as s, provide as l, openBlock as o, createElementBlock as c, createElementVNode as i, renderSlot as u, inject as m, createCommentVNode as d, createBlock as b, resolveDynamicComponent as _, withModifiers as f, withCtx as h, toDisplayString as B, unref as y } from "vue";
+const S = {
+  separator: { type: String, default: "/" }
+}, p = Symbol("ui-breadcrumb-separator"), v = {
+  class: "ui-breadcrumb",
+  "aria-label": "breadcrumb"
+}, w = { class: "ui-breadcrumb__list" }, C = /* @__PURE__ */ s({
+  __name: "breadcrumb",
+  props: S,
+  setup(e) {
+    return l(p, e.separator), (r, n) => (o(), c("nav", v, [
+      i("ol", w, [
+        u(r.$slots, "default")
+      ])
+    ]));
+  }
+}), k = {
+  to: { type: String, default: "" },
+  replace: { type: Boolean, default: !1 }
+}, $ = { class: "ui-breadcrumb__item" }, g = { class: "ui-breadcrumb__separator" }, E = /* @__PURE__ */ s({
+  __name: "breadcrumb-item",
+  props: k,
+  setup(e) {
+    const t = e, r = m(p, "/");
+    function n(a) {
+      t.to && !t.replace && (window.history.pushState(null, "", t.to), window.dispatchEvent(new PopStateEvent("popstate")), a.preventDefault());
+    }
+    return (a, P) => (o(), c("li", $, [
+      d(" 当前页（无 to）用 span，可点击项（有 to）用 a "),
+      (o(), b(_(t.to ? "a" : "span"), {
+        class: "ui-breadcrumb__inner",
+        href: t.to,
+        onClick: f(n, ["prevent"])
+      }, {
+        default: h(() => [
+          u(a.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["href"])),
+      i(
+        "span",
+        g,
+        B(y(r)),
+        1
+        /* TEXT */
+      )
+    ]));
+  }
+}), I = {
+  name: "UiBreadcrumb",
+  install(e) {
+    e.component("UiBreadcrumb", C), e.component("UiBreadcrumbItem", E);
+  }
+};
+export {
+  C as Breadcrumb,
+  E as BreadcrumbItem,
+  I as BreadcrumbPlugin,
+  k as breadcrumbItemProps,
+  S as breadcrumbProps,
+  p as breadcrumbSeparatorKey,
+  C as default
+};

package/dist/packages/components/__tests__/loading.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/packages/components/badge/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Badge } from './src/badge.vue';
+
+export declare const BadgePlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Badge };
+export default Badge;
+export * from './src/badge';

package/dist/packages/components/badge/src/badge.d.ts

@@ -0,0 +1,25 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const badgeProps: {
+    readonly value: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly isDot: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly hidden: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "danger";
+    };
+};
+export type BadgeProps = ExtractPropTypes<typeof badgeProps>;

package/dist/packages/components/breadcrumb/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as Breadcrumb } from './src/breadcrumb.vue';
+import { default as BreadcrumbItem } from './src/breadcrumb-item.vue';
+
+export declare const BreadcrumbPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Breadcrumb, BreadcrumbItem };
+export default Breadcrumb;
+export * from './src/breadcrumb';
+export * from './src/breadcrumb-item';

package/dist/packages/components/breadcrumb/src/breadcrumb-item.d.ts

@@ -0,0 +1,13 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const breadcrumbItemProps: {
+    readonly to: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly replace: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>;

package/dist/packages/components/breadcrumb/src/breadcrumb-item.vue.d.ts

@@ -0,0 +1,32 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly to: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly replace: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly to: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly replace: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    readonly to: string;
+    readonly replace: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/packages/components/breadcrumb/src/breadcrumb.d.ts

@@ -0,0 +1,10 @@
+import { ExtractPropTypes, InjectionKey } from 'vue';
+
+export declare const breadcrumbProps: {
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "/";
+    };
+};
+export type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>;
+export declare const breadcrumbSeparatorKey: InjectionKey<string>;

package/dist/packages/components/breadcrumb/src/breadcrumb.vue.d.ts

@@ -0,0 +1,23 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "/";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "/";
+    };
+}>> & Readonly<{}>, {
+    readonly separator: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/packages/components/button/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Button } from './src/button.vue';
+
+export declare const ButtonPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Button };
+export default Button;
+export * from './src/button';

package/dist/packages/components/button/src/button.d.ts

@@ -0,0 +1,25 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const buttonProps: {
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "default";
+    };
+    readonly size: {
+        readonly type: StringConstructor;
+        readonly default: "medium";
+    };
+    readonly plain: BooleanConstructor;
+    readonly round: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly loading: BooleanConstructor;
+    /** 原生 button 的 type，默认 button（避免误触发表单提交） */
+    readonly 'native-type': {
+        readonly type: StringConstructor;
+        readonly default: "button";
+    };
+};
+export declare const buttonEmits: {
+    click: (e: MouseEvent) => boolean;
+};
+export type ButtonProps = ExtractPropTypes<typeof buttonProps>;

package/dist/packages/components/date-picker/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as DatePicker } from './src/date-picker.vue';
+
+export declare const DatePickerPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { DatePicker };
+export default DatePicker;
+export * from './src/date-picker';

package/dist/packages/components/date-picker/src/date-picker.d.ts

@@ -0,0 +1,20 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const datePickerProps: {
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择日期";
+    };
+    readonly disabled: BooleanConstructor;
+    readonly clearable: BooleanConstructor;
+};
+export declare const datePickerEmits: {
+    'update:modelValue': (val: string) => boolean;
+    change: (val: string) => boolean;
+    clear: () => boolean;
+};
+export type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;

package/dist/packages/components/descriptions/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as Descriptions } from './src/descriptions.vue';
+import { default as DescriptionsItem } from './src/descriptions-item.vue';
+
+export declare const DescriptionsPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Descriptions, DescriptionsItem };
+export default Descriptions;
+export * from './src/descriptions';
+export * from './src/descriptions-item';

package/dist/packages/components/descriptions/src/descriptions-item.d.ts

@@ -0,0 +1,13 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const descriptionsItemProps: {
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly span: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+};
+export type DescriptionsItemProps = ExtractPropTypes<typeof descriptionsItemProps>;

package/dist/packages/components/descriptions/src/descriptions.d.ts

@@ -0,0 +1,17 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const descriptionsProps: {
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly column: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type DescriptionsProps = ExtractPropTypes<typeof descriptionsProps>;

package/dist/packages/components/divider/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Divider } from './src/divider.vue';
+
+export declare const DividerPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Divider };
+export default Divider;
+export * from './src/divider';

package/dist/packages/components/divider/src/divider.d.ts

@@ -0,0 +1,20 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const dividerProps: {
+    /** 分割线方向 */
+    readonly direction: {
+        readonly type: StringConstructor;
+        readonly default: "horizontal";
+    };
+    /** 文案在分割线上的位置 */
+    readonly contentPosition: {
+        readonly type: StringConstructor;
+        readonly default: "center";
+    };
+    /** 是否使用虚线 */
+    readonly dashed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type DividerProps = ExtractPropTypes<typeof dividerProps>;

package/dist/packages/components/dropdown/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as Dropdown } from './src/dropdown.vue';
+import { default as DropdownItem } from './src/dropdown-item.vue';
+
+export declare const DropdownPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Dropdown, DropdownItem };
+export default Dropdown;
+export * from './src/dropdown';
+export * from './src/dropdown-item';

package/dist/packages/components/dropdown/src/dropdown-item.d.ts

@@ -0,0 +1,20 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const dropdownItemProps: {
+    /** 点击时通过 command 事件回传的标识 */
+    readonly command: {
+        readonly type: [StringConstructor, NumberConstructor, ObjectConstructor, BooleanConstructor];
+        readonly default: undefined;
+    };
+    /** 是否禁用 */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 是否显示上方分隔线 */
+    readonly divided: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;

package/dist/packages/components/dropdown/src/dropdown.d.ts

@@ -0,0 +1,46 @@
+import { ExtractPropTypes, InjectionKey } from 'vue';
+
+export declare const dropdownProps: {
+    /** 触发方式：hover | click | contextmenu */
+    readonly trigger: {
+        readonly type: StringConstructor;
+        readonly default: "hover";
+    };
+    /** 面板弹出位置 */
+    readonly placement: {
+        readonly type: StringConstructor;
+        readonly default: "bottom-start";
+    };
+    /** 点击菜单项后是否自动关闭 */
+    readonly hideOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** hover 打开延迟（ms） */
+    readonly showTimeout: {
+        readonly type: NumberConstructor;
+        readonly default: 150;
+    };
+    /** hover 关闭延迟（ms） */
+    readonly hideTimeout: {
+        readonly type: NumberConstructor;
+        readonly default: 150;
+    };
+    /** 是否禁用 */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export declare const dropdownEmits: {
+    /** 点击菜单项触发，参数为该项的 command */
+    command: (_command: unknown) => boolean;
+    /** 面板显隐变化 */
+    'visible-change': (_visible: boolean) => boolean;
+};
+export type DropdownProps = ExtractPropTypes<typeof dropdownProps>;
+/** 提供给 DropdownItem 的上下文 */
+export interface DropdownContext {
+    handleItemClick: (command: unknown) => void;
+}
+export declare const dropdownContextKey: InjectionKey<DropdownContext>;

package/dist/packages/components/form/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as Form } from './src/form.vue';
+import { default as FormItem } from './src/form-item.vue';
+
+export declare const FormPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Form, FormItem };
+export default Form;
+export * from './src/form';
+export * from './src/form-item';

package/dist/packages/components/form/src/form-item.d.ts

@@ -0,0 +1,45 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { FormItemRules, FormLabelPosition } from './form';
+
+export declare const formItemProps: {
+    /** 字段名（对应 form 的 model 上的 key）；留空则仅做布局分组，不参与校验 */
+    readonly prop: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 标签文案 */
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 标签宽度（覆盖 form 级 labelWidth） */
+    readonly labelWidth: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: undefined;
+    };
+    /** 标签位置（覆盖 form 级 labelPosition） */
+    readonly labelPosition: {
+        readonly type: PropType<FormLabelPosition>;
+        readonly default: undefined;
+    };
+    /** 便捷必填标记，等价于 rules: [{ required: true }] */
+    readonly required: BooleanConstructor;
+    /** 校验规则（与 form 级同 prop 规则合并，item 级优先） */
+    readonly rules: {
+        readonly type: PropType<FormItemRules>;
+        readonly default: undefined;
+    };
+    /** 外部受控错误信息，设置后直接展示 */
+    readonly error: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 是否显示校验错误提示 */
+    readonly showMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 单独禁用 */
+    readonly disabled: BooleanConstructor;
+};
+export type FormItemProps = ExtractPropTypes<typeof formItemProps>;

package/dist/packages/components/form/src/form.d.ts

@@ -0,0 +1,96 @@
+import { ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
+
+export type FormLabelPosition = 'left' | 'right' | 'top';
+export type ValidateTrigger = 'change' | 'blur' | 'submit';
+export type RuleType = 'string' | 'number' | 'boolean' | 'array' | 'date' | 'email' | 'url';
+export interface FormItemRule {
+    /** 必填校验（空值：'' / null / undefined） */
+    required?: boolean;
+    /** 类型校验（string / number / boolean / array / date / email / url） */
+    type?: RuleType;
+    /** 最小长度 / 值（string、array 按长度，number 按大小） */
+    min?: number;
+    /** 最大长度 / 值 */
+    max?: number;
+    /** 正则校验（仅在值非空时校验） */
+    pattern?: RegExp;
+    /** 自定义校验：true / undefined 通过，false 不通过，string 作为错误信息；支持返回 Promise（异步校验） */
+    validator?: (value: unknown, model: Record<string, unknown>) => boolean | string | void | Promise<boolean | string | void>;
+    /** 校验失败提示 */
+    message?: string;
+    /** 触发时机：change（未声明时的默认值）/ blur / submit，可传数组 */
+    trigger?: ValidateTrigger | ValidateTrigger[];
+}
+/** 单条规则或规则数组（item 级 rules 与 form 级同 prop 规则合并） */
+export type FormItemRules = FormItemRule | FormItemRule[];
+/** form 级 rules：prop → 规则 */
+export type FormRules = Record<string, FormItemRules>;
+export type FormValidateCallback = (isValid: boolean, invalidFields?: Record<string, string[]>) => void;
+/** form-item 注册进 form 的契约 */
+export interface FormItemContext {
+    getProp: () => string;
+    validate: (trigger?: ValidateTrigger) => Promise<boolean>;
+    resetField: () => void;
+    clearValidate: () => void;
+    getErrors: () => string[];
+}
+/** form 通过 provide 提供给 form-item 的上下文 */
+export interface FormContext {
+    model: Ref<Record<string, unknown>>;
+    rules: Ref<FormRules>;
+    labelWidth: Ref<number | string>;
+    labelPosition: Ref<FormLabelPosition>;
+    inline: Ref<boolean>;
+    disabled: Ref<boolean>;
+    validateOnChange: Ref<boolean>;
+    addField: (field: FormItemContext) => void;
+    removeField: (field: FormItemContext) => void;
+    resetField: (prop: string) => void;
+    clearValidate: (props?: string[]) => void;
+    validateField: (props?: string[], callback?: FormValidateCallback) => Promise<boolean>;
+}
+/** form 实例暴露的方法（ref 类型） */
+export interface FormInstance {
+    validate: (callback?: FormValidateCallback) => Promise<boolean>;
+    validateField: (props?: string[], callback?: FormValidateCallback) => Promise<boolean>;
+    resetFields: () => void;
+    clearValidate: (props?: string[]) => void;
+    scrollToField: (prop: string) => void;
+}
+export declare const formContextKey: InjectionKey<FormContext>;
+export declare const formProps: {
+    /** 表单数据（字段值都挂在这个对象上） */
+    readonly model: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: undefined;
+    };
+    /** 校验规则：{ prop: rule | rule[] } */
+    readonly rules: {
+        readonly type: PropType<FormRules>;
+        readonly default: () => {};
+    };
+    /** 标签宽度，number(px) 或 string */
+    readonly labelWidth: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: 90;
+    };
+    /** 标签位置 */
+    readonly labelPosition: {
+        readonly type: PropType<FormLabelPosition>;
+        readonly default: "right";
+    };
+    /** 行内布局（表单项水平排列） */
+    readonly inline: BooleanConstructor;
+    /** 整表禁用（提供到上下文，样式级生效，子控件可自行消费） */
+    readonly disabled: BooleanConstructor;
+    /** 字段 change / blur 时是否立即校验对应 trigger 的规则 */
+    readonly validateOnChange: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export declare const formEmits: {
+    /** 原生提交（先做整表校验），参数为是否校验通过 */
+    readonly submit: (isValid: boolean, model: Record<string, unknown>) => boolean;
+};
+export type FormProps = ExtractPropTypes<typeof formProps>;

package/dist/packages/components/icon/index.d.ts

@@ -0,0 +1,11 @@
+import { App } from 'vue';
+import { default as Icon } from './src/icon.vue';
+
+export declare const IconPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Icon };
+export default Icon;
+export * from './src/icon';
+export * from './src/icons';

package/dist/packages/components/icon/src/icon.d.ts

@@ -0,0 +1,18 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const iconProps: {
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly size: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: 16;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly spin: BooleanConstructor;
+};
+export type IconProps = ExtractPropTypes<typeof iconProps>;