yukit-web 0.0.1

package/fesm2022/yukit-web-helm-resizable.mjs

@@ -0,0 +1,98 @@
+import * as i0 from '@angular/core';
+import { Directive, inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/resizable';
+import { BrnResizableGroup, BrnResizableHandle, BrnResizablePanel } from '@spartan-ng/brain/resizable';
+import { classes } from 'yukit-web/helm/utils';
+
+class HlmResizableGroup {
+    constructor() {
+        classes(() => 'group flex h-full w-full data-[panel-group-direction=vertical]:flex-col');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmResizableGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmResizableGroup, isStandalone: true, selector: "[hlmResizableGroup],hlm-resizable-group", host: { attributes: { "data-slot": "resizable-group" } }, hostDirectives: [{ directive: i1.BrnResizableGroup, inputs: ["direction", "direction", "layout", "layout"], outputs: ["dragEnd", "dragEnd", "dragStart", "dragStart", "layoutChange", "layoutChange"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmResizableGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmResizableGroup],hlm-resizable-group',
+                    hostDirectives: [
+                        {
+                            directive: BrnResizableGroup,
+                            inputs: ['direction', 'layout'],
+                            outputs: ['dragEnd', 'dragStart', 'layoutChange'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'resizable-group',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmResizableHandle {
+    constructor() {
+        this._brnResizableHandle = inject(BrnResizableHandle);
+        classes(() => [
+            'bg-border ring-offset-background focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',
+            'data-[panel-group-direction=horizontal]:hover:cursor-ew-resize data-[panel-group-direction=vertical]:hover:cursor-ns-resize',
+        ]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmResizableHandle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: HlmResizableHandle, isStandalone: true, selector: "hlm-resizable-handle", host: { attributes: { "data-slot": "resizable-handle" } }, exportAs: ["hlmResizableHandle"], hostDirectives: [{ directive: i1.BrnResizableHandle, inputs: ["withHandle", "withHandle", "disabled", "disabled"] }], ngImport: i0, template: `
+		@if (_brnResizableHandle.withHandle()) {
+			<div class="bg-border h-6 w-1 rounded-lg z-10 flex shrink-0"></div>
+		}
+	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmResizableHandle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-resizable-handle',
+                    exportAs: 'hlmResizableHandle',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [{ directive: BrnResizableHandle, inputs: ['withHandle', 'disabled'] }],
+                    host: {
+                        'data-slot': 'resizable-handle',
+                    },
+                    template: `
+		@if (_brnResizableHandle.withHandle()) {
+			<div class="bg-border h-6 w-1 rounded-lg z-10 flex shrink-0"></div>
+		}
+	`,
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmResizablePanel {
+    constructor() {
+        this._resizablePanel = inject(BrnResizablePanel);
+    }
+    setSize(size) {
+        this._resizablePanel.setSize(size);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmResizablePanel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmResizablePanel, isStandalone: true, selector: "[hlmResizablePanel],hlm-resizable-panel", host: { attributes: { "data-slot": "resizable-panel" } }, exportAs: ["hlmResizablePanel"], hostDirectives: [{ directive: i1.BrnResizablePanel, inputs: ["defaultSize", "defaultSize", "id", "id", "collapsible", "collapsible", "maxSize", "maxSize", "minSize", "minSize"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmResizablePanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmResizablePanel],hlm-resizable-panel',
+                    exportAs: 'hlmResizablePanel',
+                    hostDirectives: [
+                        {
+                            directive: BrnResizablePanel,
+                            inputs: ['defaultSize', 'id', 'collapsible', 'maxSize', 'minSize'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'resizable-panel',
+                    },
+                }]
+        }] });
+
+const HlmResizableImports = [HlmResizableGroup, HlmResizablePanel, HlmResizableHandle];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmResizableGroup, HlmResizableHandle, HlmResizableImports, HlmResizablePanel };
+//# sourceMappingURL=yukit-web-helm-resizable.mjs.map

package/fesm2022/yukit-web-helm-resizable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-resizable.mjs","sources":["../../../projects/yukit-web/helm/resizable/src/lib/hlm-resizable-group.ts","../../../projects/yukit-web/helm/resizable/src/lib/hlm-resizable-handle.ts","../../../projects/yukit-web/helm/resizable/src/lib/hlm-resizable-panel.ts","../../../projects/yukit-web/helm/resizable/src/index.ts","../../../projects/yukit-web/helm/resizable/src/yukit-web-helm-resizable.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { BrnResizableGroup } from '@spartan-ng/brain/resizable';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Directive({\n\tselector: '[hlmResizableGroup],hlm-resizable-group',\n\thostDirectives: [\n\t\t{\n\t\t\tdirective: BrnResizableGroup,\n\t\t\tinputs: ['direction', 'layout'],\n\t\t\toutputs: ['dragEnd', 'dragStart', 'layoutChange'],\n\t\t},\n\t],\n\thost: {\n\t\t'data-slot': 'resizable-group',\n\t},\n})\nexport class HlmResizableGroup {\n\tconstructor() {\n\t\tclasses(() => 'group flex h-full w-full data-[panel-group-direction=vertical]:flex-col');\n\t}\n}\n","import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { BrnResizableHandle } from '@spartan-ng/brain/resizable';\nimport { classes } from 'yukit-web/helm/utils';\n\n@Component({\n\tselector: 'hlm-resizable-handle',\n\texportAs: 'hlmResizableHandle',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thostDirectives: [{ directive: BrnResizableHandle, inputs: ['withHandle', 'disabled'] }],\n\thost: {\n\t\t'data-slot': 'resizable-handle',\n\t},\n\ttemplate: `\n\t\t@if (_brnResizableHandle.withHandle()) {\n\t\t\t<div class=\"bg-border h-6 w-1 rounded-lg z-10 flex shrink-0\"></div>\n\t\t}\n\t`,\n})\nexport class HlmResizableHandle {\n\tprotected readonly _brnResizableHandle = inject(BrnResizableHandle);\n\n\tconstructor() {\n\t\tclasses(() => [\n\t\t\t'bg-border ring-offset-background focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n\t\t\t'data-[panel-group-direction=horizontal]:hover:cursor-ew-resize data-[panel-group-direction=vertical]:hover:cursor-ns-resize',\n\t\t]);\n\t}\n}\n","import { Directive, inject } from '@angular/core';\nimport { BrnResizablePanel } from '@spartan-ng/brain/resizable';\n\n@Directive({\n\tselector: '[hlmResizablePanel],hlm-resizable-panel',\n\texportAs: 'hlmResizablePanel',\n\thostDirectives: [\n\t\t{\n\t\t\tdirective: BrnResizablePanel,\n\t\t\tinputs: ['defaultSize', 'id', 'collapsible', 'maxSize', 'minSize'],\n\t\t},\n\t],\n\thost: {\n\t\t'data-slot': 'resizable-panel',\n\t},\n})\nexport class HlmResizablePanel {\n\tprivate readonly _resizablePanel = inject(BrnResizablePanel);\n\n\tpublic setSize(size: number) {\n\t\tthis._resizablePanel.setSize(size);\n\t}\n}\n","import { HlmResizableGroup } from './lib/hlm-resizable-group';\nimport { HlmResizableHandle } from './lib/hlm-resizable-handle';\nimport { HlmResizablePanel } from './lib/hlm-resizable-panel';\n\nexport * from './lib/hlm-resizable-group';\nexport * from './lib/hlm-resizable-handle';\nexport * from './lib/hlm-resizable-panel';\n\nexport const HlmResizableImports = [HlmResizableGroup, HlmResizablePanel, HlmResizableHandle] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/yukit-web-helm-scroll-area.mjs

@@ -0,0 +1,36 @@
+import * as i0 from '@angular/core';
+import { Directive } from '@angular/core';
+import { classes } from 'yukit-web/helm/utils';
+import { provideScrollbarOptions } from 'ngx-scrollbar';
+
+class HlmScrollArea {
+    constructor() {
+        classes(() => 'rounded-md [--scrollbar-thumb-shape:9999px] block');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmScrollArea, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmScrollArea, isStandalone: true, selector: "ng-scrollbar[hlm],ng-scrollbar[hlmScrollbar]", host: { attributes: { "data-slot": "scroll-area" }, properties: { "style.--scrollbar-thumb-color": "\"var(--border)\"", "style.--scrollbar-thumb-hover-color": "\"var(--border)\"", "style.--scrollbar-track-color": "\"transparent\"", "style.--scrollbar-track-thickness": "\"0.625rem\"", "style.--scrollbar-track-offset": "\"1.5px\"" } }, providers: [provideScrollbarOptions({ visibility: 'hover' })], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmScrollArea, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-scrollbar[hlm],ng-scrollbar[hlmScrollbar]',
+                    providers: [provideScrollbarOptions({ visibility: 'hover' })],
+                    host: {
+                        'data-slot': 'scroll-area',
+                        '[style.--scrollbar-thumb-color]': '"var(--border)"',
+                        '[style.--scrollbar-thumb-hover-color]': '"var(--border)"',
+                        '[style.--scrollbar-track-color]': '"transparent"',
+                        '[style.--scrollbar-track-thickness]': '"0.625rem"',
+                        '[style.--scrollbar-track-offset]': '"1.5px"',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const HlmScrollAreaImports = [HlmScrollArea];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmScrollArea, HlmScrollAreaImports };
+//# sourceMappingURL=yukit-web-helm-scroll-area.mjs.map

package/fesm2022/yukit-web-helm-scroll-area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yukit-web-helm-scroll-area.mjs","sources":["../../../projects/yukit-web/helm/scroll-area/src/lib/hlm-scroll-area.ts","../../../projects/yukit-web/helm/scroll-area/src/index.ts","../../../projects/yukit-web/helm/scroll-area/src/yukit-web-helm-scroll-area.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { classes } from 'yukit-web/helm/utils';\nimport { provideScrollbarOptions } from 'ngx-scrollbar';\n\n@Directive({\n\tselector: 'ng-scrollbar[hlm],ng-scrollbar[hlmScrollbar]',\n\tproviders: [provideScrollbarOptions({ visibility: 'hover' })],\n\thost: {\n\t\t'data-slot': 'scroll-area',\n\t\t'[style.--scrollbar-thumb-color]': '\"var(--border)\"',\n\t\t'[style.--scrollbar-thumb-hover-color]': '\"var(--border)\"',\n\t\t'[style.--scrollbar-track-color]': '\"transparent\"',\n\t\t'[style.--scrollbar-track-thickness]': '\"0.625rem\"',\n\t\t'[style.--scrollbar-track-offset]': '\"1.5px\"',\n\t},\n})\nexport class HlmScrollArea {\n\tconstructor() {\n\t\tclasses(() => 'rounded-md [--scrollbar-thumb-shape:9999px] block');\n\t}\n}\n","import { HlmScrollArea } from './lib/hlm-scroll-area';\n\nexport * from './lib/hlm-scroll-area';\n\nexport const HlmScrollAreaImports = [HlmScrollArea] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAgBa,aAAa,CAAA;AACzB,IAAA,WAAA,GAAA;AACC,QAAA,OAAO,CAAC,MAAM,mDAAmD,CAAC;IACnE;8GAHY,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,UAAA,EAAA,EAAA,+BAAA,EAAA,mBAAA,EAAA,qCAAA,EAAA,mBAAA,EAAA,+BAAA,EAAA,iBAAA,EAAA,mCAAA,EAAA,cAAA,EAAA,gCAAA,EAAA,WAAA,EAAA,EAAA,EAAA,SAAA,EAVd,CAAC,uBAAuB,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAUjD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,8CAA8C;oBACxD,SAAS,EAAE,CAAC,uBAAuB,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC;AAC7D,oBAAA,IAAI,EAAE;AACL,wBAAA,WAAW,EAAE,aAAa;AAC1B,wBAAA,iCAAiC,EAAE,iBAAiB;AACpD,wBAAA,uCAAuC,EAAE,iBAAiB;AAC1D,wBAAA,iCAAiC,EAAE,eAAe;AAClD,wBAAA,qCAAqC,EAAE,YAAY;AACnD,wBAAA,kCAAkC,EAAE,SAAS;AAC7C,qBAAA;AACD,iBAAA;;;ACXM,MAAM,oBAAoB,GAAG,CAAC,aAAa;;ACJlD;;AAEG;;;;"}

package/fesm2022/yukit-web-helm-select.mjs

@@ -0,0 +1,412 @@
+import * as i0 from '@angular/core';
+import { Directive, ChangeDetectionStrategy, Component, computed, input, booleanAttribute, inject } from '@angular/core';
+import * as i2 from '@spartan-ng/brain/popover';
+import { provideBrnPopoverConfig, provideBrnPopoverDefaultOptions, BrnPopover, BrnPopoverContent } from '@spartan-ng/brain/popover';
+import * as i1 from '@spartan-ng/brain/select';
+import { BrnSelect, BrnSelectScrollDown, BrnSelectScrollUp, BrnSelectContent, BrnSelectGroup, BrnSelectItem, BrnSelectLabel, BrnSelectMultiple, BrnSelectPlaceholder, BrnSelectSeparator, BrnSelectTrigger, BrnSelectValue, BrnSelectValueTemplate, BrnSelectValues } from '@spartan-ng/brain/select';
+import { classes, hlm } from 'yukit-web/helm/utils';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideChevronDown, lucideChevronUp, lucideCheck } from '@ng-icons/lucide';
+import { BrnFieldControlDescribedBy } from '@spartan-ng/brain/field';
+
+class HlmSelect {
+    constructor() {
+        classes(() => 'block');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelect, isStandalone: true, selector: "[hlmSelect],hlm-select", host: { attributes: { "data-slot": "select" } }, providers: [
+            provideBrnPopoverConfig({
+                align: 'start',
+                sideOffset: 6,
+            }),
+            provideBrnPopoverDefaultOptions({ role: null }),
+        ], hostDirectives: [{ directive: i1.BrnSelect, inputs: ["disabled", "disabled", "value", "value", "isItemEqualToValue", "isItemEqualToValue", "itemToString", "itemToString"], outputs: ["valueChange", "valueChange"] }, { directive: i2.BrnPopover, inputs: ["align", "align", "closeOnOutsidePointerEvents", "closeOnOutsidePointerEvents", "sideOffset", "sideOffset", "state", "state", "offsetX", "offsetX"], outputs: ["stateChanged", "stateChanged", "closed", "closed"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelect, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSelect],hlm-select',
+                    providers: [
+                        provideBrnPopoverConfig({
+                            align: 'start',
+                            sideOffset: 6,
+                        }),
+                        provideBrnPopoverDefaultOptions({ role: null }),
+                    ],
+                    hostDirectives: [
+                        {
+                            directive: BrnSelect,
+                            inputs: ['disabled', 'value', 'isItemEqualToValue', 'itemToString'],
+                            outputs: ['valueChange'],
+                        },
+                        {
+                            directive: BrnPopover,
+                            inputs: ['align', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+                            outputs: ['stateChanged', 'closed'],
+                        },
+                    ],
+                    host: { 'data-slot': 'select' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmSelectScrollDown {
+    constructor() {
+        classes(() => "bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] sticky bottom-0 w-full data-hidden:hidden");
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectScrollDown, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectScrollDown, isStandalone: true, selector: "hlm-select-scroll-down", providers: [provideIcons({ lucideChevronDown })], hostDirectives: [{ directive: i1.BrnSelectScrollDown }], ngImport: i0, template: `
+		<ng-icon name="lucideChevronDown" />
+	`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectScrollDown, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-select-scroll-down',
+                    imports: [NgIcon],
+                    providers: [provideIcons({ lucideChevronDown })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [BrnSelectScrollDown],
+                    template: `
+		<ng-icon name="lucideChevronDown" />
+	`,
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmSelectScrollUp {
+    constructor() {
+        classes(() => "bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] sticky top-0 w-full data-hidden:hidden");
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectScrollUp, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectScrollUp, isStandalone: true, selector: "hlm-select-scroll-up", providers: [provideIcons({ lucideChevronUp })], hostDirectives: [{ directive: i1.BrnSelectScrollUp }], ngImport: i0, template: `
+		<ng-icon name="lucideChevronUp" />
+	`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectScrollUp, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-select-scroll-up',
+                    imports: [NgIcon],
+                    providers: [provideIcons({ lucideChevronUp })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [BrnSelectScrollUp],
+                    template: `
+		<ng-icon name="lucideChevronUp" />
+	`,
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmSelectContent {
+    constructor() {
+        this._computedListboxClasses = computed(() => hlm('flex flex-col'), ...(ngDevMode ? [{ debugName: "_computedListboxClasses" }] : /* istanbul ignore next */ []));
+        this.showScroll = input(false, { ...(ngDevMode ? { debugName: "showScroll" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        classes(() => 'bg-popover no-scrollbar text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 max-h-72 min-w-36 flex-col rounded-lg shadow-md ring-1 duration-100 relative flex w-(--brn-select-width) overflow-x-hidden overflow-y-auto');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: HlmSelectContent, isStandalone: true, selector: "hlm-select-content", inputs: { showScroll: { classPropertyName: "showScroll", publicName: "showScroll", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.BrnSelectContent }], ngImport: i0, template: `
+		@if (showScroll()) {
+			<hlm-select-scroll-up />
+		}
+
+		<div role="listbox" [class]="_computedListboxClasses()">
+			<ng-content />
+		</div>
+
+		@if (showScroll()) {
+			<hlm-select-scroll-down />
+		}
+	`, isInline: true, dependencies: [{ kind: "component", type: HlmSelectScrollUp, selector: "hlm-select-scroll-up" }, { kind: "component", type: HlmSelectScrollDown, selector: "hlm-select-scroll-down" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-select-content',
+                    imports: [HlmSelectScrollUp, HlmSelectScrollDown],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [BrnSelectContent],
+                    template: `
+		@if (showScroll()) {
+			<hlm-select-scroll-up />
+		}
+
+		<div role="listbox" [class]="_computedListboxClasses()">
+			<ng-content />
+		</div>
+
+		@if (showScroll()) {
+			<hlm-select-scroll-down />
+		}
+	`,
+                }]
+        }], ctorParameters: () => [], propDecorators: { showScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "showScroll", required: false }] }] } });
+
+class HlmSelectGroup {
+    constructor() {
+        classes(() => 'scroll-my-1 p-1');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectGroup, isStandalone: true, selector: "[hlmSelectGroup],hlm-select-group", host: { attributes: { "data-slot": "select-group" } }, hostDirectives: [{ directive: i1.BrnSelectGroup }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSelectGroup],hlm-select-group',
+                    hostDirectives: [{ directive: BrnSelectGroup }],
+                    host: { 'data-slot': 'select-group' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmSelectItem {
+    constructor() {
+        this._brnSelectItem = inject(BrnSelectItem);
+        this._active = this._brnSelectItem.active;
+        classes(() => 'data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-1.5 rounded-md py-1 ps-1.5 pe-8 text-sm *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: HlmSelectItem, isStandalone: true, selector: "hlm-select-item", host: { attributes: { "data-slot": "select-item" } }, providers: [provideIcons({ lucideCheck })], hostDirectives: [{ directive: i1.BrnSelectItem, inputs: ["id", "id", "disabled", "disabled", "value", "value"] }], ngImport: i0, template: `
+		<ng-content />
+		@if (_active()) {
+			<ng-icon name="lucideCheck" class="absolute end-2 flex items-center justify-center text-[length:--spacing(4)]" aria-hidden="true" />
+		}
+	`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-select-item',
+                    imports: [NgIcon],
+                    providers: [provideIcons({ lucideCheck })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [{ directive: BrnSelectItem, inputs: ['id', 'disabled', 'value'] }],
+                    host: { 'data-slot': 'select-item' },
+                    template: `
+		<ng-content />
+		@if (_active()) {
+			<ng-icon name="lucideCheck" class="absolute end-2 flex items-center justify-center text-[length:--spacing(4)]" aria-hidden="true" />
+		}
+	`,
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmSelectLabel {
+    constructor() {
+        classes(() => 'text-muted-foreground px-1.5 py-1 text-xs flex');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectLabel, isStandalone: true, selector: "[hlmSelectLabel],hlm-select-label", host: { attributes: { "data-slot": "select-label" } }, hostDirectives: [{ directive: i1.BrnSelectLabel, inputs: ["id", "id"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSelectLabel],hlm-select-label',
+                    hostDirectives: [{ directive: BrnSelectLabel, inputs: ['id'] }],
+                    host: { 'data-slot': 'select-label' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmSelectMultiple {
+    constructor() {
+        classes(() => 'block');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectMultiple, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectMultiple, isStandalone: true, selector: "[hlmSelectMultiple],hlm-select-multiple", host: { attributes: { "data-slot": "select" } }, providers: [
+            provideBrnPopoverConfig({
+                align: 'start',
+                sideOffset: 6,
+            }),
+            provideBrnPopoverDefaultOptions({ role: null }),
+        ], hostDirectives: [{ directive: i1.BrnSelectMultiple, inputs: ["disabled", "disabled", "value", "value", "isItemEqualToValue", "isItemEqualToValue", "itemToString", "itemToString"], outputs: ["valueChange", "valueChange"] }, { directive: i2.BrnPopover, inputs: ["align", "align", "closeOnOutsidePointerEvents", "closeOnOutsidePointerEvents", "sideOffset", "sideOffset", "state", "state", "offsetX", "offsetX"], outputs: ["stateChanged", "stateChanged", "closed", "closed"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectMultiple, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSelectMultiple],hlm-select-multiple',
+                    providers: [
+                        provideBrnPopoverConfig({
+                            align: 'start',
+                            sideOffset: 6,
+                        }),
+                        provideBrnPopoverDefaultOptions({ role: null }),
+                    ],
+                    hostDirectives: [
+                        {
+                            directive: BrnSelectMultiple,
+                            inputs: ['disabled', 'value', 'isItemEqualToValue', 'itemToString'],
+                            outputs: ['valueChange'],
+                        },
+                        {
+                            directive: BrnPopover,
+                            inputs: ['align', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+                            outputs: ['stateChanged', 'closed'],
+                        },
+                    ],
+                    host: { 'data-slot': 'select' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmSelectPlaceholder {
+    constructor() {
+        classes(() => "gap-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] flex items-center data-hidden:hidden [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0");
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectPlaceholder, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectPlaceholder, isStandalone: true, selector: "[hlmSelectPlaceholder],hlm-select-placeholder", host: { attributes: { "data-slot": "select-placeholder" } }, hostDirectives: [{ directive: i1.BrnSelectPlaceholder }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectPlaceholder, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSelectPlaceholder],hlm-select-placeholder',
+                    hostDirectives: [BrnSelectPlaceholder],
+                    host: { 'data-slot': 'select-placeholder' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmSelectPortal {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectPortal, isStandalone: true, selector: "[hlmSelectPortal]", hostDirectives: [{ directive: i2.BrnPopoverContent, inputs: ["context", "context", "class", "class"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectPortal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSelectPortal]',
+                    hostDirectives: [{ directive: BrnPopoverContent, inputs: ['context', 'class'] }],
+                }]
+        }] });
+
+class HlmSelectSeparator {
+    constructor() {
+        classes(() => 'bg-border -mx-1 my-1 h-px pointer-events-none');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectSeparator, isStandalone: true, selector: "[hlmSelectSeparator],hlm-select-separator", host: { attributes: { "data-slot": "select-separator" } }, hostDirectives: [{ directive: i1.BrnSelectSeparator, inputs: ["orientation", "orientation"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSelectSeparator],hlm-select-separator',
+                    hostDirectives: [{ directive: BrnSelectSeparator, inputs: ['orientation'] }],
+                    host: { 'data-slot': 'select-separator' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmSelectTrigger {
+    constructor() {
+        this.userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+        this._computedClass = computed(() => hlm('border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 ps-2.5 pe-2 text-sm transition-colors focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:gap-1.5 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+        this.buttonId = input(`hlm-select-trigger-${HlmSelectTrigger._id++}`, ...(ngDevMode ? [{ debugName: "buttonId" }] : /* istanbul ignore next */ []));
+        this.size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        /** Whether to force the trigger into an invalid state. */
+        this.forceInvalid = input(false, { ...(ngDevMode ? { debugName: "forceInvalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    }
+    static { this._id = 0; }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: HlmSelectTrigger, isStandalone: true, selector: "hlm-select-trigger", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, buttonId: { classPropertyName: "buttonId", publicName: "buttonId", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, forceInvalid: { classPropertyName: "forceInvalid", publicName: "forceInvalid", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ lucideChevronDown })], ngImport: i0, template: `
+		<button
+			brnSelectTrigger
+			brnFieldControlDescribedBy
+			[forceInvalid]="forceInvalid()"
+			[id]="buttonId()"
+			[class]="_computedClass()"
+			[attr.data-size]="size()"
+			data-slot="select-trigger"
+		>
+			<ng-content />
+			<ng-icon name="lucideChevronDown" class="text-muted-foreground text-[length:--spacing(4)] ms-auto" />
+		</button>
+	`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: BrnSelectTrigger, selector: "button[brnSelectTrigger]", inputs: ["id", "forceInvalid"] }, { kind: "directive", type: BrnFieldControlDescribedBy, selector: "[brnFieldControlDescribedBy]", inputs: ["aria-describedby"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectTrigger, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-select-trigger',
+                    imports: [NgIcon, BrnSelectTrigger, BrnFieldControlDescribedBy],
+                    providers: [provideIcons({ lucideChevronDown })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+		<button
+			brnSelectTrigger
+			brnFieldControlDescribedBy
+			[forceInvalid]="forceInvalid()"
+			[id]="buttonId()"
+			[class]="_computedClass()"
+			[attr.data-size]="size()"
+			data-slot="select-trigger"
+		>
+			<ng-content />
+			<ng-icon name="lucideChevronDown" class="text-muted-foreground text-[length:--spacing(4)] ms-auto" />
+		</button>
+	`,
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], buttonId: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonId", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], forceInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceInvalid", required: false }] }] } });
+
+class HlmSelectValue {
+    constructor() {
+        this._brnSelectValue = inject(BrnSelectValue);
+        this._hidden = this._brnSelectValue.hidden;
+        classes(() => 'data-hidden:hidden');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectValue, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectValue, isStandalone: true, selector: "[hlmSelectValue],hlm-select-value", host: { properties: { "attr.data-slot": "!_hidden() ? \"select-value\" : null" } }, hostDirectives: [{ directive: i1.BrnSelectValue, inputs: ["placeholder", "placeholder"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectValue, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSelectValue],hlm-select-value',
+                    hostDirectives: [{ directive: BrnSelectValue, inputs: ['placeholder'] }],
+                    host: { '[attr.data-slot]': '!_hidden() ? "select-value" : null' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmSelectValueTemplate {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectValueTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectValueTemplate, isStandalone: true, selector: "[hlmSelectValueTemplate]", hostDirectives: [{ directive: i1.BrnSelectValueTemplate }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectValueTemplate, decorators: [{
+            type: Directive,
+            args: [{ selector: '[hlmSelectValueTemplate]', hostDirectives: [BrnSelectValueTemplate] }]
+        }] });
+
+class HlmSelectValues {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectValues, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectValues, isStandalone: true, selector: "[hlmSelectValues]", hostDirectives: [{ directive: i1.BrnSelectValues }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectValues, decorators: [{
+            type: Directive,
+            args: [{ selector: '[hlmSelectValues]', hostDirectives: [BrnSelectValues] }]
+        }] });
+
+class HlmSelectValuesContent {
+    constructor() {
+        classes(() => 'gap-2 flex');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectValuesContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HlmSelectValuesContent, isStandalone: true, selector: "[hlmSelectValuesContent],hlm-select-values-content", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HlmSelectValuesContent, decorators: [{
+            type: Directive,
+            args: [{ selector: '[hlmSelectValuesContent],hlm-select-values-content' }]
+        }], ctorParameters: () => [] });
+
+const HlmSelectImports = [
+    HlmSelect,
+    HlmSelectContent,
+    HlmSelectGroup,
+    HlmSelectItem,
+    HlmSelectLabel,
+    HlmSelectMultiple,
+    HlmSelectPlaceholder,
+    HlmSelectPortal,
+    HlmSelectScrollDown,
+    HlmSelectScrollUp,
+    HlmSelectSeparator,
+    HlmSelectTrigger,
+    HlmSelectValue,
+    HlmSelectValues,
+    HlmSelectValuesContent,
+    HlmSelectValueTemplate,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmSelect, HlmSelectContent, HlmSelectGroup, HlmSelectImports, HlmSelectItem, HlmSelectLabel, HlmSelectMultiple, HlmSelectPlaceholder, HlmSelectPortal, HlmSelectScrollDown, HlmSelectScrollUp, HlmSelectSeparator, HlmSelectTrigger, HlmSelectValue, HlmSelectValueTemplate, HlmSelectValues, HlmSelectValuesContent };
+//# sourceMappingURL=yukit-web-helm-select.mjs.map