@f1falcha/stimulus 1.0.0

package/section-header/section-header.component.scss

@@ -0,0 +1,32 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-section-header {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    position: sticky;
+    top: 67px;
+    background-color: nb-theme(scl-section-header-background-color);
+    z-index: 2;
+    padding: nb-theme(scl-section-header-heading-padding);
+    align-items: center;
+
+    &__heading {
+        margin: nb-theme(scl-section-header-heading-margin);
+        color: nb-theme(scl-section-header-heading-color);
+        font-size: nb-theme(scl-section-header-heading-font-size);
+        font-weight: nb-theme(scl-section-header-heading-font-weight);
+        line-height: nb-theme(scl-section-header-heading-line-height);
+    }
+
+    nb-toggle {
+        .toggle-label {
+            width: 2.25rem;
+        }
+    }
+}
+
+.scl-section-header-line {
+    border-width: nb-theme(scl-section-line-border-width);
+    border-style: solid;
+    border-color: nb-theme(scl-section-line-border-color);
+}

package/section-row/section-row-config.scss

@@ -0,0 +1,9 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-section-row-gap: 0.75rem,
+    ),
+    default,
+    default
+);

package/section-row/section-row.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class SclSectionRow {
+    alignItems: 'start' | 'center' | 'end' | 'stretch';
+    private alignmentClasses;
+    get alignmentClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclSectionRow, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SclSectionRow, "[sclSectionRow]", never, { "alignItems": { "alias": "alignItems"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=section-row.d.ts.map

package/section-row/section-row.scss

@@ -0,0 +1,23 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-section-row {
+    display: grid;
+    gap: nb-theme(scl-section-row-gap);
+    grid-template-columns: 1fr auto;
+
+    &--align-start {
+        align-items: flex-start;
+    }
+
+    &--align-center {
+        align-items: center;
+    }
+
+    &--align-end {
+        align-items: flex-end;
+    }
+
+    &--align-stretch {
+        align-items: stretch;
+    }
+}

package/section-separator/section-separator-config.scss

@@ -0,0 +1,19 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        // Section line styles
+        scl-section-line-border-width: 0 0 0.063rem 0,
+        scl-section-line-border-color: color-basic-300,
+
+        // Section separator styles
+        scl-section-separator-micro-margin: 0.25rem,
+        scl-section-separator-tiny-margin: 0.5rem,
+        scl-section-separator-small-margin: 0.75rem,
+        scl-section-separator-medium-margin: 1rem,
+        scl-section-separator-large-margin: 1.25rem,
+        scl-section-separator-giant-margin: 1.5rem
+    ),
+    default,
+    default
+);

package/section-separator/section-separator.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare class SclSectionSeparator {
+    gap: string;
+    line?: string;
+    get addLine(): boolean;
+    get micro(): boolean;
+    get tiny(): boolean;
+    get small(): boolean;
+    get medium(): boolean;
+    get large(): boolean;
+    get giant(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclSectionSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SclSectionSeparator, "section[gap]", never, { "gap": { "alias": "gap"; "required": true; }; "line": { "alias": "line"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=section-separator.d.ts.map

package/section-separator/section-separator.scss

@@ -0,0 +1,28 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-section-line {
+    border-width: nb-theme(scl-section-line-border-width);
+    border-style: solid;
+    border-color: nb-theme(scl-section-line-border-color);
+}
+
+.scl-section-separator {
+    &--micro {
+        margin-bottom: nb-theme(scl-section-separator-micro-margin);
+    }
+    &--tiny {
+        margin-bottom: nb-theme(scl-section-separator-tiny-margin);
+    }
+    &--small {
+        margin-bottom: nb-theme(scl-section-separator-small-margin);
+    }
+    &--medium {
+        margin-bottom: nb-theme(scl-section-separator-medium-margin);
+    }
+    &--large {
+        margin-bottom: nb-theme(scl-section-separator-large-margin);
+    }
+    &--giant {
+        margin-bottom: nb-theme(scl-section-separator-giant-margin);
+    }
+}

package/section-shell/section-shell-config.scss

@@ -0,0 +1,23 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-section-shell-aside-width: 12.375rem,
+        scl-section-shell-content-width: 1fr,
+        scl-section-shell-gap: 1.188rem,
+
+        scl-section-shell-sidebar-padding: 0 1.25rem 0 0,
+        scl-section-shell-sidebar-border-width: 0.063rem,
+        scl-section-shell-sidebar-border-style: solid,
+        scl-section-shell-sidebar-border-color: color-basic-200,
+
+        scl-section-shell-sidebar-min-width: 12.5rem,
+        scl-section-shell-sidebar-min-height: 80vh,
+
+        scl-section-shell-menu-icon-width: 1rem,
+        scl-section-shell-menu-icon-top: 4.625rem,
+        scl-section-shell-menu-icon-margin: 0 0 0 0.5rem,
+    ),
+    default,
+    default
+);

package/section-shell/section-shell.component.d.ts

@@ -0,0 +1,12 @@
+import { SclMenu } from '../menu/menu.component';
+import * as i0 from "@angular/core";
+export declare class SclSectionShellComponent {
+    items: SclMenu[];
+    iconPosition?: string;
+    get front(): boolean;
+    get center(): boolean;
+    get back(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclSectionShellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclSectionShellComponent, "scl-section-shell", never, { "items": { "alias": "items"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, {}, never, ["scl-sidebar-header", "*"], true, never>;
+}
+//# sourceMappingURL=section-shell.component.d.ts.map

package/section-shell/section-shell.component.scss

@@ -0,0 +1,30 @@
+@use '@nebular/theme/styles/theming' as *;
+.scl-section-shell {
+    display: flex;
+    gap: nb-theme(scl-section-shell-gap);
+    &__sidebar {
+        border: none;
+        border-right: var(--scl-section-shell-sidebar-border-width) var(--scl-section-shell-sidebar-border-style) var(--scl-section-shell-sidebar-border-color);
+    }
+    &__sidebar {
+        grid-area: scl-section-shell-aside;
+        min-width: nb-theme(scl-section-shell-sidebar-min-width);
+        min-height: nb-theme(scl-section-shell-sidebar-min-height);
+        height: calc(100vh - 87px);
+        padding: nb-theme(scl-section-shell-sidebar-padding);
+        border-right: nb-theme(scl-section-shell-sidebar-border-width) nb-theme(scl-section-shell-sidebar-border-style)
+            nb-theme(scl-section-shell-sidebar-border-color);
+        position: sticky;
+        top: 67px;
+        overflow: auto;
+    }
+
+    &__content {
+        width: 100%;
+        flex-basis: calc(100% - 224px);
+        max-width: calc(100% - 224px);
+        &.auto {
+            justify-self: auto;
+        }
+    }
+}

package/select/select-config.scss

@@ -0,0 +1,78 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        select-max-width: 26.25rem,
+
+        select-border-radius: input-rectangle-border-radius,
+        select-border-width: input-border-width,
+        select-border-style: input-border-style,
+
+        select-medium-padding: input-medium-padding,
+        select-medium-text-font-size: input-medium-text-font-size,
+        select-medium-text-line-height: input-medium-text-line-height,
+
+        select-outline-width: input-outline-width,
+
+        select-basic-text-color: input-basic-text-color,
+        select-basic-border-color: input-basic-border-color,
+        select-basic-hover-border-color: input-basic-hover-border-color,
+
+        select-focus-outline-color: color-primary-100,
+
+        // disabled
+        select-disabled-background-color: color-basic-100,
+        select-disabled-border-color: color-basic-300,
+        select-disabled-text-color: color-basic-900,
+
+        // placeholder
+        select-basic-placeholder-text-color: input-basic-placeholder-text-color,
+        select-disabled-placeholder-text-color: color-basic-900,
+
+        select-clear-wrapper-height: 1.5rem,
+        select-clear-wrapper-width: 1.5rem,
+
+        select-wrapper-height: 1rem,
+        select-wrapper-width: 1rem,
+        select-clear-wrapper-top: 50%,
+        select-clear-wrapper-right: 1.5rem,
+        select-clear-wrapper-translate: translateY(-50%),
+        select-arrow-height: 0.5rem,
+        select-arrow-width: 0.5rem,
+        select-arrow-margin: -0.25rem 0 0 0,
+        select-arrow-rotate: rotate(-45deg),
+        select-arrow-border-width: 0 0 0.063rem 0.063rem,
+        select-arrow-border-color: color-basic-600,
+
+        select-dropdown-padding: 0,
+        select-dropdown-panel-left: 0,
+        select-dropdown-panel-margin: 0.3125rem 0 0 0,
+        select-dropdown-panel-items-border-radius: 0.75rem,
+        select-dropdown-panel-items-margin: 0 0.5rem 0.5rem,
+        select-dropdown-panel-option-padding: 0.625rem 0.875rem,
+        select-dropdown-option-disabled-opacity: 0.7,
+        select-dropdown-option-marked-color: color-basic-50,
+        select-dropdown-option-marked-border-radius: 0.25rem,
+        select-dropdown-option-selected-color: color-basic-50,
+
+        select-container-value-min-height: 1.25rem,
+        select-container-value-margin: 0 0.5rem 0 0,
+        select-container-input-padding: 1.5rem,
+        select-container-value-label-color: color-basic-900,
+
+        select-option-label-gap: 0.5rem,
+        select-option-label-padding: 0 0 0 1.5rem,
+        select-option-label-font-size: scl-text-scl-text-body-medium-font-size,
+        select-option-label-subtitle-max-width: 100%,
+        select-option-label-subtitle-flex-basis: 100%,
+        select-option-label-subtitle-margin-top: 0.25rem,
+
+        select-option-selected-icon-translate: rotate(-45deg),
+        select-option-selected-icon-width: 1rem,
+        select-option-selected-icon-height: 0.5rem,
+        select-option-selected-icon-color: color-primary-500,
+        select-option-selected-icon-border-width: 0.125rem,
+    ),
+    default,
+    default
+);

package/select/select.component.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormBuilder, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export interface SclSelect {
+    label: string;
+    value: string;
+    description?: string;
+    groupBy?: string;
+    isSelected?: boolean;
+}
+export declare class SclSelectComponent implements ControlValueAccessor, OnInit {
+    private formBuilder;
+    change: EventEmitter<any>;
+    placeholder: string;
+    set items(value: any[]);
+    bindLabel: string;
+    bindValue: string;
+    appendTo: string;
+    name: string;
+    notFoundText: string;
+    set readonly(value: string | boolean);
+    selectForm: FormGroup;
+    filteredData: any[];
+    allData: any[];
+    isReadonly: boolean;
+    get hasGroupBy(): boolean;
+    get hasSelectedItem(): boolean;
+    constructor(formBuilder: FormBuilder);
+    ngOnInit(): void;
+    private initForm;
+    private filterAccounts;
+    onChange: (val: any) => void;
+    onTouch: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    selectChange(event: SclSelect): void;
+    handleAccountFilter(): void;
+    onDropdownClose(): void;
+    onClear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclSelectComponent, "scl-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "items": { "alias": "items"; "required": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "name": { "alias": "name"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}
+//# sourceMappingURL=select.component.d.ts.map

package/select/select.scss

@@ -0,0 +1,174 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.nb-theme-default {
+    &.body {
+        position: relative;
+    }
+    .ng-select {
+        display: flex;
+        align-items: center;
+        padding: nb-theme(select-medium-padding);
+        border-radius: nb-theme(select-border-radius);
+        border-width: nb-theme(select-border-width);
+        border-style: nb-theme(select-border-style);
+        border-color: nb-theme(select-basic-border-color);
+        background-color: nb-theme(color-control-default);
+        font-size: nb-theme(select-medium-text-font-size);
+        line-height: nb-theme(select-medium-text-line-height);
+
+        &:hover:not(.ng-select-disabled) {
+            border-color: nb-theme(select-basic-hover-border-color);
+        }
+
+        &.ng-select-opened {
+            .ng-select-container {
+                z-index: 0;
+            }
+        }
+
+        &.ng-select-focused {
+            display: flex;
+            align-items: center;
+            outline-width: nb-theme(select-outline-width);
+            outline-style: nb-theme(select-border-style);
+            outline-color: nb-theme(select-focus-outline-color);
+            &:hover {
+                border-color: nb-theme(select-focus-outline-color);
+            }
+        }
+
+        &.ng-select-disabled {
+            background-color: nb-theme(select-disabled-background-color);
+            border-color: nb-theme(select-disabled-border-color);
+            color: nb-theme(select-disabled-text-color);
+            .ng-placeholder {
+                color: nb-theme(select-disabled-placeholder-text-color);
+            }
+
+            .ng-arrow-wrapper {
+                display: none;
+            }
+        }
+
+        .ng-placeholder {
+            color: nb-theme(select-basic-placeholder-text-color);
+        }
+
+        .ng-select-container {
+            &.ng-has-value {
+                .ng-clear-wrapper {
+                    display: none;
+                }
+                .ng-value-label {
+                    color: nb-theme(select-container-value-label-color);
+                }
+                .ng-placeholder {
+                    display: none;
+                }
+            }
+
+            .ng-value-container {
+                min-height: nb-theme(select-container-value-min-height);
+                .ng-value {
+                    margin: nb-theme(select-container-value-margin);
+                }
+            }
+
+            .ng-input {
+                padding-right: nb-theme(select-container-input-padding);
+            }
+        }
+
+        .ng-clear-wrapper {
+            position: absolute;
+            top: nb-theme(select-clear-wrapper-top);
+            right: nb-theme(select-clear-wrapper-right);
+            transform: nb-theme(select-clear-wrapper-translate);
+            width: nb-theme(select-clear-wrapper-width);
+            height: nb-theme(select-clear-wrapper-height);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 1;
+            backface-visibility: none;
+
+            .ng-clear {
+                color: nb-theme(select-basic-border-color);
+            }
+        }
+
+        .ng-arrow-wrapper {
+            width: nb-theme(select-wrapper-width);
+            height: nb-theme(select-wrapper-height);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            .ng-arrow {
+                width: nb-theme(select-arrow-width);
+                height: nb-theme(select-arrow-height);
+                margin: nb-theme(select-arrow-margin);
+                border-color: nb-theme(select-arrow-border-color);
+                border-style: nb-theme(select-border-style);
+                border-width: nb-theme(select-arrow-border-width);
+                transform: nb-theme(select-arrow-rotate);
+            }
+        }
+    }
+
+    .ng-dropdown-panel {
+        padding: nb-theme(select-dropdown-padding);
+        font-size: nb-theme(select-text-font-size);
+        background-color: nb-theme(color-control-default);
+        border-width: nb-theme(select-border-width);
+        border-style: nb-theme(select-border-style);
+        border-color: nb-theme(select-dropdown-option-marked-color);
+        border-radius: nb-theme(select-dropdown-panel-items-border-radius);
+        margin: nb-theme(select-dropdown-panel-margin);
+        width: fit-content;
+    }
+
+    .ng-dropdown-panel-items {
+        border-radius: nb-theme(select-dropdown-panel-items-border-radius);
+        box-shadow:
+            nb-theme(scl-box-shadow-depth-medium-larger-offset) nb-theme(scl-box-shadow-depth-medium-color-larger-offset),
+            nb-theme(scl-box-shadow-depth-medium-smaller-offset) nb-theme(scl-box-shadow-depth-medium-color-smaller-offset);
+
+        > div:nth-child(2) {
+            margin: nb-theme(select-dropdown-panel-items-margin);
+        }
+
+        .ng-option {
+            padding: nb-theme(select-dropdown-panel-option-padding);
+
+            &.ng-option-marked {
+                background-color: nb-theme(select-dropdown-option-marked-color);
+                border-radius: nb-theme(select-dropdown-option-marked-border-radius);
+            }
+
+            &.ng-option-selected {
+                background-color: nb-theme(select-dropdown-option-marked-color);
+                border-radius: nb-theme(select-dropdown-option-marked-border-radius);
+                position: relative;
+                &::after {
+                    content: '';
+                    position: absolute;
+                    top: 0.875rem;
+                    left: 0.55rem;
+                    transform: nb-theme(select-option-selected-icon-translate);
+                    width: nb-theme(select-option-selected-icon-width);
+                    height: nb-theme(select-option-selected-icon-height);
+                    border-bottom: nb-theme(select-option-selected-icon-border-width) solid nb-theme(select-option-selected-icon-color);
+                    border-left: nb-theme(select-option-selected-icon-border-width) solid nb-theme(select-option-selected-icon-color);
+                }
+            }
+        }
+    }
+
+    .ng-option-label {
+        justify-content: flex-start;
+        gap: nb-theme(select-option-label-gap);
+        padding: nb-theme(select-option-label-padding);
+        font-size: nb-theme(select-option-label-font-size);
+    }
+}

package/select-card/select-card-config.scss

@@ -0,0 +1,32 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-select-card-padding: 1.25rem,
+        scl-select-card-border-radius: 0.375rem,
+        scl-select-card-border-width: 0.063rem,
+        scl-select-card-border-color: color-basic-300,
+        scl-select-card-gap: 0.75rem,
+
+        scl-select-card-select-dropdown-padding: 0.5rem,
+
+        scl-select-card-avatar-width: 3.5rem,
+        scl-select-card-avatar-height: 3.5rem,
+        scl-select-card-avatar-border-radius: 50%,
+        scl-select-card-avatar-background-color: color-supporting-blue-light-100,
+
+        scl-select-card-icon-width: 1.75rem,
+        scl-select-card-icon-height: 1.75rem,
+
+        scl-select-card-bullet-width: 0.375rem,
+        scl-select-card-bullet-height: 0.375rem,
+        scl-select-card-bullet-border-radius: 50%,
+        scl-select-card-bullet-margin: 0.625rem 0.375rem,
+        scl-select-card-bullet-background-color: color-basic-500,
+
+        scl-select-card-button-padding: 0.125rem,
+        scl-select-card-button-gap: 0.75rem,
+    ),
+    default,
+    default
+);

package/select-card/select-card-icon.d.ts

@@ -0,0 +1,3 @@
+import { NbIcons } from '@nebular/theme';
+export declare const SELECT_CARD_ICONS: NbIcons;
+//# sourceMappingURL=select-card-icon.d.ts.map

package/select-card/select-card.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormBuilder, FormGroup } from '@angular/forms';
+import { NbIconLibraries } from '@nebular/theme';
+import * as i0 from "@angular/core";
+export interface SelectCard {
+    label: string;
+    value: string;
+    status?: string;
+}
+export declare class SclSelectCardComponent implements OnInit, ControlValueAccessor {
+    private iconLibraries;
+    private formBuilder;
+    selected: EventEmitter<string>;
+    set items(value: SelectCard[]);
+    set searchable(value: string | boolean);
+    get searchable(): string | boolean;
+    selectForm: FormGroup;
+    hasSearch: boolean;
+    placeholder: string;
+    allData: SelectCard[];
+    displayData: SelectCard[];
+    isDropdownOpen: boolean;
+    constructor(iconLibraries: NbIconLibraries, formBuilder: FormBuilder);
+    ngOnInit(): void;
+    private initForm;
+    onChange: (val: any) => void;
+    onTouch: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    selectChange(event: SelectCard): void;
+    handleFilter(): void;
+    private filterAccounts;
+    dropdownOpen(value: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclSelectCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclSelectCardComponent, "scl-select-card", never, { "items": { "alias": "items"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; }, { "selected": "selected"; }, never, ["scl-badge"], true, never>;
+}
+//# sourceMappingURL=select-card.component.d.ts.map

package/select-card/select-card.component.scss

@@ -0,0 +1,66 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-select-card {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    border-radius: nb-theme(scl-select-card-border-radius);
+    padding: nb-theme(scl-select-card-padding);
+    border: nb-theme(scl-select-card-border-width) solid nb-theme(scl-select-card-border-color);
+    gap: nb-theme(scl-select-card-gap);
+
+    &__select {
+        &.ng-select {
+            border: none;
+            padding: 0;
+
+            .ng-arrow-wrapper {
+                display: none;
+            }
+        }
+
+        &.ng-dropdown-panel {
+            padding: nb-theme(scl-select-card-select-dropdown-padding);
+        }
+    }
+
+    &__avatar {
+        width: nb-theme(scl-select-card-avatar-width);
+        height: nb-theme(scl-select-card-avatar-height);
+        position: relative;
+        background-color: nb-theme(scl-select-card-avatar-background-color);
+        border-radius: nb-theme(scl-select-card-avatar-border-radius);
+
+        nb-icon {
+            width: nb-theme(scl-select-card-icon-width);
+            height: nb-theme(scl-select-card-icon-height);
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
+    }
+
+    &__content {
+        display: grid;
+    }
+
+    &__info {
+        display: flex;
+    }
+
+    &__bullet {
+        width: nb-theme(scl-select-card-bullet-width);
+        height: nb-theme(scl-select-card-bullet-height);
+        border-radius: nb-theme(scl-select-card-bullet-border-radius);
+        background-color: nb-theme(scl-select-card-bullet-background-color);
+        margin: nb-theme(scl-select-card-bullet-margin);
+    }
+
+    &__button {
+        &[nbButton].appearance-ghost.status-basic,
+        .appearance-ghost.status-basic {
+            padding: nb-theme(scl-select-card-button-padding);
+            gap: nb-theme(scl-select-card-button-gap);
+        }
+    }
+}

package/select-country/select-country-config.scss

@@ -0,0 +1,10 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-select-country-width: 7.35rem,
+        scl-select-country-field-gap: 0.5rem,
+    ),
+    default,
+    default
+);