@ncino/web-components 8.0.0-preview.9 → 8.0.1

package/dist/types/components/switch/switch.d.ts

@@ -22,4 +22,9 @@ export declare class NjcSwitch extends TestableLitElement {
         @type {string}
      **/
     label: string;
+    /**
+        @property skeleton - Displays the switch in a loading/skeleton state
+        @type {boolean}
+    **/
+    skeleton: boolean;
 }

package/dist/types/components/table/gator/table-bulk-controls/table-bulk-controls.gator.d.ts

@@ -9,6 +9,7 @@ export declare class NgcTableBulkControls extends NgcComponent {
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
     };
+    static styles: import('lit').CSSResult[];
     /**
      * Whether the bulk controls should be visible
      */
@@ -25,7 +26,6 @@ export declare class NgcTableBulkControls extends NgcComponent {
      * Whether all rows are selected
      */
     allSelected: boolean;
-    static styles: import('lit').CSSResult[];
     private handleSelectAllChange;
     render(): import('lit').TemplateResult<1>;
     get bulkControlsMarkup(): import('lit').TemplateResult<1> | typeof nothing;

package/dist/types/components/table/gator/table.gator.d.ts

@@ -1,9 +1,9 @@
 import { PropertyValues } from 'lit';
 import { NjcTable, RowData } from '../table.ts';
 export declare class NgcTable extends NjcTable {
+    static styles: import('lit').CSSResult[];
     elevated: boolean;
     includePagination: boolean;
-    static styles: import('lit').CSSResult[];
     selectedRows: RowData[];
     _currentPage: number;
     protected updated(_changedProperties: PropertyValues): void;

package/dist/types/components/tabs/gator/tabset/tabset.gator.d.ts

@@ -1,7 +1,7 @@
 import { nothing } from 'lit';
-import { NgcTab } from '../tab/tab.gator.ts';
 import { Ref } from 'lit/directives/ref.js';
 import { TestableLitElement } from '../../../../utils/components/testable-lit-element/testable-lit-element.ts';
+import { NgcTab } from '../tab/tab.gator.ts';
 export declare class NgcTabset extends TestableLitElement {
     static styles: import('lit').CSSResult[];
     /**
@@ -25,9 +25,12 @@ export declare class NgcTabset extends TestableLitElement {
     _tablistRef: Ref<HTMLDivElement>;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
     render(): import('lit').TemplateResult<1> | typeof nothing;
+    get tabClasses(): {
+        'gator-tab': boolean;
+        'gator-tabset-spacer': boolean;
+    };
     get tabSizeClass(): string;
     get tabContainerSizeClass(): string;
-    get tabSpacerClass(): "" | "gator-tabset-spacer";
     getButtonTabIndex(index: number): "0" | "-1";
     handleTabKeydown(e: KeyboardEvent): void;
     focusFirstTab(): void;

package/dist/types/components/text-detail/gator/text-detail.gator.d.ts

@@ -6,7 +6,7 @@ export declare class NgcTextDetail extends NjcTextDetail {
     render(): import('lit').TemplateResult<1>;
     get textDetailMarkup(): import('lit').TemplateResult<1>;
     get verticalClass(): "" | "gator-text-detail_vertical";
-    get invertTitleClass(): "" | "gator-text-detail-content_invert-title";
+    get invertTitleClass(): "" | "gator-text-detail-header_invert-title";
     get textDetailSubtitleIconMarkup(): import('lit').TemplateResult<1> | null;
     get textDetailSubtitleMarkup(): import('lit').TemplateResult<1> | typeof nothing;
     assignSlottedElementsSkeletonState(): void;

package/dist/types/components/text-link/gator/text-link.gator.d.ts

@@ -1,24 +1,23 @@
 import { NjcTextLink } from '../text-link.ts';
-export declare class NgcTextLink extends NjcTextLink {
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
+declare const NgcTextLink_base: typeof NjcTextLink;
+export declare class NgcTextLink extends NgcTextLink_base {
     static styles: import('lit').CSSResult[];
     render(): import('lit').TemplateResult<1>;
+    get skeletonMarkup(): import('lit').TemplateResult<1>;
     get anchorMarkup(): import('lit').TemplateResult<1>;
     get customLinkMarkup(): import('lit').TemplateResult<1>;
+    get disabledMarkup(): import('lit').TemplateResult<1>;
     get textLinkInnerMarkup(): import('lit').TemplateResult<1>;
-    get variantClass(): string | null;
+    get classes(): {
+        [x: string]: boolean;
+        'gator-text-link': boolean;
+    };
     handleKeyup(event: KeyboardEvent): void;
-    handleClick(event: MouseEvent): void;
+    handleClick(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'ngc-text-link': NgcTextLink;
     }
 }
+export {};

package/dist/types/components/text-link/text-link.d.ts

@@ -20,4 +20,12 @@ export declare class NjcTextLink extends TestableLitElement {
      * @property {string} target - The target of the link
      */
     target: string;
+    /**
+     * @property {boolean} skeleton - Whether the text link is in a skeleton loading state
+     */
+    skeleton: boolean;
+    /**
+     * @property {boolean} disabled - Whether the text link is disabled
+     */
+    disabled: boolean;
 }

package/dist/types/components/tooltip/tooltip.d.ts

@@ -6,6 +6,7 @@ export declare class NjcTooltip extends TestableLitElement {
     placement: Placement;
     xOffset: number;
     yOffset: number;
+    isLabel: boolean;
     _tooltipRef: Ref<HTMLElement>;
     _cleanup: (() => void) | undefined;
     private _forceOpen;

package/dist/types/generated/locale-codes.d.ts

@@ -0,0 +1,3 @@
+export declare const sourceLocale = "en";
+export declare const targetLocales: readonly ["es-419", "fr-CA", "zh-Hans"];
+export declare const allLocales: readonly ["en", "es-419", "fr-CA", "zh-Hans"];

package/dist/types/generated/locales/es-419.d.ts

@@ -0,0 +1,60 @@
+export declare const templates: {
+    hedb4de867a13d461: import('lit').TemplateResult<1>;
+    hf4332945d84c7c82: import('lit').TemplateResult<1>;
+    s022cb7e667bacbae: string;
+    s023f114f575b5bd5: string;
+    s0379fc73608ab971: string;
+    s03c44f5a1b0581d4: string;
+    s06963fd6fbd255b6: string;
+    s0778ff3bbb3af675: string;
+    s08b06007b5567108: string;
+    s10ff4dbbcf74dacb: string;
+    s129df71274160e17: string;
+    s13f20cb257e12fac: string;
+    s14b6da16c2cf9e83: string;
+    s15ba5784a11e0b88: string;
+    s354acc936af915f2: string;
+    s3763f519c347a9f7: string;
+    s3b5fd0df6b2757e8: string;
+    s4269a31ccd0d376d: string;
+    s4c4e33c8c5ffe216: string;
+    s4dabcaab8d268abf: string;
+    s5153faf0f82adea0: string;
+    s542ffff558768ea3: string;
+    s56360c5f24cfd4ff: string;
+    s5b6a1140834aa043: string;
+    s5e8250fb85d64c23: string;
+    s619be8edc061ca50: import('@lit/localize').StrResult;
+    s61b843c1ec9cd933: string;
+    s63d040e37887f17e: string;
+    s6f666d1fa690e523: string;
+    s7354997f3dd083ef: string;
+    s77c72f12bcbded71: string;
+    s7ce8c87fe40f71a6: string;
+    s8093bb763f0f674e: string;
+    s952111f801940b59: string;
+    s9aac493d4233f302: string;
+    sa9fa88323c514ded: import('@lit/localize').StrResult;
+    sae5d87e99fe081e0: string;
+    saef0626ba9eedd25: string;
+    sb2603c25b6a6abb0: import('@lit/localize').StrResult;
+    sb4f1dffbb6be6302: string;
+    sbaace8219b5f4612: string;
+    sbe8fd5b7d4adb0fa: string;
+    scb0eac431437616e: string;
+    scc6256ab113cc5f9: string;
+    scc7a3682dd25ae19: string;
+    sd107e22f86ada16a: string;
+    sd3d0433825a79e44: string;
+    sd7d49bcfca1d1989: import('@lit/localize').StrResult;
+    sd7ec34bc086265cc: string;
+    se1a5dde03a87bc2f: string;
+    se763ab80d9e379d3: string;
+    se7692167f1edeef2: string;
+    se791c4ae5355aebb: string;
+    sf1e34cc91709c487: string;
+    sf2b7951c086832dd: string;
+    sf993bb199fefbe04: string;
+    sf999d4199ff4542d: string;
+    sff52d71181e316c0: string;
+};

package/dist/types/generated/locales/fr-CA.d.ts

@@ -0,0 +1,60 @@
+export declare const templates: {
+    hedb4de867a13d461: import('lit').TemplateResult<1>;
+    hf4332945d84c7c82: import('lit').TemplateResult<1>;
+    s022cb7e667bacbae: string;
+    s023f114f575b5bd5: string;
+    s0379fc73608ab971: string;
+    s03c44f5a1b0581d4: string;
+    s06963fd6fbd255b6: string;
+    s0778ff3bbb3af675: string;
+    s08b06007b5567108: string;
+    s10ff4dbbcf74dacb: string;
+    s129df71274160e17: string;
+    s13f20cb257e12fac: string;
+    s14b6da16c2cf9e83: string;
+    s15ba5784a11e0b88: string;
+    s354acc936af915f2: string;
+    s3763f519c347a9f7: string;
+    s3b5fd0df6b2757e8: string;
+    s4269a31ccd0d376d: string;
+    s4c4e33c8c5ffe216: string;
+    s4dabcaab8d268abf: string;
+    s5153faf0f82adea0: string;
+    s542ffff558768ea3: string;
+    s56360c5f24cfd4ff: string;
+    s5b6a1140834aa043: string;
+    s5e8250fb85d64c23: string;
+    s619be8edc061ca50: import('@lit/localize').StrResult;
+    s61b843c1ec9cd933: string;
+    s63d040e37887f17e: string;
+    s6f666d1fa690e523: string;
+    s7354997f3dd083ef: string;
+    s77c72f12bcbded71: string;
+    s7ce8c87fe40f71a6: string;
+    s8093bb763f0f674e: string;
+    s952111f801940b59: string;
+    s9aac493d4233f302: string;
+    sa9fa88323c514ded: import('@lit/localize').StrResult;
+    sae5d87e99fe081e0: string;
+    saef0626ba9eedd25: string;
+    sb2603c25b6a6abb0: import('@lit/localize').StrResult;
+    sb4f1dffbb6be6302: string;
+    sbaace8219b5f4612: string;
+    sbe8fd5b7d4adb0fa: string;
+    scb0eac431437616e: string;
+    scc6256ab113cc5f9: string;
+    scc7a3682dd25ae19: string;
+    sd107e22f86ada16a: string;
+    sd3d0433825a79e44: string;
+    sd7d49bcfca1d1989: import('@lit/localize').StrResult;
+    sd7ec34bc086265cc: string;
+    se1a5dde03a87bc2f: string;
+    se763ab80d9e379d3: string;
+    se7692167f1edeef2: string;
+    se791c4ae5355aebb: string;
+    sf1e34cc91709c487: string;
+    sf2b7951c086832dd: string;
+    sf993bb199fefbe04: string;
+    sf999d4199ff4542d: string;
+    sff52d71181e316c0: string;
+};

package/dist/types/generated/locales/zh-Hans.d.ts

@@ -0,0 +1,60 @@
+export declare const templates: {
+    hedb4de867a13d461: import('lit').TemplateResult<1>;
+    hf4332945d84c7c82: import('lit').TemplateResult<1>;
+    s022cb7e667bacbae: string;
+    s023f114f575b5bd5: string;
+    s0379fc73608ab971: string;
+    s03c44f5a1b0581d4: string;
+    s06963fd6fbd255b6: string;
+    s0778ff3bbb3af675: string;
+    s08b06007b5567108: string;
+    s10ff4dbbcf74dacb: string;
+    s129df71274160e17: string;
+    s13f20cb257e12fac: string;
+    s14b6da16c2cf9e83: string;
+    s15ba5784a11e0b88: string;
+    s354acc936af915f2: string;
+    s3763f519c347a9f7: string;
+    s3b5fd0df6b2757e8: string;
+    s4269a31ccd0d376d: string;
+    s4c4e33c8c5ffe216: string;
+    s4dabcaab8d268abf: string;
+    s5153faf0f82adea0: string;
+    s542ffff558768ea3: string;
+    s56360c5f24cfd4ff: string;
+    s5b6a1140834aa043: string;
+    s5e8250fb85d64c23: string;
+    s619be8edc061ca50: import('@lit/localize').StrResult;
+    s61b843c1ec9cd933: string;
+    s63d040e37887f17e: string;
+    s6f666d1fa690e523: string;
+    s7354997f3dd083ef: string;
+    s77c72f12bcbded71: string;
+    s7ce8c87fe40f71a6: string;
+    s8093bb763f0f674e: string;
+    s952111f801940b59: string;
+    s9aac493d4233f302: string;
+    sa9fa88323c514ded: import('@lit/localize').StrResult;
+    sae5d87e99fe081e0: string;
+    saef0626ba9eedd25: string;
+    sb2603c25b6a6abb0: import('@lit/localize').StrResult;
+    sb4f1dffbb6be6302: string;
+    sbaace8219b5f4612: string;
+    sbe8fd5b7d4adb0fa: string;
+    scb0eac431437616e: string;
+    scc6256ab113cc5f9: string;
+    scc7a3682dd25ae19: string;
+    sd107e22f86ada16a: string;
+    sd3d0433825a79e44: string;
+    sd7d49bcfca1d1989: import('@lit/localize').StrResult;
+    sd7ec34bc086265cc: string;
+    se1a5dde03a87bc2f: string;
+    se763ab80d9e379d3: string;
+    se7692167f1edeef2: string;
+    se791c4ae5355aebb: string;
+    sf1e34cc91709c487: string;
+    sf2b7951c086832dd: string;
+    sf993bb199fefbe04: string;
+    sf999d4199ff4542d: string;
+    sff52d71181e316c0: string;
+};

package/dist/types/index.gator.d.ts

@@ -20,6 +20,7 @@ export { NgcHeadlineCard } from './components/headline-card';
 export * from './components/input/index.gator.ts';
 export { NgcIcon } from './components/icon';
 export { NgcIconButton } from './components/icon-button';
+export { NgcImageCard } from './components/image-card';
 export { NgcList, NgcListItem } from './components/list';
 export { NgcLoadingSpinner } from './components/loading-spinner';
 export { NgcMenu, NgcMenuItem } from './components/menu';

package/dist/types/utils/components/slot-placeholder/slot-placeholder.d.ts

@@ -1,7 +1,9 @@
 import { LitElement } from 'lit';
 export declare class SlotPlaceholder extends LitElement {
     slotName: string;
+    small: boolean;
     static styles: import('lit').CSSResult[];
     render(): import('lit').TemplateResult<1>;
     get namedSlotMarkup(): import('lit').TemplateResult<1>;
+    get smallSlotMarkup(): import('lit').TemplateResult<1>;
 }

package/dist/types/utils/data/data-models.d.ts

@@ -48,4 +48,5 @@ export interface IPhoneCountryCode {
     name: string;
     dial_code: string;
     code: string;
+    iconOverride: string;
 }

package/dist/types/utils/data/phone-country-codes.json.d.ts

@@ -21,6 +21,7 @@ declare const _default: [
     },
     {
         "name": "AmericanSamoa",
+        "iconOverride": "american-smoa",
         "dial_code": "+1684",
         "code": "AS"
     },
@@ -131,6 +132,7 @@ declare const _default: [
     },
     {
         "name": "Bolivia, Plurinational State of",
+        "iconOverride": "bolivia",
         "dial_code": "+591",
         "code": "BO"
     },
@@ -191,6 +193,7 @@ declare const _default: [
     },
     {
         "name": "Cape Verde",
+        "iconOverride": "cabo-verde",
         "dial_code": "+238",
         "code": "CV"
     },
@@ -316,6 +319,7 @@ declare const _default: [
     },
     {
         "name": "El Salvador",
+        "iconOverride": "el-slvador",
         "dial_code": "+503",
         "code": "SV"
     },
@@ -341,6 +345,7 @@ declare const _default: [
     },
     {
         "name": "Falkland Islands (Malvinas)",
+        "iconOverride": "falkland-islands",
         "dial_code": "+500",
         "code": "FK"
     },
@@ -496,6 +501,7 @@ declare const _default: [
     },
     {
         "name": "Iran, Islamic Republic of Persian Gulf",
+        "iconOverride": "iran",
         "dial_code": "+98",
         "code": "IR"
     },
@@ -556,16 +562,19 @@ declare const _default: [
     },
     {
         "name": "Kiribati",
+        "flag-override": "-kiribati",
         "dial_code": "+686",
         "code": "KI"
     },
     {
         "name": "Korea, Democratic People's Republic of Korea",
+        "iconOverride": "korea-north",
         "dial_code": "+850",
         "code": "KP"
     },
     {
         "name": "Korea, Republic of South Korea",
+        "iconOverride": "korea-south",
         "dial_code": "+82",
         "code": "KR"
     },
@@ -631,6 +640,7 @@ declare const _default: [
     },
     {
         "name": "Macedonia",
+        "iconOverride": "north-macedonia",
         "dial_code": "+389",
         "code": "MK"
     },
@@ -686,6 +696,7 @@ declare const _default: [
     },
     {
         "name": "Mayotte",
+        "iconOverride": "unf-mayotte",
         "dial_code": "+262",
         "code": "YT"
     },
@@ -696,6 +707,7 @@ declare const _default: [
     },
     {
         "name": "Micronesia, Federated States of Micronesia",
+        "iconOverride": "federated-states-of-micronesia",
         "dial_code": "+691",
         "code": "FM"
     },
@@ -771,6 +783,7 @@ declare const _default: [
     },
     {
         "name": "New Zealand",
+        "iconOverride": "new-zealand-aotearoa",
         "dial_code": "+64",
         "code": "NZ"
     },
@@ -826,6 +839,7 @@ declare const _default: [
     },
     {
         "name": "Palestinian Territory, Occupied",
+        "iconOverride": "palestinian-territory",
         "dial_code": "+970",
         "code": "PS"
     },
@@ -856,6 +870,7 @@ declare const _default: [
     },
     {
         "name": "Pitcairn",
+        "iconOverride": "pitcairn-islands",
         "dial_code": "+872",
         "code": "PN"
     },
@@ -886,6 +901,7 @@ declare const _default: [
     },
     {
         "name": "Russia",
+        "iconOverride": "russian-federation",
         "dial_code": "+7",
         "code": "RU"
     },
@@ -1026,6 +1042,7 @@ declare const _default: [
     },
     {
         "name": "Sudan",
+        "iconOverride": "south-sudan",
         "dial_code": "+249",
         "code": "SD"
     },
@@ -1071,6 +1088,7 @@ declare const _default: [
     },
     {
         "name": "Tanzania, United Republic of Tanzania",
+        "iconOverride": "tanzania",
         "dial_code": "+255",
         "code": "TZ"
     },

package/dist/types/utils/mixins/attribute-deletion.d.ts

@@ -1,14 +1,5 @@
 import { LitElement } from 'lit';
 type Constructor<T = {}> = new (...args: any[]) => T;
-/**
- * A mixin that extends a LitElement-based class to handle the deletion and restoration
- * of specific attributes (e.g., ARIA attributes) from the host element. This is useful
- * for managing accessibility-related attributes dynamically based on the component's state.
- *
- * @template T - The base class to extend, typically a LitElement.
- * @param superClass - The base class to extend.
- * @returns A class that extends the base class with attribute deletion functionality.
- */
 export declare const AttributeDeletionMixin: <T extends Constructor<LitElement>>(superClass: T) => T;
 /**
  * Determines whether a given attribute should be removed from the host element.

package/dist/types/utils/mixins/interactive-component.d.ts

@@ -0,0 +1,4 @@
+import { LitElement } from 'lit';
+type Constructor<T = {}> = new (...args: any[]) => T;
+export declare const InteractiveComponentMixin: <T extends Constructor<LitElement>>(superClass: T) => T;
+export {};

package/dist/types/utils/phone-utils.d.ts

@@ -2,3 +2,13 @@ export declare function formattedPhoneCountryCodes(): {
     value: string;
     label: string;
 }[];
+/**
+ * Build the flag icon name using our naming scheme.
+ * Example: code "US", name "United States" -> "flags/flag-us-united-states".
+ */
+export declare function flagIconName(code: string, name: string, iconOverride?: string): string;
+/**
+ * Given a dial code (e.g., "+1"), returns its corresponding flag icon name.
+ * If not found, returns an empty string so consumers can safely bind it.
+ */
+export declare function flagIconNameByDialCode(dialCode: string | undefined | null): string;

package/dist/types/utils/storybook-args.d.ts

@@ -151,6 +151,7 @@ export declare const INPUT_TEXT_ARGS: {
         description: string;
         control: string;
         table: {
+            category: string;
             defaultValue: {
                 summary: string;
             };
@@ -180,6 +181,9 @@ export declare const INPUT_A11Y_ARGS: {
     ariaDescription: {
         name: string;
         description: string;
+        table: {
+            category: string;
+        };
     };
 };
 export declare const SKELETON_ARG: {

package/dist/utils/brand-color-utils.js

@@ -1 +1 @@
-import o from"../node_modules/.pnpm/color@5.0.0/node_modules/color/index.js";function d(t){try{const[r,e]=o(t).hsl().array();document.documentElement.style.setProperty("--color-brand-base",t),document.documentElement.style.setProperty("--color-brand-hue",Math.round(r).toString()),document.documentElement.style.setProperty("--color-brand-saturation",`${Math.round(e)}%`)}catch(r){console.error("Invalid brand color provided:",t,r)}}function a(){return getComputedStyle(document.documentElement).getPropertyValue("--color-brand-base").trim()||"#103656"}export{a as getBrandColor,d as setBrandColor};
+import o from"../node_modules/.pnpm/color@5.0.2/node_modules/color/index.js";function d(t){try{const[r,e]=o(t).hsl().array();document.documentElement.style.setProperty("--color-brand-base",t),document.documentElement.style.setProperty("--color-brand-hue",Math.round(r).toString()),document.documentElement.style.setProperty("--color-brand-saturation",`${Math.round(e)}%`)}catch(r){console.error("Invalid brand color provided:",t,r)}}function a(){return getComputedStyle(document.documentElement).getPropertyValue("--color-brand-base").trim()||"#103656"}export{a as getBrandColor,d as setBrandColor};

package/dist/utils/components/slot-placeholder/slot-placeholder.js

@@ -1,17 +1,26 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as i}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import{LitElement as d}from"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as n}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{css as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,u=Object.getOwnPropertyDescriptor,p=(m,t,s,r)=>{for(var e=r>1?void 0:r?u(t,s):t,l=m.length-1,a;l>=0;l--)(a=m[l])&&(e=(r?a(t,s,e):a(e))||e);return r&&e&&v(t,s,e),e};let o=class extends d{constructor(){super(...arguments),this.slotName=""}render(){return i`
-            <div class="slot-placeholder">
-                ${this.namedSlotMarkup}
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as o}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import{LitElement as n}from"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as d}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{css as h}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var u=Object.defineProperty,f=Object.getOwnPropertyDescriptor,m=(p,l,s,r)=>{for(var t=r>1?void 0:r?f(l,s):l,a=p.length-1,i;a>=0;a--)(i=p[a])&&(t=(r?i(l,s,t):i(t))||t);return r&&t&&u(l,s,t),t};let e=class extends n{constructor(){super(...arguments),this.slotName="",this.small=!1}render(){return o`
+            <div class="slot-placeholder slot-placeholder-${this.small?"small":"default"}">
+                ${this.small?this.smallSlotMarkup:this.namedSlotMarkup}
             </div>
-        `}get namedSlotMarkup(){return this.slotName?i`<div>Slot Name: ${this.slotName}</div>`:i`<div>Default slot</div>`}};o.styles=[f`
+        `}get namedSlotMarkup(){return this.slotName?o`<div>Slot Name: ${this.slotName}</div>`:o`<div><slot>Default slot</slot></div>`}get smallSlotMarkup(){return o`<ngc-icon name="picture"></ngc-icon>`}};e.styles=[h`
             .slot-placeholder {
                 display: var(--slot-placeholder-display, block);
                 background: #D8C3F3;
                 border: 1px dashed #9747FF;
                 border-radius: 0.5rem;
-                padding: 1rem;
                 font-family: var(--text-family-body, 'Open Sans', sans-serif);
                 font-size: var(--text-size-body-2, 0.9375rem);
                 color: #6F1FC3;
                 text-align: center;
+                box-sizing: border-box;
+                height: 100%;
+            }
+
+            .slot-placeholder-default {
+                padding: 1rem;
+            }
+
+            .slot-placeholder-small {
+                padding: 0;
             }
-        `];p([c({attribute:"slot-name"})],o.prototype,"slotName",2);o=p([n("slot-placeholder")],o);export{o as SlotPlaceholder};
+        `];m([d({attribute:"slot-name"})],e.prototype,"slotName",2);m([d({type:Boolean,attribute:"small"})],e.prototype,"small",2);e=m([c("slot-placeholder")],e);export{e as SlotPlaceholder};

package/dist/utils/mixins/attribute-deletion.js

@@ -1 +1 @@
-const b=s=>{class i extends s{constructor(){super(...arguments),this.attributesRemovedFromHost=new Map}attributeChangedCallback(t,e,r){if(!this.shouldApplyAttributeDeletion||!a(t)){super.attributeChangedCallback(t,e,r);return}this.removeAttributesFromHost(t,e,r)}get shouldApplyAttributeDeletion(){return this.delegatesARIA??!1}updated(t){super.updated(t),t.has("delegatesARIA")&&(this.delegatesARIA||this.restoreAttributesToHost())}removeAttributesFromHost(t,e,r){this.attributesRemovedFromHost.has(t)||this.attributesRemovedFromHost.set(t,e),this.removeAttribute(t);const o=u(t);r===null?delete this.dataset[o]:this.dataset[o]=r,this.requestUpdate(o,e)}restoreAttributesToHost(){this.attributesRemovedFromHost.forEach((t,e)=>{t!==null&&this.setAttribute(e,t)}),this.attributesRemovedFromHost.clear()}}return i};function a(s){return["aria-label","aria-labelledby","title","id","role","aria-haspopup"].includes(s)}function u(s){return s.replace(/-\w/g,i=>i[1].toUpperCase())}export{b as AttributeDeletionMixin,a as isAttributeToRemove};
+const a=["aria-label","aria-labelledby","title","id","role","aria-haspopup","aria-expanded","aria-current"],d=r=>{class i extends r{constructor(){super(...arguments),this.attributesRemovedFromHost=new Map}attributeChangedCallback(t,e,s){if(!this.shouldApplyAttributeDeletion||!u(t)){super.attributeChangedCallback(t,e,s);return}this.removeAttributesFromHost(t,e,s)}get shouldApplyAttributeDeletion(){return this.delegatesARIA??!1}updated(t){super.updated(t),t.has("delegatesARIA")&&(this.delegatesARIA||this.restoreAttributesToHost())}removeAttributesFromHost(t,e,s){this.attributesRemovedFromHost.has(t)||this.attributesRemovedFromHost.set(t,e),this.removeAttribute(t);const o=l(t);s===null?delete this.dataset[o]:this.dataset[o]=s,this.requestUpdate(o,e)}restoreAttributesToHost(){this.attributesRemovedFromHost.forEach((t,e)=>{t!==null&&this.setAttribute(e,t)}),this.attributesRemovedFromHost.clear()}}return i};function u(r){return a.includes(r)}function l(r){return r.replace(/-\w/g,i=>i[1].toUpperCase())}export{d as AttributeDeletionMixin,u as isAttributeToRemove};

package/dist/utils/mixins/interactive-component.js

@@ -0,0 +1 @@
+import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import{LitElement as i}from"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";const r=e=>{const o=class o extends e{connectedCallback(){super.connectedCallback(),this.addEventListener("click",s=>{if(s.composedPath()[0]!==this){s.stopPropagation();return}})}};o.shadowRootOptions={...i.shadowRootOptions,delegatesFocus:!0};let t=o;return t};export{r as InteractiveComponentMixin};

package/dist/utils/phone-utils.js

@@ -1 +1 @@
-import o from"../packages/web-components/src/utils/data/phone-country-codes.json.js";function d(){return o.map(e=>({value:e.dial_code,label:e.dial_code+" "+e.name}))}export{d as formattedPhoneCountryCodes};
+import n from"../packages/web-components/src/utils/data/phone-country-codes.json.js";function l(){return n.map(e=>({value:e.dial_code,label:e.dial_code+" "+e.name}))}function c(o,e,r){const a=t=>t.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"");return`flag-${o.toLowerCase()}-${r??a(e)}`}function u(o){if(!o)return"";const e=n.find(r=>r.dial_code===o);return e?c(e.code,e.name,e.iconOverride):""}export{c as flagIconName,u as flagIconNameByDialCode,l as formattedPhoneCountryCodes};

package/dist/utils/storybook-args.js

@@ -1 +1 @@
-const n={errorText:{name:"error-text",description:"Custom error message to be displayed. This value overrides any native or internal error messaging. If this is set, the component will be styled in an error state.",table:{category:"Base Input",defaultValue:{summary:""}}},helpText:{name:"help-text",description:"Custom help text to be displayed inline below the component.",table:{category:"Base Input",defaultValue:{summary:""}}},placeholder:{description:"Placeholder text to be displayed in the input.",table:{category:"Base Input",defaultValue:{summary:""}}},value:{description:"Value of the component.",table:{category:"Base Input",defaultValue:{summary:"undefined"}}},label:{description:"Visible label for the component. This is the gold standard, best practice way to label an input for built in accessibility support. If this is not set, you must set the ariaLabelledByElements property for correct programmatic association between your custom label and the input element.",table:{category:"Base Input",defaultValue:{summary:""}}},ariaLabelledByElements:{name:"aria-labelled-by-elements",description:"Used to programmatically associate a custom label to the input. This should only be used when you are using a custom label outside of the ngc input component due to limitations of the shadow dom. Accepts a list of elements. For more information on ARIA element reflection, see [here](https://wicg.github.io/aom/aria-reflection-explainer.html).",type:{summary:"Element[]"},table:{category:"Base Input",defaultValue:{summary:""}}},required:{description:"Whether the component is required.",table:{category:"Base Input",defaultValue:{summary:"false"}},control:{type:"boolean"}},hideRequired:{name:"hide-required",description:"Whether the visible required indicator should be hidden from the label when the component is required. This is useful for cases where majority of the fields are required so only the optional fields need to be marked (with the `optional` property).",control:{type:"boolean"},table:{category:"Base Input",defaultValue:{summary:"false"}}},optional:{description:"Whether the component should be marked as optional.",control:{type:"boolean"},table:{category:"Base Input",defaultValue:{summary:"false"}}},disabled:{description:"Whether the component is disabled.",table:{category:"Base Input",defaultValue:{summary:"false"}}},readonly:{description:"Whether the component is readonly.",table:{category:"Base Input",defaultValue:{summary:"false"}}},id:{description:"Unique ID for the component. Required for accessibility.",table:{category:"Base Input",defaultValue:{summary:""}}},minLength:{name:"min-length",description:"The minimum length of the input value. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength).",control:"number",table:{category:"Base Input",defaultValue:{summary:""}}},maxLength:{name:"max-length",description:"The maximum length of the input value. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength).",control:"number",table:{category:"Base Input",defaultValue:{summary:""}}}},i={pattern:{description:"The pattern attribute to be passed to the input. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern).",control:"text",table:{defaultValue:{summary:"undefined"}}}},r={min:{description:"The min attribute defines the minimum value that is acceptable and valid for the input containing the attribute. If the value of the element is less than this, the element fails validation. This value must be less than or equal to the value of the max attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min).",control:"string"},max:{description:"The max attribute defines the maximum value that is acceptable and valid for the input containing the attribute. If the value of the element is greater than this, the element fails validation. This value must be greater than or equal to the value of the min attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max).",control:"string"},step:{description:"The step attribute to be passed to the input for number inputs. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).",control:"number",table:{defaultValue:{summary:"1"}}}},l={ariaDescription:{name:"aria-description",description:"The aria-description attribute for the component."}},s={skeleton:{description:"Whether the component should be rendered in a skeleton/loading state.",control:{type:"boolean"},table:{defaultValue:{summary:"false"}}}},u={startIcon:{name:"start-icon",description:"Icon to be displayed at the start of the component. Should be a valid icon name from the [icon library](?path=/story/components-icon--gator-icon-list).",control:{type:"text"},table:{category:"Optional Icon(s)"}}},m={endIcon:{name:"end-icon",description:"Icon to be displayed at the end of the component. Should be a valid icon name from the [icon library](?path=/story/components-icon--gator-icon-list).",control:{type:"text"},table:{category:"Optional Icon(s)"}}},d=(t,a)=>{let e,o={};for(e in t)t.hasOwnProperty(e)&&!a.includes(e)&&(o[e]=t[e]);return o},c=(t,a)=>{let e,o={};for(e in t)t.hasOwnProperty(e)&&a.includes(e)&&(o[e]=t[e]);return o};export{m as END_ICON_ARG,l as INPUT_A11Y_ARGS,n as INPUT_BASE_ARGS,r as INPUT_NUMERIC_ARGS,i as INPUT_TEXT_ARGS,s as SKELETON_ARG,u as START_ICON_ARG,d as argsExclude,c as argsOnly};
+const n={errorText:{name:"error-text",description:"Custom error message to be displayed. This value overrides any native or internal error messaging. If this is set, the component will be styled in an error state.",table:{category:"Base Input",defaultValue:{summary:""}}},helpText:{name:"help-text",description:"Custom help text to be displayed inline below the component.",table:{category:"Base Input",defaultValue:{summary:""}}},placeholder:{description:"Placeholder text to be displayed in the input.",table:{category:"Base Input",defaultValue:{summary:""}}},value:{description:"Value of the component.",table:{category:"Base Input",defaultValue:{summary:"undefined"}}},label:{description:"Visible label for the component. This is the gold standard, best practice way to label an input for built in accessibility support. If this is not set, you must set the ariaLabelledByElements property for correct programmatic association between your custom label and the input element.",table:{category:"Base Input",defaultValue:{summary:""}}},ariaLabelledByElements:{name:"aria-labelled-by-elements",description:"Used to programmatically associate a custom label to the input. This should only be used when you are using a custom label outside of the ngc input component due to limitations of the shadow dom. Accepts a list of elements. For more information on ARIA element reflection, see [here](https://wicg.github.io/aom/aria-reflection-explainer.html).",type:{summary:"Element[]"},table:{category:"Base Input",defaultValue:{summary:""}}},required:{description:"Whether the component is required.",table:{category:"Base Input",defaultValue:{summary:"false"}},control:{type:"boolean"}},hideRequired:{name:"hide-required",description:"Whether the visible required indicator should be hidden from the label when the component is required. This is useful for cases where majority of the fields are required so only the optional fields need to be marked (with the `optional` property).",control:{type:"boolean"},table:{category:"Base Input",defaultValue:{summary:"false"}}},optional:{description:"Whether the component should be marked as optional.",control:{type:"boolean"},table:{category:"Base Input",defaultValue:{summary:"false"}}},disabled:{description:"Whether the component is disabled.",table:{category:"Base Input",defaultValue:{summary:"false"}}},readonly:{description:"Whether the component is readonly.",table:{category:"Base Input",defaultValue:{summary:"false"}}},id:{description:"Unique ID for the component. Required for accessibility.",table:{category:"Base Input",defaultValue:{summary:""}}},minLength:{name:"min-length",description:"The minimum length of the input value. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength).",control:"number",table:{category:"Base Input",defaultValue:{summary:""}}},maxLength:{name:"max-length",description:"The maximum length of the input value. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength).",control:"number",table:{category:"Base Input",defaultValue:{summary:""}}}},i={pattern:{description:"The pattern attribute to be passed to the input. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern).",control:"text",table:{category:"Base Input",defaultValue:{summary:"undefined"}}}},r={min:{description:"The min attribute defines the minimum value that is acceptable and valid for the input containing the attribute. If the value of the element is less than this, the element fails validation. This value must be less than or equal to the value of the max attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min).",control:"string"},max:{description:"The max attribute defines the maximum value that is acceptable and valid for the input containing the attribute. If the value of the element is greater than this, the element fails validation. This value must be greater than or equal to the value of the min attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max).",control:"string"},step:{description:"The step attribute to be passed to the input for number inputs. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).",control:"number",table:{defaultValue:{summary:"1"}}}},l={ariaDescription:{name:"aria-description",description:"The aria-description attribute for the component.",table:{category:"Accessibility"}}},s={skeleton:{description:"Whether the component should be rendered in a skeleton/loading state.",control:{type:"boolean"},table:{defaultValue:{summary:"false"}}}},u={startIcon:{name:"start-icon",description:"Icon to be displayed at the start of the component. Should be a valid icon name from the [icon library](?path=/story/components-icon--gator-icon-list).",control:{type:"text"},table:{category:"Optional Icon(s)"}}},m={endIcon:{name:"end-icon",description:"Icon to be displayed at the end of the component. Should be a valid icon name from the [icon library](?path=/story/components-icon--gator-icon-list).",control:{type:"text"},table:{category:"Optional Icon(s)"}}},c=(t,a)=>{let e,o={};for(e in t)t.hasOwnProperty(e)&&!a.includes(e)&&(o[e]=t[e]);return o},d=(t,a)=>{let e,o={};for(e in t)t.hasOwnProperty(e)&&a.includes(e)&&(o[e]=t[e]);return o};export{m as END_ICON_ARG,l as INPUT_A11Y_ARGS,n as INPUT_BASE_ARGS,r as INPUT_NUMERIC_ARGS,i as INPUT_TEXT_ARGS,s as SKELETON_ARG,u as START_ICON_ARG,c as argsExclude,d as argsOnly};

package/dist/utils/vitest-a11y-utils.js

@@ -1 +1 @@
-import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.3.1_typescript@5.9.2__playwright@1.55.0__87f0b62113e4cf466e19137faba4c80e/node_modules/@vitest/browser/context.js";import n from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.3.1_@vitest_browser@3.2.4_@vitest_ui@3._1b07986b91643c89c81b0014d2711937/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);return o(l).toContain(r)}return o(!0).toBe(!1)}export{g as expectComponentFocusStyle,h as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};
+import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.10.0_typescript@5.9.3__playwright@1.56.1_vite@_goyfjr2bjpgz2pt2645hrgmcse/node_modules/@vitest/browser/context.js";import n from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.10.0_@vitest_browser@3.2.4_@vitest_ui@3.2.4_j_d4zn5pd34wsgn4wvyuyhrqqcse/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);return o(l).toContain(r)}return o(!0).toBe(!1)}export{g as expectComponentFocusStyle,h as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};