@neumorphism-ui/elements 1.0.0-next.2 → 1.0.0-next.3

package/dist/components/avatar/avatar.d.ts

@@ -3,7 +3,6 @@ export declare class NeuAvatar extends NeuElement {
     static def: import("../../ssr.js").ComponentDef<{
         readonly src: {
             readonly type: "string";
-            readonly reflect: true;
         };
         readonly label: {
             readonly type: "string";
@@ -15,13 +14,11 @@ export declare class NeuAvatar extends NeuElement {
             readonly type: "string";
             readonly default: "md";
             readonly values: readonly ["sm", "md", "lg"];
-            readonly reflect: true;
         };
         readonly shape: {
             readonly type: "string";
             readonly default: "circle";
             readonly values: readonly ["circle", "rounded"];
-            readonly reflect: true;
         };
     }>;
     src: string;

package/dist/components/avatar/avatar.def.d.ts

@@ -1,7 +1,6 @@
 export declare const avatarDef: import("../../core/define.js").ComponentDef<{
     readonly src: {
         readonly type: "string";
-        readonly reflect: true;
     };
     readonly label: {
         readonly type: "string";
@@ -13,12 +12,10 @@ export declare const avatarDef: import("../../core/define.js").ComponentDef<{
         readonly type: "string";
         readonly default: "md";
         readonly values: readonly ["sm", "md", "lg"];
-        readonly reflect: true;
     };
     readonly shape: {
         readonly type: "string";
         readonly default: "circle";
         readonly values: readonly ["circle", "rounded"];
-        readonly reflect: true;
     };
 }>;

package/dist/components/avatar/avatar.def.js

@@ -1,33 +1,19 @@
 import { defineComponent } from '../../core/define.js';
 import { html, unsafeHTML } from '../../core/html.js';
-import { themeCssProperties } from '../../core/styles.js';
 import { systemIconSvg } from '../icon/system-icons.js';
 import { avatarStyles } from './avatar.styles.js';
 export const avatarDef = defineComponent({
     tag: 'neu-avatar',
     props: {
-        src: { type: 'string', reflect: true },
+        src: { type: 'string' },
         label: { type: 'string' },
         initials: { type: 'string' },
-        size: { type: 'string', default: 'md', values: ['sm', 'md', 'lg'], reflect: true },
-        shape: { type: 'string', default: 'circle', values: ['circle', 'rounded'], reflect: true },
+        size: { type: 'string', default: 'md', values: ['sm', 'md', 'lg'] },
+        shape: { type: 'string', default: 'circle', values: ['circle', 'rounded'] },
     },
     styles: avatarStyles,
     template: (p) => {
-        const show = p.src ? 'image' : p.initials ? 'initials' : 'icon';
+        const show = p.src ? 'image' : p.initials.trim() ? 'initials' : 'icon';
         return html `<span part="base" class="base" data-ref="base" data-show="${show}"><img part="image" class="image" data-ref="image" alt=""${p.src ? html ` src="${p.src}"` : ''}><span part="initials" class="initials" data-ref="initials">${p.initials}</span><span part="icon" class="icon">${unsafeHTML(systemIconSvg('user') ?? '')}</span></span>`;
     },
-    docs: {
-        summary: 'A user picture that falls back to initials, then to a generic user icon. With `label` it is an image named by it; without, it is decorative and hidden from assistive technology.',
-        events: [],
-        slots: [],
-        parts: [
-            { name: 'base', description: 'The sized, raised wrapper.' },
-            { name: 'image', description: 'The picture.' },
-            { name: 'initials', description: 'The initials shown when there is no picture.' },
-            { name: 'icon', description: 'Wrapper around the fallback user icon.' },
-            { name: 'svg', description: 'The rendered fallback SVG element.' },
-        ],
-        cssProperties: themeCssProperties,
-    },
 });

package/dist/components/avatar/avatar.docs.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentDocs } from '../../core/define.js';
+export declare const avatarDocs: ComponentDocs;

package/dist/components/avatar/avatar.docs.js

@@ -0,0 +1,22 @@
+import { themeCssProperties } from '../theme-docs.js';
+export const avatarDocs = {
+    summary: 'A user picture that falls back to initials, then to a generic user icon. With `label` it is an image named by it; without, it is decorative and hidden from assistive technology.',
+    descriptions: {
+        src: 'URL of the picture; when it is missing, empty or fails to load, the initials or the icon show instead.',
+        label: 'Accessible name that turns the avatar into an image; without it the avatar is decorative.',
+        initials: "Text shown when there is no picture, such as a person's initials.",
+        size: 'The avatar size.',
+        shape: 'The outline of the avatar.',
+    },
+    events: [],
+    slots: [],
+    parts: [
+        { name: 'base', description: 'The sized, raised wrapper.' },
+        { name: 'image', description: 'The picture.' },
+        { name: 'initials', description: 'The initials shown when there is no picture.' },
+        { name: 'icon', description: 'Wrapper around the fallback user icon.' },
+        { name: 'svg', description: 'The rendered fallback SVG element.' },
+    ],
+    cssProperties: themeCssProperties,
+    keyboard: [],
+};

package/dist/components/avatar/avatar.js

@@ -13,6 +13,8 @@ export class NeuAvatar extends NeuElement {
         if (!img)
             return;
         img.addEventListener('error', () => this.setBroken(true));
+        // A load after an error (a stale one, from the previous src) means the current image is fine.
+        img.addEventListener('load', () => this.setBroken(false));
         // The error event may have fired before this element upgraded; it will not fire again. An SVG
         // without intrinsic size is not caught here: browsers give it a 300x150 (or viewBox) size.
         if (img.hasAttribute('src') && img.complete && img.naturalWidth === 0)
@@ -45,7 +47,11 @@ export class NeuAvatar extends NeuElement {
             base.dataset.show = show;
     }
     showing() {
-        return this.props.src && !this.broken ? 'image' : this.props.initials ? 'initials' : 'icon';
+        return this.props.src && !this.broken
+            ? 'image'
+            : String(this.props.initials).trim()
+                ? 'initials'
+                : 'icon';
     }
     setBroken(broken) {
         if (this.broken === broken)

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

@@ -5,11 +5,9 @@ export declare class NeuBadge extends NeuElement {
             readonly type: "string";
             readonly default: "neutral";
             readonly values: readonly ["neutral", "accent", "success", "warning", "danger"];
-            readonly reflect: true;
         };
         readonly pill: {
             readonly type: "boolean";
-            readonly reflect: true;
         };
     }>;
     variant: 'neutral' | 'accent' | 'success' | 'warning' | 'danger';

package/dist/components/badge/badge.def.d.ts

@@ -3,10 +3,8 @@ export declare const badgeDef: import("../../core/define.js").ComponentDef<{
         readonly type: "string";
         readonly default: "neutral";
         readonly values: readonly ["neutral", "accent", "success", "warning", "danger"];
-        readonly reflect: true;
     };
     readonly pill: {
         readonly type: "boolean";
-        readonly reflect: true;
     };
 }>;

package/dist/components/badge/badge.def.js

@@ -1,6 +1,5 @@
 import { defineComponent } from '../../core/define.js';
 import { html } from '../../core/html.js';
-import { themeCssProperties } from '../../core/styles.js';
 import { badgeStyles } from './badge.styles.js';
 export const badgeDef = defineComponent({
     tag: 'neu-badge',
@@ -9,21 +8,9 @@ export const badgeDef = defineComponent({
             type: 'string',
             default: 'neutral',
             values: ['neutral', 'accent', 'success', 'warning', 'danger'],
-            reflect: true,
         },
-        pill: { type: 'boolean', reflect: true },
+        pill: { type: 'boolean' },
     },
     styles: badgeStyles,
     template: () => html `<span part="base" class="base"><slot></slot></span>`,
-    docs: {
-        summary: 'A small raised label for status or counts.',
-        events: [],
-        slots: [{ name: '', description: 'The badge text.' }],
-        parts: [{ name: 'base', description: 'The badge itself.' }],
-        cssProperties: [
-            ...themeCssProperties,
-            { name: '--neu-success', description: 'Colour of the success variant.' },
-            { name: '--neu-warning', description: 'Colour of the warning variant.' },
-        ],
-    },
 });

package/dist/components/badge/badge.docs.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentDocs } from '../../core/define.js';
+export declare const badgeDocs: ComponentDocs;

package/dist/components/badge/badge.docs.js

@@ -0,0 +1,17 @@
+import { themeCssProperties } from '../theme-docs.js';
+export const badgeDocs = {
+    summary: 'A small raised label for status or counts.',
+    descriptions: {
+        variant: "The colour that conveys the badge's meaning.",
+        pill: 'Rounds the badge into a capsule shape.',
+    },
+    events: [],
+    slots: [{ name: '', description: 'The badge text.' }],
+    parts: [{ name: 'base', description: 'The badge itself.' }],
+    cssProperties: [
+        ...themeCssProperties,
+        { name: '--neu-success', description: 'Colour of the success variant.' },
+        { name: '--neu-warning', description: 'Colour of the warning variant.' },
+    ],
+    keyboard: [],
+};

package/dist/components/button/button.def.d.ts

@@ -3,26 +3,21 @@ export declare const buttonDef: import("../../core/define.js").ComponentDef<{
         readonly type: "string";
         readonly default: "default";
         readonly values: readonly ["default", "primary", "flat"];
-        readonly reflect: true;
     };
     readonly size: {
         readonly type: "string";
         readonly default: "md";
         readonly values: readonly ["sm", "md", "lg"];
-        readonly reflect: true;
     };
     readonly disabled: {
         readonly type: "boolean";
-        readonly reflect: true;
     };
     readonly loading: {
         readonly type: "boolean";
-        readonly reflect: true;
     };
     readonly type: {
         readonly type: "string";
         readonly default: "button";
         readonly values: readonly ["button", "submit", "reset"];
-        readonly reflect: true;
     };
 }>;

package/dist/components/button/button.def.js

@@ -1,6 +1,5 @@
 import { defineComponent } from '../../core/define.js';
 import { html } from '../../core/html.js';
-import { themeCssProperties } from '../../core/styles.js';
 import { buttonStyles } from './button.styles.js';
 export const buttonDef = defineComponent({
     tag: 'neu-button',
@@ -9,37 +8,16 @@ export const buttonDef = defineComponent({
             type: 'string',
             default: 'default',
             values: ['default', 'primary', 'flat'],
-            reflect: true,
         },
-        size: { type: 'string', default: 'md', values: ['sm', 'md', 'lg'], reflect: true },
-        disabled: { type: 'boolean', reflect: true },
-        loading: { type: 'boolean', reflect: true },
+        size: { type: 'string', default: 'md', values: ['sm', 'md', 'lg'] },
+        disabled: { type: 'boolean' },
+        loading: { type: 'boolean' },
         type: {
             type: 'string',
             default: 'button',
             values: ['button', 'submit', 'reset'],
-            reflect: true,
         },
     },
     styles: buttonStyles,
     template: () => html `<span part="base" class="base"><span part="prefix" class="prefix"><slot name="prefix"></slot></span><span part="label" class="label"><slot></slot></span><span part="suffix" class="suffix"><slot name="suffix"></slot></span><span part="spinner" class="spinner" aria-hidden="true"></span></span>`,
-    docs: {
-        summary: 'A raised button. Use variant="primary" for the main action of a view.',
-        events: [
-            { name: 'click', description: 'Fired on activation; never while disabled or loading.' },
-        ],
-        slots: [
-            { name: '', description: 'Button label.' },
-            { name: 'prefix', description: 'Content before the label, such as an icon.' },
-            { name: 'suffix', description: 'Content after the label.' },
-        ],
-        parts: [
-            { name: 'base', description: 'The raised surface.' },
-            { name: 'label', description: 'Wrapper around the default slot.' },
-            { name: 'prefix', description: 'Wrapper around the prefix slot.' },
-            { name: 'suffix', description: 'Wrapper around the suffix slot.' },
-            { name: 'spinner', description: 'Spinner shown while loading.' },
-        ],
-        cssProperties: themeCssProperties,
-    },
 });

package/dist/components/button/button.docs.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentDocs } from '../../core/define.js';
+export declare const buttonDocs: ComponentDocs;

package/dist/components/button/button.docs.js

@@ -0,0 +1,29 @@
+import { themeCssProperties } from '../theme-docs.js';
+export const buttonDocs = {
+    summary: 'A raised button. Use variant="primary" for the main action of a view.',
+    descriptions: {
+        variant: 'The visual emphasis of the button.',
+        size: 'The button size.',
+        disabled: 'Prevents interaction and dims the button.',
+        loading: 'Shows a spinner and blocks activation while work is in progress.',
+        type: 'What the button does inside a form; defaults to "button", which does nothing.',
+    },
+    events: [{ name: 'click', description: 'Fired on activation; never while disabled or loading.' }],
+    slots: [
+        { name: '', description: 'Button label.' },
+        { name: 'prefix', description: 'Content before the label, such as an icon.' },
+        { name: 'suffix', description: 'Content after the label.' },
+    ],
+    parts: [
+        { name: 'base', description: 'The raised surface.' },
+        { name: 'label', description: 'Wrapper around the default slot.' },
+        { name: 'prefix', description: 'Wrapper around the prefix slot.' },
+        { name: 'suffix', description: 'Wrapper around the suffix slot.' },
+        { name: 'spinner', description: 'Spinner shown while loading.' },
+    ],
+    cssProperties: themeCssProperties,
+    keyboard: [
+        { name: 'Enter', description: 'Activates the button on keydown.' },
+        { name: 'Space', description: 'Activates the button on keyup, like a native button.' },
+    ],
+};

package/dist/components/button-group/button-group.d.ts

@@ -3,13 +3,11 @@ export declare class NeuButtonGroup extends NeuElement {
     static def: import("../../ssr.js").ComponentDef<{
         readonly label: {
             readonly type: "string";
-            readonly reflect: true;
         };
         readonly orientation: {
             readonly type: "string";
             readonly default: "horizontal";
             readonly values: readonly ["horizontal", "vertical"];
-            readonly reflect: true;
         };
     }>;
     label: string;

package/dist/components/button-group/button-group.def.d.ts

@@ -1,12 +1,10 @@
 export declare const buttonGroupDef: import("../../core/define.js").ComponentDef<{
     readonly label: {
         readonly type: "string";
-        readonly reflect: true;
     };
     readonly orientation: {
         readonly type: "string";
         readonly default: "horizontal";
         readonly values: readonly ["horizontal", "vertical"];
-        readonly reflect: true;
     };
 }>;

package/dist/components/button-group/button-group.def.js

@@ -1,25 +1,16 @@
 import { defineComponent } from '../../core/define.js';
 import { html } from '../../core/html.js';
-import { themeCssProperties } from '../../core/styles.js';
 import { buttonGroupStyles } from './button-group.styles.js';
 export const buttonGroupDef = defineComponent({
     tag: 'neu-button-group',
     props: {
-        label: { type: 'string', reflect: true },
+        label: { type: 'string' },
         orientation: {
             type: 'string',
             default: 'horizontal',
             values: ['horizontal', 'vertical'],
-            reflect: true,
         },
     },
     styles: buttonGroupStyles,
     template: () => html `<span part="base" class="base"><slot></slot></span>`,
-    docs: {
-        summary: 'Merges adjacent buttons into one raised block.',
-        events: [],
-        slots: [{ name: '', description: 'neu-button and neu-icon-button elements.' }],
-        parts: [{ name: 'base', description: 'The raised wrapper around the buttons.' }],
-        cssProperties: themeCssProperties,
-    },
 });

package/dist/components/button-group/button-group.docs.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentDocs } from '../../core/define.js';
+export declare const buttonGroupDocs: ComponentDocs;

package/dist/components/button-group/button-group.docs.js

@@ -0,0 +1,13 @@
+import { themeCssProperties } from '../theme-docs.js';
+export const buttonGroupDocs = {
+    summary: 'Merges adjacent buttons into one raised block.',
+    descriptions: {
+        label: 'Accessible name of the group, announced by assistive technology.',
+        orientation: 'The direction the buttons are laid out in.',
+    },
+    events: [],
+    slots: [{ name: '', description: 'neu-button and neu-icon-button elements.' }],
+    parts: [{ name: 'base', description: 'The raised wrapper around the buttons.' }],
+    cssProperties: themeCssProperties,
+    keyboard: [],
+};

package/dist/components/checkbox/checkbox.d.ts

@@ -6,29 +6,25 @@ export declare class NeuCheckbox extends CheckableElement {
         };
         readonly indeterminate: {
             readonly type: "boolean";
+            readonly reflect: false;
         };
         readonly name: {
             readonly type: "string";
-            readonly reflect: true;
         };
         readonly value: {
             readonly type: "string";
             readonly default: "on";
-            readonly reflect: true;
         };
         readonly disabled: {
             readonly type: "boolean";
-            readonly reflect: true;
         };
         readonly required: {
             readonly type: "boolean";
-            readonly reflect: true;
         };
         readonly size: {
             readonly type: "string";
             readonly default: "md";
             readonly values: readonly ["sm", "md", "lg"];
-            readonly reflect: true;
         };
     }>;
     /** Only Space toggles, like a native checkbox. */

package/dist/components/checkbox/checkbox.def.d.ts

@@ -4,28 +4,24 @@ export declare const checkboxDef: import("../../core/define.js").ComponentDef<{
     };
     readonly indeterminate: {
         readonly type: "boolean";
+        readonly reflect: false;
     };
     readonly name: {
         readonly type: "string";
-        readonly reflect: true;
     };
     readonly value: {
         readonly type: "string";
         readonly default: "on";
-        readonly reflect: true;
     };
     readonly disabled: {
         readonly type: "boolean";
-        readonly reflect: true;
     };
     readonly required: {
         readonly type: "boolean";
-        readonly reflect: true;
     };
     readonly size: {
         readonly type: "string";
         readonly default: "md";
         readonly values: readonly ["sm", "md", "lg"];
-        readonly reflect: true;
     };
 }>;

package/dist/components/checkbox/checkbox.def.js

@@ -1,6 +1,5 @@
 import { defineComponent } from '../../core/define.js';
 import { html, unsafeHTML } from '../../core/html.js';
-import { themeCssProperties } from '../../core/styles.js';
 import { checkBody, minusBody, svgWrap } from '../icon/system-icons.js';
 import { checkboxStyles } from './checkbox.styles.js';
 const checkSvg = unsafeHTML(svgWrap(checkBody));
@@ -9,29 +8,14 @@ export const checkboxDef = defineComponent({
     tag: 'neu-checkbox',
     props: {
         checked: { type: 'boolean' },
-        indeterminate: { type: 'boolean' },
-        name: { type: 'string', reflect: true },
-        value: { type: 'string', default: 'on', reflect: true },
-        disabled: { type: 'boolean', reflect: true },
-        required: { type: 'boolean', reflect: true },
-        size: { type: 'string', default: 'md', values: ['sm', 'md', 'lg'], reflect: true },
+        indeterminate: { type: 'boolean', reflect: false },
+        name: { type: 'string' },
+        value: { type: 'string', default: 'on' },
+        disabled: { type: 'boolean' },
+        required: { type: 'boolean' },
+        size: { type: 'string', default: 'md', values: ['sm', 'md', 'lg'] },
     },
     form: { valueProp: 'checked' },
     styles: checkboxStyles,
     template: (p) => html `<span part="base" class="base"><span part="control" class="control${p.checked ? ' on' : ''}${p.indeterminate ? ' mixed' : ''}" data-ref="control"><span part="indicator" class="indicator">${checkSvg}${minusSvg}</span></span><span part="label" class="label"><slot></slot></span></span>`,
-    docs: {
-        summary: 'A checkbox. The checked attribute is the default state; indeterminate is a property whose attribute only sets the initial state.',
-        events: [
-            { name: 'input', description: 'Fired when the user toggles the checkbox.' },
-            { name: 'change', description: 'Fired after input when the user toggles the checkbox.' },
-        ],
-        slots: [{ name: '', description: 'Label; also the accessible name.' }],
-        parts: [
-            { name: 'base', description: 'Wrapper around control and label.' },
-            { name: 'control', description: 'The inset box.' },
-            { name: 'indicator', description: 'The check or minus mark.' },
-            { name: 'label', description: 'Wrapper around the default slot.' },
-        ],
-        cssProperties: themeCssProperties,
-    },
 });

package/dist/components/checkbox/checkbox.docs.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentDocs } from '../../core/define.js';
+export declare const checkboxDocs: ComponentDocs;

package/dist/components/checkbox/checkbox.docs.js

@@ -0,0 +1,27 @@
+import { themeCssProperties } from '../theme-docs.js';
+export const checkboxDocs = {
+    summary: 'A checkbox. The checked attribute is the default state; indeterminate is a property that the attribute also sets.',
+    descriptions: {
+        checked: 'Whether the checkbox is currently checked.',
+        indeterminate: 'Shows the mixed state; the attribute is observed, so changing it later also sets the property.',
+        name: 'The name under which the value is submitted with a form.',
+        value: 'The value submitted with the form while the checkbox is checked; defaults to "on".',
+        disabled: 'Prevents interaction and leaves the checkbox out of form submission.',
+        required: 'Makes the form invalid until the checkbox is checked.',
+        size: 'The checkbox size.',
+        defaultChecked: 'Whether the checkbox starts checked, which a form reset restores; set by the checked attribute.',
+    },
+    events: [
+        { name: 'input', description: 'Fired when the user toggles the checkbox.' },
+        { name: 'change', description: 'Fired after input when the user toggles the checkbox.' },
+    ],
+    slots: [{ name: '', description: 'Label; also the accessible name.' }],
+    parts: [
+        { name: 'base', description: 'Wrapper around control and label.' },
+        { name: 'control', description: 'The inset box.' },
+        { name: 'indicator', description: 'The check or minus mark.' },
+        { name: 'label', description: 'Wrapper around the default slot.' },
+    ],
+    cssProperties: themeCssProperties,
+    keyboard: [{ name: 'Space', description: 'Toggles the checkbox.' }],
+};

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

@@ -5,7 +5,6 @@ export declare class NeuDivider extends NeuElement {
             readonly type: "string";
             readonly default: "horizontal";
             readonly values: readonly ["horizontal", "vertical"];
-            readonly reflect: true;
         };
     }>;
     orientation: 'horizontal' | 'vertical';

package/dist/components/divider/divider.def.d.ts

@@ -3,6 +3,5 @@ export declare const dividerDef: import("../../core/define.js").ComponentDef<{
         readonly type: "string";
         readonly default: "horizontal";
         readonly values: readonly ["horizontal", "vertical"];
-        readonly reflect: true;
     };
 }>;

package/dist/components/divider/divider.def.js

@@ -1,6 +1,5 @@
 import { defineComponent } from '../../core/define.js';
 import { html } from '../../core/html.js';
-import { themeCssProperties } from '../../core/styles.js';
 import { dividerStyles } from './divider.styles.js';
 export const dividerDef = defineComponent({
     tag: 'neu-divider',
@@ -9,16 +8,8 @@ export const dividerDef = defineComponent({
             type: 'string',
             default: 'horizontal',
             values: ['horizontal', 'vertical'],
-            reflect: true,
         },
     },
     styles: dividerStyles,
     template: () => html `<span part="base" class="base"></span>`,
-    docs: {
-        summary: 'A thin engraved line that separates content.',
-        events: [],
-        slots: [],
-        parts: [{ name: 'base', description: 'The engraved line.' }],
-        cssProperties: themeCssProperties,
-    },
 });

package/dist/components/divider/divider.docs.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentDocs } from '../../core/define.js';
+export declare const dividerDocs: ComponentDocs;

package/dist/components/divider/divider.docs.js

@@ -0,0 +1,12 @@
+import { themeCssProperties } from '../theme-docs.js';
+export const dividerDocs = {
+    summary: 'A thin engraved line that separates content.',
+    descriptions: {
+        orientation: 'The direction the line runs in.',
+    },
+    events: [],
+    slots: [],
+    parts: [{ name: 'base', description: 'The engraved line.' }],
+    cssProperties: themeCssProperties,
+    keyboard: [],
+};

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

@@ -3,16 +3,13 @@ export declare class NeuIcon extends NeuElement {
     static def: import("../../ssr.js").ComponentDef<{
         readonly name: {
             readonly type: "string";
-            readonly reflect: true;
         };
         readonly library: {
             readonly type: "string";
             readonly default: "system";
-            readonly reflect: true;
         };
         readonly label: {
             readonly type: "string";
-            readonly reflect: true;
         };
     }>;
     name: string;

package/dist/components/icon/icon.def.d.ts

@@ -1,15 +1,12 @@
 export declare const iconDef: import("../../core/define.js").ComponentDef<{
     readonly name: {
         readonly type: "string";
-        readonly reflect: true;
     };
     readonly library: {
         readonly type: "string";
         readonly default: "system";
-        readonly reflect: true;
     };
     readonly label: {
         readonly type: "string";
-        readonly reflect: true;
     };
 }>;