@nova-design-system/nova-webcomponents 3.27.0 → 3.29.0

package/dist/esm/nv-toggle.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-BCjiE1MF.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-DU3Vhh_k.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { v as v4 } from './v4-BdYh22OP.js';
 
@@ -61,8 +61,8 @@ const NvToggle = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '626c2acc6992a641c5fd94509fd0ef171fd6d1c6', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h("div", { key: 'a9e4b73d740032520f6094bcada1f835b4bac16c', class: "input-container" }, h("input", { key: '1856dfa88421fecee06bdf098dcad22e69f34c00', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h("div", { key: '4c46bc519d38a66fdecf75cb15caf6d577d92856', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'fd61979a72a2b4e3254987beafd4b024fe1c6bae', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: '0e32e3e03ffda0633f881f41d2372a3d92d82f10', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '688d4160a48d85fa5049556de27f0a26f10ec549', class: "description" }, h("slot", { key: '006a61b40a49426bc7c70f1fe830aeb38ecdbf3b', name: "description" }, this.description))))));
+        return (h(Host, { key: '39ad1374bbf8cd5393a99dc4c18fa28091dc5e90', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h("div", { key: '3a8be2405404975398f1a0dae05c0855b913245f', class: "input-container" }, h("input", { key: 'b589b9faa5801f99e698d0e664e0a35779a1271f', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h("div", { key: 'a3308782b02b1c0eca3d6a1b87509674b9bc5c13', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '854b2ffe7bf61423512154ffe8b3b0351a2950a4', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: '933bf88b7841f3b2ed24c3bb86fb24159eaac900', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '5a04358d1be3b935239bb23e1466cc22ed2f3b48', class: "description" }, h("slot", { key: 'f5c1513eff6ee42bc171b0088baec634f8458197', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/nv-togglebutton.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-BCjiE1MF.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-DU3Vhh_k.js';
 
 const nvTogglebuttonCss = () => `nv-togglebutton{display:inline-flex;justify-content:center;align-items:center}nv-togglebutton:focus-visible,nv-togglebutton:has(:focus-visible){z-index:1}nv-togglebutton[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);height:var(--button-xs-height);font-size:var(--button-xs-font-size)}nv-togglebutton[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-togglebutton[size=xs]{padding-top:calc(var(--togglegroup-xs-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-xs-button-padding-y) - var(--togglegroup-stroke));border-radius:var(--togglegroup-xs-button-radius);height:calc((var(--togglegroup-xs-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);height:var(--button-sm-height);font-size:var(--button-sm-font-size)}nv-togglebutton[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-togglebutton[size=sm]{padding-top:calc(var(--togglegroup-sm-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-sm-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-sm-button-radius) + 1px);height:calc((var(--togglegroup-sm-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);height:var(--button-md-height);font-size:var(--button-md-font-size)}nv-togglebutton[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-togglebutton[size=md]{padding-top:calc(var(--togglegroup-md-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-md-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-md-button-radius) + 1px);height:calc((var(--togglegroup-md-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);height:var(--button-lg-height);font-size:var(--button-lg-font-size)}nv-togglebutton[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-togglebutton[size=lg]{padding-top:calc(var(--togglegroup-lg-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-lg-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-lg-button-radius) + 1px);height:calc((var(--togglegroup-lg-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[emphasis=high]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-togglebutton[emphasis=high]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-togglebutton[emphasis=high]:active{background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-togglebutton[emphasis=high]:focus,nv-togglebutton[emphasis=high]:focus-within{outline:none}nv-togglebutton[emphasis=high]:focus-visible,nv-togglebutton[emphasis=high]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-togglebutton[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=high][active]:not([active=false]){background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-togglebutton[emphasis=low]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-togglebutton[emphasis=low]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-togglebutton[emphasis=low]:active{background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-togglebutton[emphasis=low]:focus,nv-togglebutton[emphasis=low]:focus-within{outline:none}nv-togglebutton[emphasis=low]:focus-visible,nv-togglebutton[emphasis=low]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-togglebutton[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=low][active]:not([active=false]),nv-togglebutton[emphasis=low]:active{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}`;
 
@@ -52,7 +52,7 @@ const NvTogglebutton = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'd619862ae9db76a7ce34b05c4974d40e731a576e', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, h("slot", { key: '5bb9a32e26c3c404a9d2bab2bf7d573a501296a5' })));
+        return (h(Host, { key: '8e700d38ba155b977d4efa0d9e01b41e73fc4413', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, h("slot", { key: '92427015839f98b0d9238b8df6af8e08ee511153' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/nv-togglebuttongroup.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-BCjiE1MF.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-DU3Vhh_k.js';
 
 const nvTogglebuttongroupCss = () => `nv-togglebuttongroup{display:flex;gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);width:fit-content;padding:var(--togglegroup-lg-gap)}nv-togglebuttongroup[emphasis=high]{border:1px solid var(--components-togglegroup-high-border)}nv-togglebuttongroup[emphasis=low]{border:1px solid var(--components-togglegroup-low-border)}nv-togglebuttongroup[size=xs]{padding:calc(var(--togglegroup-xs-padding) - 1px);gap:var(--togglegroup-xs-gap);border-radius:var(--togglegroup-xs-radius);height:var(--togglegroup-xs-height)}nv-togglebuttongroup[size=sm]{padding:calc(var(--togglegroup-sm-padding) - 1px);gap:var(--togglegroup-sm-gap);border-radius:var(--togglegroup-sm-radius);height:var(--togglegroup-sm-height)}nv-togglebuttongroup[size=md]{padding:calc(var(--togglegroup-md-padding) - 1px);gap:var(--togglegroup-md-gap);border-radius:var(--togglegroup-md-radius);height:var(--togglegroup-md-height)}nv-togglebuttongroup[size=lg]{padding:calc(var(--togglegroup-lg-padding) - 1px);gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);height:var(--togglegroup-lg-height)}`;
 
@@ -151,7 +151,7 @@ const NvTogglebuttongroup = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '93a5693197f8b41b18ecef0132168e7f209ec86a' }, h("slot", { key: '3085cde261575115286c295eb416063ef14a7bf2' })));
+        return (h(Host, { key: '2026cb95db8b57f2a1cd4ea53608f336843b63fe' }, h("slot", { key: '5c06ab59d6c99e789c3a1c3a8a4842a0772ca3a2' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nv-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-BCjiE1MF.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-DU3Vhh_k.js';
 
 const nvTooltipCss = () => `nv-tooltip{display:inline-block;vertical-align:top;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip nv-popover{display:block;height:0;min-height:0;overflow:visible}nv-tooltip nv-popover>[data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip nv-popover>[data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}`;
 
@@ -34,15 +34,20 @@ const NvTooltip = class {
     /****************************************************************************/
     //#region LIFECYCLE
     componentDidRender() {
-        if (this.triggerElement || !this.defaultSlot)
+        if (!this.popoverElement)
             return;
-        this.popoverElement.triggerElement = this.defaultSlot?.nextSibling;
+        const trigger = this.triggerElement ??
+            this.defaultSlot?.nextElementSibling ??
+            this.el.querySelector(':scope > :not(nv-popover):not(slot):not([slot])');
+        if (trigger && this.popoverElement.triggerElement !== trigger) {
+            this.popoverElement.triggerElement = trigger;
+        }
     }
     //#endregion LIFECYCLE
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'f01e67c6f67c35beba40681c4bcd109886bbdbcf' }, h("nv-popover", { key: '47cd75161715752aeeae29223606e21c617a271a', ref: el => (this.popoverElement = el), triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay, onOpenChanged: e => this.openChanged.emit(e.detail) }, h("p", { key: 'fe5b09a6c0e4a67a50c9f43cb8344cee68e197f5', slot: "content" }, this.message), h("slot", { key: '4ef23e294baa1d5e60236ffec4a26439610030c1', name: "content" })), h("slot", { key: '5d8486923cd7cf99da69f4fa4d319dd5b5999cfa', ref: el => (this.defaultSlot = el) })));
+        return (h(Host, { key: '8285fbb412cb45cc7baf2936f0405c0438395c8d' }, h("nv-popover", { key: '29d70e9baa826de35d2cdca88f48610d70ec55e4', ref: el => (this.popoverElement = el), triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, groupName: 'tooltip', enterDelay: this.enterDelay, onOpenChanged: e => this.openChanged.emit(e.detail) }, h("p", { key: 'a9c907fa96f9c4108a8d84cec53981218c060811', slot: "content" }, this.message), h("slot", { key: 'af1b7ac8069071fe2d41e925f1c0090f8b6aaab5', name: "content" })), h("slot", { key: 'e5d3c6d16fb7e4a682b66e0016d9e4e30e5647e0', ref: el => (this.defaultSlot = el) })));
     }
     get el() { return getElement(this); }
 };

package/dist/lib/generators/docs-blazor.js

@@ -158,7 +158,10 @@ const augmentProps = (component) => {
         if (!prop.values)
             return prop; // Skip props without values
         const transformedValues = prop.values.map(value => {
-            return { ...value, type: convertToCSharpType(value.type) };
+            return {
+                ...value,
+                type: convertToCSharpType(value.type, prop.complexType?.original),
+            };
         });
         let propType = transformedValues[0]?.type; // Default to the first value's type
         if (transformedValues.length > 1) {
@@ -169,7 +172,13 @@ const augmentProps = (component) => {
                     ...value,
                     type: convertBlazorEnumValue(value.value),
                 }));
-                return { ...prop, type: propType, values: enumValues };
+                const propClassName = toPascalCase(prop.name) + 'Enum';
+                return {
+                    ...prop,
+                    type: propType,
+                    values: enumValues,
+                    complexType: { ...prop.complexType, propClassName },
+                };
             }
             else {
                 throw new Error(`Component '${component.tag}', property '${prop.name}': Unsupported union type in Blazor. Supported types: 'bool', 'double', 'enum'. Received: '${prop.type}'.`);

package/dist/lib/utils/parseToCSharpTypes.js

@@ -2,11 +2,12 @@
 import extract from "extract-comments";
 /**
  * Convert a TypeScript type to its C# equivalent
- * @param { string } tsType The TypeScript type
+ * @param { string } resolvedType The type as it is resolved by TypeScript
+ * @param { string } originalType The original reference name
  * @returns { string } The corresponding C# type
  */
-export const convertToCSharpType = (tsType) => {
-    const normalizedType = tsType.replace(/\s+/g, '');
+export const convertToCSharpType = (resolvedType, originalType) => {
+    const normalizedType = resolvedType.replace(/\s+/g, '');
     const unionParts = normalizedType.split('|');
     if (unionParts.includes('number') &&
         unionParts.length > 1 &&
@@ -15,19 +16,34 @@ export const convertToCSharpType = (tsType) => {
             .every(part => part === '""' || part === 'null' || part === 'undefined')) {
         return 'double';
     }
-    switch (tsType) {
+    switch (originalType) {
+        case 'TimeOnly':
+            return 'TimeOnly';
+        case 'DateOnly':
+            return 'DateOnly';
+    }
+    switch (resolvedType) {
         case 'string':
             return 'string';
         case 'number':
             return 'double';
         case 'boolean':
             return 'bool';
+        case 'Date':
+            return 'DateTimeOffset';
     }
-    const isArray = tsType.endsWith('[]');
-    let baseType = isArray ? tsType.slice(0, -2).trim() : tsType;
-    if (baseType.startsWith('{') && baseType.endsWith('}'))
-        baseType = 'object';
-    return isArray ? `${convertToCSharpType(baseType)}[]` : baseType;
+    const isArray = resolvedType.endsWith('[]');
+    const baseOriginalType = isArray
+        ? originalType?.slice(0, -2).trim()
+        : originalType;
+    let baseResolvedType = isArray
+        ? resolvedType.slice(0, -2).trim()
+        : resolvedType;
+    if (baseResolvedType.startsWith('{') && baseResolvedType.endsWith('}'))
+        baseResolvedType = 'object';
+    return isArray
+        ? `${convertToCSharpType(baseResolvedType, baseOriginalType)}[]`
+        : baseResolvedType;
 };
 /**
  * Checks for any recursive types (for example with the nv-menu component)
@@ -99,23 +115,24 @@ export const extractCommentsFromInterface = (interfaceString) => {
 export const parseCSharpObjectStructure = (objectTypeString, originalTypeString) => {
     const interfaceComments = extractCommentsFromInterface(originalTypeString);
     // Remove leading/trailing whitespace
-    const trimmed = objectTypeString.trim();
+    objectTypeString = objectTypeString.trim();
+    originalTypeString = originalTypeString?.trim();
     // If this isn't an object, handle it directly
-    if (!trimmed.startsWith('{')) {
-        return { type: convertToCSharpType(trimmed) };
+    if (!objectTypeString.startsWith('{')) {
+        return { type: convertToCSharpType(objectTypeString, originalTypeString) };
     }
     // Find the content between the outermost curly braces
     // We need to properly handle nested objects
     let depth = 0;
     let start = -1;
     let end = -1;
-    for (let i = 0; i < trimmed.length; i++) {
-        if (trimmed[i] === '{') {
+    for (let i = 0; i < objectTypeString.length; i++) {
+        if (objectTypeString[i] === '{') {
             if (depth === 0)
                 start = i;
             depth++;
         }
-        else if (trimmed[i] === '}') {
+        else if (objectTypeString[i] === '}') {
             depth--;
             if (depth === 0) {
                 end = i;
@@ -126,7 +143,7 @@ export const parseCSharpObjectStructure = (objectTypeString, originalTypeString)
     if (start === -1 || end === -1) {
         throw new Error(`Invalid object structure: ${objectTypeString}`);
     }
-    const innerContent = trimmed.substring(start + 1, end).trim();
+    const innerContent = objectTypeString.substring(start + 1, end).trim();
     // Parse the properties, respecting nested objects and structures
     const properties = {};
     // Split the content on semicolons, but only when not inside nested objects/arrays
@@ -157,6 +174,81 @@ export const parseCSharpObjectStructure = (objectTypeString, originalTypeString)
     // Add the last property if it exists
     if (current.trim())
         propStrings.push(current.trim());
+    // Parse originalTypeString into a property-name → original-type map
+    const originalTypes = {};
+    if (originalTypeString?.startsWith('{')) {
+        let oDepth = 0;
+        let oStart = -1;
+        let oEnd = -1;
+        for (let i = 0; i < originalTypeString.length; i++) {
+            if (originalTypeString[i] === '{') {
+                if (oDepth === 0)
+                    oStart = i;
+                oDepth++;
+            }
+            else if (originalTypeString[i] === '}') {
+                oDepth--;
+                if (oDepth === 0) {
+                    oEnd = i;
+                    break;
+                }
+            }
+        }
+        if (oStart !== -1 && oEnd !== -1) {
+            const originalInner = originalTypeString
+                .substring(oStart + 1, oEnd)
+                .trim();
+            const originalPropStrings = [];
+            let oCurrent = '';
+            let oCurrentDepth = 0;
+            let oInArray = false;
+            for (let i = 0; i < originalInner.length; i++) {
+                const char = originalInner[i];
+                if (char === '{')
+                    oCurrentDepth++;
+                else if (char === '}')
+                    oCurrentDepth--;
+                else if (char === '[')
+                    oInArray = true;
+                else if (char === ']')
+                    oInArray = false;
+                if (char === ';' && oCurrentDepth === 0 && !oInArray) {
+                    if (oCurrent.trim())
+                        originalPropStrings.push(oCurrent.trim());
+                    oCurrent = '';
+                }
+                else {
+                    oCurrent += char;
+                }
+            }
+            if (oCurrent.trim())
+                originalPropStrings.push(oCurrent.trim());
+            originalPropStrings.forEach(prop => {
+                let colonIdx = -1;
+                let od = 0;
+                let ad = 0;
+                for (let i = 0; i < prop.length; i++) {
+                    if (prop[i] === '{')
+                        od++;
+                    else if (prop[i] === '}')
+                        od--;
+                    else if (prop[i] === '[')
+                        ad++;
+                    else if (prop[i] === ']')
+                        ad--;
+                    else if (prop[i] === ':' && od === 0 && ad === 0) {
+                        colonIdx = i;
+                        break;
+                    }
+                }
+                if (colonIdx === -1)
+                    return;
+                const key = prop.substring(0, colonIdx).trim().replace(/\?$/, '');
+                const typeVal = prop.substring(colonIdx + 1).trim();
+                originalTypes[key] = typeVal;
+            });
+        }
+    }
     // Process each property
     propStrings.forEach(prop => {
         // Find the first colon that's not inside a nested object/array
@@ -193,13 +285,17 @@ export const parseCSharpObjectStructure = (objectTypeString, originalTypeString)
         };
         if (baseType.startsWith('{')) {
             // This is a nested object
-            const nestedStructure = parseCSharpObjectStructure(baseType);
+            const nestedStructure = parseCSharpObjectStructure(baseType, originalTypes[propertyName]);
             propertyDef.type = isArray ? 'object[]' : 'object';
             propertyDef.structure = nestedStructure;
         }
         else {
             // This is a primitive type
-            const csharpType = convertToCSharpType(baseType);
+            const originalPropType = originalTypes[propertyName];
+            const baseOriginalPropType = isArray && originalPropType?.endsWith('[]')
+                ? originalPropType.slice(0, -2).trim()
+                : originalPropType;
+            const csharpType = convertToCSharpType(baseType, baseOriginalPropType);
             propertyDef.type = isArray ? `${csharpType}[]` : csharpType;
         }
         propertyDef.comment = interfaceComments?.[propertyName] ?? 'N/A';

package/dist/lib/utils/test/parseToCSharpTypes.test.js

@@ -38,14 +38,17 @@ describe('util -> convertToCSharpType', () => {
         expect(convertToCSharpType('undefined')).toBe('undefined');
         expect(convertToCSharpType('void')).toBe('void');
     });
+    it('should convert Date to DateTimeOffset', () => {
+        expect(convertToCSharpType('Date')).toBe('DateTimeOffset');
+    });
     it('should return the original type if no mapping exists', () => {
-        expect(convertToCSharpType('Date')).toBe('Date');
         expect(convertToCSharpType('CustomType')).toBe('CustomType');
     });
     it('should handle array types', () => {
         expect(convertToCSharpType('string[]')).toBe('string[]');
         expect(convertToCSharpType('number[]')).toBe('double[]');
         expect(convertToCSharpType('boolean[]')).toBe('bool[]');
+        expect(convertToCSharpType('Date[]')).toBe('DateTimeOffset[]');
         expect(convertToCSharpType('CustomType[]')).toBe('CustomType[]');
     });
     it('should convert object types to "object"', () => {
@@ -56,6 +59,22 @@ describe('util -> convertToCSharpType', () => {
         expect(convertToCSharpType('{ foo: string }[]')).toBe('object[]');
         expect(convertToCSharpType('{ label: string; value: string; disabled?: boolean; }[]')).toBe('object[]');
     });
+    it('should return TimeOnly when originalType is TimeOnly', () => {
+        expect(convertToCSharpType('`${number}:${number}:${number}`', 'TimeOnly')).toBe('TimeOnly');
+    });
+    it('should return DateOnly when originalType is DateOnly', () => {
+        expect(convertToCSharpType('`${number}-${number}-${number}`', 'DateOnly')).toBe('DateOnly');
+    });
+    it('should handle TimeOnly array via originalType', () => {
+        expect(convertToCSharpType('`${number}:${number}:${number}`[]', 'TimeOnly[]')).toBe('TimeOnly[]');
+    });
+    it('should handle DateOnly array via originalType', () => {
+        expect(convertToCSharpType('`${number}-${number}-${number}`[]', 'DateOnly[]')).toBe('DateOnly[]');
+    });
+    it('should ignore originalType when it is not TimeOnly or DateOnly', () => {
+        expect(convertToCSharpType('string', 'SomeAlias')).toBe('string');
+        expect(convertToCSharpType('number', 'MyNumber')).toBe('double');
+    });
 });
 describe('util -> checkForRecursiveType', () => {
     it('marks recursive when structure keys match parent keys', () => {
@@ -247,4 +266,79 @@ describe('util -> parseCSharpObjectStructure', () => {
         expect(() => parseCSharpObjectStructure('{ unclosed: string;')).toThrow();
         expect(() => parseCSharpObjectStructure('malformed')).not.toThrow();
     });
+    it('should pass original type names to convertToCSharpType for TimeOnly', () => {
+        const result = parseCSharpObjectStructure('{ start?: `${number}:${number}:${number}`; end?: `${number}:${number}:${number}` }', '{ start?: TimeOnly; end?: TimeOnly }');
+        expect(result).toEqual({
+            start: {
+                type: 'TimeOnly',
+                optional: true,
+                comment: 'N/A',
+            },
+            end: {
+                type: 'TimeOnly',
+                optional: true,
+                comment: 'N/A',
+            },
+        });
+    });
+    it('should pass original type names to convertToCSharpType for DateOnly', () => {
+        const result = parseCSharpObjectStructure('{ date?: `${number}-${number}-${number}` }', '{ date?: DateOnly }');
+        expect(result).toEqual({
+            date: {
+                type: 'DateOnly',
+                optional: true,
+                comment: 'N/A',
+            },
+        });
+    });
+    it('should handle array types with original type names', () => {
+        const result = parseCSharpObjectStructure('{ times: `${number}:${number}:${number}`[] }', '{ times: TimeOnly[] }');
+        expect(result).toEqual({
+            times: {
+                type: 'TimeOnly[]',
+                optional: false,
+                comment: 'N/A',
+            },
+        });
+    });
+    it('should pass original type through nested object structures', () => {
+        const result = parseCSharpObjectStructure('{ range: { start?: `${number}:${number}:${number}`; end?: `${number}:${number}:${number}` } }', '{ range: { start?: TimeOnly; end?: TimeOnly } }');
+        expect(result).toEqual({
+            range: {
+                type: 'object',
+                optional: false,
+                comment: 'N/A',
+                structure: {
+                    start: {
+                        type: 'TimeOnly',
+                        optional: true,
+                        comment: 'N/A',
+                    },
+                    end: {
+                        type: 'TimeOnly',
+                        optional: true,
+                        comment: 'N/A',
+                    },
+                },
+            },
+        });
+    });
+    it('should handle mixed original types and regular types', () => {
+        const result = parseCSharpObjectStructure('{ label: string; time: `${number}:${number}:${number}`; count: number }', '{ label: string; time: TimeOnly; count: number }');
+        expect(result).toEqual({
+            label: { type: 'string', optional: false, comment: 'N/A' },
+            time: { type: 'TimeOnly', optional: false, comment: 'N/A' },
+            count: { type: 'double', optional: false, comment: 'N/A' },
+        });
+    });
+    it('should still work when originalTypeString is not provided', () => {
+        const result = parseCSharpObjectStructure('{ start?: `${number}:${number}:${number}` }');
+        expect(result).toEqual({
+            start: {
+                type: '`${number}:${number}:${number}`',
+                optional: true,
+                comment: 'N/A',
+            },
+        });
+    });
 });

package/dist/native/index.esm.js

@@ -1 +1 @@
-export{a as ButtonEmphasis,B as ButtonSize,b as ButtonType,C as CUSTOM_DAY_NAMES,i as CUSTOM_MONTH_NAMES,D as DeprecatedSemanticColors,F as FeedbackColors,G as GlobalFilterPosition,I as IconButtonShape,e as LabelPlacement,L as LoaderColors,c as NotificationEmphasis,N as NotificationPosition,S as SemanticSizes,h as SortingPossibility,f as TextInputAutocomplete,g as TimeType,T as ToggleButtonEmphasis,d as ToggleButtonSize,W as WEEK_ABBREVIATIONS}from"./p-BReL3Lsa.js";export{e as eventUtils}from"./p-B6GgGra-.js";export{u as uriUtils}from"./p-CnI0auJM.js";import{u as r}from"./p-sqVK8yoD.js";import{u as o}from"./p-13YSIyGW.js";import{u as t}from"./p-Blc6XEY7.js";import{u as s}from"./p-DmUOtOcY.js";import{p as l,t as n}from"./p-CgHCo_Ho.js";import{D as p,a as m,b as k,c as y,F as w,H as v,M as _,d as x,e as E,S as z,f as j,g as O,h as U,i as A,j as R,k as M,l as H,n as q,r as Y,s as P,m as K,o as X,p as Z,q as V,t as J}from"./p-BaF3Tuua.js";import"./p-xlgmw4x8.js";var Q=Object.freeze({__proto__:null,nameof:function(e){return e(new Proxy({},{get:(e,r)=>r}))}}),$=Object.freeze({__proto__:null,startsWithIgnoreCase:function(e,r){return!(!e||!r)&&e.toLowerCase().startsWith(r.toLowerCase())}}),ee=Object.freeze({__proto__:null,parallel:l,timeline:n,useCollapse:r,useFade:o,useGrow:t,useSlide:s}),re=Object.freeze({__proto__:null,DEFAULT_DEBOUNCE_DELAY:p,DEFAULT_FUZZY_THRESHOLD:m,DEFAULT_MAX_RESULTS:k,DEFAULT_WORKER_THRESHOLD:y,FUZZY_DEBOUNCE_DELAY:w,HARD_CAP_MAX_RESULTS:v,MAX_WORKER_THRESHOLD:_,MIN_MAX_RESULTS:x,MIN_WORKER_THRESHOLD:E,SearchWorkerClient:z,buildIndex:j,clampFuzzyThreshold:O,clampMaxResults:U,clampWorkerThreshold:A,clearFuzzyCache:R,getEffectiveFilterMode:M,isWorkerSupported:H,normalize:q,rebuildIndex:Y,search:P,searchFuzzy:K,searchSmart:X,searchStrict:Z,shouldUseWorker:V,tokenize:J});const oe=["access-point-off","access-point","accessible","activity","address-book","adjustments-horizontal","adjustments-up","adjustments","affiliate","air-conditioning","alert-circle","alert-square-rounded","alert-triangle","align-center","align-left","align-right","app-window","apps","archive","areas","arrow-back-up","arrow-back","arrow-down-left","arrow-down-right","arrow-down","arrow-forward-up","arrow-forward","arrow-left","arrow-right","arrow-up-left","arrow-up-right","arrow-up","arrows-diagonal","arrows-exchange","arrows-maximize","arrows-minimize","arrows-move","aspect-ratio","atom","ban","basket","battery-1","battery-2","battery-3","battery-4","battery-automotive","battery-charging","battery-eco","battery-off","battery","bell-bolt","bell-off","bell-ringing","bell","bike","bluetooth-connected","bluetooth-off","bluetooth","bolt-off","bolt","book","bookmark-off","bookmark","bookmarks","box-align-top","box-multiple","brand-facebook","brand-instagram","brand-linkedin","brand-x","brand-youtube","briefcase","brightness-down","brightness-up","browser-check","browser-plus","browser-x","browser","brush","building-bank","building-factory","building-lighthouse","building-store","building","bulb-off","bulb","cake","calendar-time","calendar","camera-off","camera","car-crane","car","caravan","cash-banknote","cash","cast","cell","charging-pile","chart-arcs","chart-area-line","chart-area","chart-arrows-vertical","chart-arrows","chart-bar","chart-bubble","chart-circles","chart-donut","chart-dots","chart-line","chart-pie","chart-radar","check","checkbox","checklist","checks","chevron-down","chevron-left","chevron-right","chevron-top","chevrons-left","chevrons-right","circle-caret-right","circle-check","circle-x","circuit-alternate","circuit-ground-digital","clipboard-check","clipboard-list","clipboard-plus","clipboard-text","clipboard-x","clipboard","clock-edit","clock","cloud-data-connection","cloud-download","cloud-rain","cloud-snow","cloud-upload","cloud","color-picker","color-swatch","columns-1","columns-2","columns-3","compass","contract","cookie","copy","cpu","crane","credit-card","crop","cross","crown","currency-bitcoin","currency-dollar","currency-ethereum","currency-euro","cut","dashboard","database","device-desktop","device-floppy","device-gamepad","device-laptop","device-mobile-rotated","device-mobile","device-tablet","device-watch","devices","dialpad","direction-horizontal","direction-sign","direction","discount","door-enter","door-exit","door-off","dots-vertical","dots","download","drone","droplet-filled","droplet-half","droplet","droplets","edit","empty","engine","equal-not","eraser-off","eraser","external-link","eye-check","eye-off","eye","eyeglass2","face-id","feather","file-alert","file-analytics","file-check","file-code","file-download","file-export","file-horizontal","file-import","file-plus","file-search","file-text-bookmark","file-text","file-type-bmp","file-type-css","file-type-csv","file-type-doc","file-type-html","file-type-jpg","file-type-js","file-type-pdf","file-type-png","file-type-ppt","file-type-xls","file-type-xml","file-type-zip","file-upload","file-x","file-zip","file","files-off","files","filter-off","filter-sort","filter","fingerprint","fire-extinguisher","flag","flame","flip-horizontal","flip-vertical","folder-minus","folder-off","folder-plus","folder-x","folder","folders","frame","gas-station","gauge-off","gauge","gift","git-branch-delete","git-branch","git-cherry-pick","git-commit","git-compare","git-fork","git-merge","git-pull-request-closed","git-pull-request-draft","git-pull-request","gps","grid-dots","grip-horizontal","grip-vertical","hand-stop","hand-waving","hash","haze","headphones-off","headphones","headset","heart-off","heart","heartbeat","helicopter","helmet-swopp","helmet","help","history","home","hourglass-empty","hourglass-high","hourglass-low","hourglass-off","hourglass","inbox","info-circle","keyboard-hide","keyboard-show","keyboard","layout-board-split","layout-dashboard","layout-grid","layout-sidebar-left-collapse","layout-sidebar-left-expand","layout-sidebar-right-collapse","layout-sidebar-right-expand","layout","leaf","lifebuoy","link","list-search","list","loader","location","lock-off","lock-open","lock","login","logout","mail-forward","mail-opened","mail","map-pin-2","map-pin-off","map-pin","map","master-data","menu","message-dots","message-off","message","messages","microphone-off","microphone","minus","mist","moon","motorbike","mouse","movie","network","news","note","notebook","notes","offshore-station","package","palette","paperclip","pencil","phone-call","phone-calling","phone-check","phone-incoming","phone-off","phone-outgoing","phone","photo-off","photo","pig","pin","pinned-off","pinned","plane-off","plane","plant","player-pause","player-play","player-skip-back","player-skip-forward","player-stop","player-track-next","player-track-prev","plug-connected","plug","plus","power-ac","power-dc","power","presentation-analytics","presentation","printer","propeller","published","puzzle-2","puzzle","pylon","qrcode","quotes-open","quotes","radar","radio","radioactive","receipt-dollar","receipt-euro","receipt","recharging","recycle","refresh-alert","refresh-off","refresh","repeat-once","repeat","replace","report-analytics","report-medical","report-search","report","ripple-off","ripple","rocket","rotate-2","rotate-clockwise-2","rotate-clockwise","rotate-dot","rotate","router","ruler-measure","sailboat","satellite","scale","school","scissors","scooter-electric","screenshot","search","seeding","select","selector","send","server","settings","shape","share-2","share","shield-check","shield-lock","shield-off","shield-x","shield","ship-off","ship","shopping-cart","sitemap","slash","smart-home","snowflake","solar-panel","sort-ascending-letters","sort-ascending-numbers","sort-descending-letters","sort-descending-numbers","spacing-horizontal","spacing-vertical","sparkles","speakerphone","stack","stairs","star","sun","sunrise","sunset","switch-horizontal","switch-vertical","table","tag","tank-empty-fill","tank-full-fill","tank-medium-fill","temperature-off","temperature","template","terminal","text-size","text","thumb-down","thumb-up","ticket","timeline","tir","tool","tools","train","trash-off","trash","tree","trees","truck-delivery","truck","umbrella","unlink","upload","user-circle","user-exclamation","user-minus","user-off","user-plus","user-worker","user","users","versions","video-minus","video-off","video-plus","video","volume-2","volume-3","volume","wallet","wand","wave","waves","wifi-off","wifi","wind-direction","wind","windmill","wood","world-code","world","writing","x","zoom-reset"];export{ee as animations,Q as classUtils,oe as iconNames,re as searchEngine,$ as stringUtils}
+export{a as ButtonEmphasis,B as ButtonSize,b as ButtonType,C as CUSTOM_DAY_NAMES,i as CUSTOM_MONTH_NAMES,D as DeprecatedSemanticColors,F as FeedbackColors,G as GlobalFilterPosition,I as IconButtonShape,e as LabelPlacement,L as LoaderColors,c as NotificationEmphasis,N as NotificationPosition,S as SemanticSizes,h as SortingPossibility,f as TextInputAutocomplete,g as TimeType,T as ToggleButtonEmphasis,d as ToggleButtonSize,W as WEEK_ABBREVIATIONS}from"./p-BReL3Lsa.js";export{e as eventUtils}from"./p-B6GgGra-.js";export{u as uriUtils}from"./p-CnI0auJM.js";export{n as dateTimeUtils}from"./p-CyL2J6O4.js";import{u as r}from"./p-sqVK8yoD.js";import{u as o}from"./p-13YSIyGW.js";import{u as t}from"./p-Blc6XEY7.js";import{u as s}from"./p-DmUOtOcY.js";import{p as l,t as p}from"./p-CgHCo_Ho.js";import{D as m,a as k,b as y,c as w,F as v,H as x,M as _,d as E,e as z,S as j,f as O,g as U,h as A,i as R,j as M,k as H,l as q,n as Y,r as P,s as K,m as X,o as Z,p as J,q as V,t as Q}from"./p-BaF3Tuua.js";import"./p-xlgmw4x8.js";var $=Object.freeze({__proto__:null,nameof:function(e){return e(new Proxy({},{get:(e,r)=>r}))}}),ee=Object.freeze({__proto__:null,startsWithIgnoreCase:function(e,r){return!(!e||!r)&&e.toLowerCase().startsWith(r.toLowerCase())}}),re=Object.freeze({__proto__:null,parallel:l,timeline:p,useCollapse:r,useFade:o,useGrow:t,useSlide:s}),ae=Object.freeze({__proto__:null,DEFAULT_DEBOUNCE_DELAY:m,DEFAULT_FUZZY_THRESHOLD:k,DEFAULT_MAX_RESULTS:y,DEFAULT_WORKER_THRESHOLD:w,FUZZY_DEBOUNCE_DELAY:v,HARD_CAP_MAX_RESULTS:x,MAX_WORKER_THRESHOLD:_,MIN_MAX_RESULTS:E,MIN_WORKER_THRESHOLD:z,SearchWorkerClient:j,buildIndex:O,clampFuzzyThreshold:U,clampMaxResults:A,clampWorkerThreshold:R,clearFuzzyCache:M,getEffectiveFilterMode:H,isWorkerSupported:q,normalize:Y,rebuildIndex:P,search:K,searchFuzzy:X,searchSmart:Z,searchStrict:J,shouldUseWorker:V,tokenize:Q});const oe=["access-point-off","access-point","accessible","activity","address-book","adjustments-horizontal","adjustments-up","adjustments","affiliate","air-conditioning","alert-circle","alert-square-rounded","alert-triangle","align-center","align-left","align-right","app-window","apps","archive","areas","arrow-back-up","arrow-back","arrow-down-left","arrow-down-right","arrow-down","arrow-forward-up","arrow-forward","arrow-left","arrow-right","arrow-up-left","arrow-up-right","arrow-up","arrows-diagonal","arrows-exchange","arrows-maximize","arrows-minimize","arrows-move","aspect-ratio","atom","ban","basket","battery-1","battery-2","battery-3","battery-4","battery-automotive","battery-charging","battery-eco","battery-off","battery","bell-bolt","bell-off","bell-ringing","bell","bike","bluetooth-connected","bluetooth-off","bluetooth","bolt-off","bolt","book","bookmark-off","bookmark","bookmarks","box-align-top","box-multiple","brand-facebook","brand-instagram","brand-linkedin","brand-x","brand-youtube","briefcase","brightness-down","brightness-up","browser-check","browser-plus","browser-x","browser","brush","building-bank","building-factory","building-lighthouse","building-store","building","bulb-off","bulb","cake","calendar-time","calendar-week","calendar","camera-off","camera","car-crane","car","caravan","cash-banknote","cash","cast","cell","charging-pile","chart-arcs","chart-area-line","chart-area","chart-arrows-vertical","chart-arrows","chart-bar","chart-bubble","chart-circles","chart-donut","chart-dots","chart-line","chart-pie","chart-radar","check","checkbox","checklist","checks","chevron-down","chevron-left","chevron-right","chevron-top","chevrons-left","chevrons-right","circle-caret-right","circle-check","circle-minus","circle-x","circuit-alternate","circuit-ground-digital","clipboard-check","clipboard-list","clipboard-plus","clipboard-text","clipboard-x","clipboard","clock-edit","clock","cloud-data-connection","cloud-download","cloud-rain","cloud-snow","cloud-upload","cloud","color-picker","color-swatch","columns-1","columns-2","columns-3","compass","contract","cookie","copy","cpu","crane","credit-card","crop","cross","crown","currency-bitcoin","currency-dollar","currency-ethereum","currency-euro","cut","dashboard","database","device-desktop","device-floppy","device-gamepad","device-laptop","device-mobile-rotated","device-mobile","device-tablet","device-watch","devices","dialpad","direction-horizontal","direction-sign","direction","discount","door-enter","door-exit","door-off","dots-vertical","dots","download","drone","droplet-filled","droplet-half","droplet","droplets","edit","empty","engine","equal-not","eraser-off","eraser","external-link","eye-check","eye-off","eye","eyeglass2","face-id","feather","file-alert","file-analytics","file-check","file-code","file-download","file-export","file-horizontal","file-import","file-plus","file-search","file-text-bookmark","file-text","file-type-bmp","file-type-css","file-type-csv","file-type-doc","file-type-html","file-type-jpg","file-type-js","file-type-pdf","file-type-png","file-type-ppt","file-type-xls","file-type-xml","file-type-zip","file-upload","file-x","file-zip","file","files-off","files","filter-off","filter-sort","filter","fingerprint","fire-extinguisher","flag","flame","flip-horizontal","flip-vertical","folder-minus","folder-off","folder-plus","folder-x","folder","folders","frame","gas-station","gauge-off","gauge","gift","git-branch-delete","git-branch","git-cherry-pick","git-commit","git-compare","git-fork","git-merge","git-pull-request-closed","git-pull-request-draft","git-pull-request","gps","grid-dots","grip-horizontal","grip-vertical","hand-stop","hand-waving","hash","haze","headphones-off","headphones","headset","heart-off","heart","heartbeat","helicopter","helmet-swopp","helmet","help","history","home","hourglass-empty","hourglass-high","hourglass-low","hourglass-off","hourglass","inbox","info-circle","keyboard-hide","keyboard-show","keyboard","layers-intersect","layers-off","layout-board-split","layout-dashboard","layout-grid","layout-sidebar-left-collapse","layout-sidebar-left-expand","layout-sidebar-right-collapse","layout-sidebar-right-expand","layout","leaf","lifebuoy","link","list-search","list","loader","location","lock-off","lock-open","lock","login","logout","mail-forward","mail-opened","mail","map-pin-2","map-pin-off","map-pin","map","master-data","menu","message-dots","message-off","message","messages","microphone-off","microphone","minus","mist","moon","motorbike","mouse","movie","network","news","note","notebook","notes","offshore-station","package","palette","paperclip","pencil","phone-call","phone-calling","phone-check","phone-incoming","phone-off","phone-outgoing","phone","photo-off","photo","pig","pin","pinned-off","pinned","plane-off","plane","plant","player-pause","player-play","player-skip-back","player-skip-forward","player-stop","player-track-next","player-track-prev","plug-connected","plug","plus","power-ac","power-dc","power","presentation-analytics","presentation","printer","propeller","published","puzzle-2","puzzle","pylon","qrcode","quotes-open","quotes","radar","radio","radioactive","receipt-dollar","receipt-euro","receipt","recharging","recycle","refresh-alert","refresh-off","refresh","repeat-once","repeat","replace","report-analytics","report-medical","report-search","report","ripple-off","ripple","rocket","rotate-2","rotate-clockwise-2","rotate-clockwise","rotate-dot","rotate","router","ruler-measure","sailboat","satellite","scale","school","scissors","scooter-electric","screenshot","search","seeding","select","selector","send","server","settings","shape","share-2","share","shield-check","shield-lock","shield-off","shield-x","shield","ship-off","ship","shopping-cart","sitemap","slash","smart-home","snowflake","solar-panel","sort-ascending-letters","sort-ascending-numbers","sort-descending-letters","sort-descending-numbers","spacing-horizontal","spacing-vertical","sparkles","speakerphone","stack","stairs","star","sun","sunrise","sunset","switch-horizontal","switch-vertical","table","tag","tank-empty-fill","tank-full-fill","tank-medium-fill","temperature-off","temperature","template","terminal","text-size","text","thumb-down","thumb-up","ticket","timeline","tir","tool","tools","train","trash-off","trash","tree","trees","truck-delivery","truck","umbrella","unlink","upload","user-circle","user-exclamation","user-minus","user-off","user-plus","user-worker","user","users","versions","video-minus","video-off","video-plus","video","volume-2","volume-3","volume","wallet","wand","wave","waves","wifi-off","wifi","wind-direction","wind","windmill","wood","world-code","world","writing","x","zoom-reset"];export{re as animations,$ as classUtils,oe as iconNames,ae as searchEngine,ee as stringUtils}