snice 1.13.8 → 1.13.9

package/components/accordion/snice-accordion-item.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, ready, dispatch, observe } from '../../src/index';
+import { element, property, query, on, watch, ready, dispatch, observe } from 'snice';
 import css from './snice-accordion-item.css?inline';
 import type { SniceAccordionItemElement } from './snice-accordion.types';
 

package/components/accordion/snice-accordion.ts

@@ -1,4 +1,4 @@
-import { element, property, on, dispatch, ready, queryAll } from '../../src/index';
+import { element, property, on, dispatch, ready, queryAll } from 'snice';
 import css from './snice-accordion.css?inline';
 import type { SniceAccordionElement, SniceAccordionItemElement, AccordionOpenEvent, AccordionCloseEvent } from './snice-accordion.types';
 

package/components/alert/snice-alert.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query, on, dispatch, part } from '../../src/index';
+import { element, property, watch, query, on, dispatch, part } from 'snice';
 import css from './snice-alert.css?inline';
 import type { AlertVariant, AlertSize, SniceAlertElement } from './snice-alert.types';
 

package/components/avatar/snice-avatar.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query, ready, on, part } from '../../src/index';
+import { element, property, watch, query, ready, on, part } from 'snice';
 import css from './snice-avatar.css?inline';
 import type { AvatarSize, AvatarShape, SniceAvatarElement } from './snice-avatar.types';
 

package/components/badge/snice-badge.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query, ready, part } from '../../src/index';
+import { element, property, watch, query, ready, part } from 'snice';
 import css from './snice-badge.css?inline';
 import type { BadgeVariant, BadgePosition, BadgeSize, SniceBadgeElement } from './snice-badge.types';
 

package/components/breadcrumbs/snice-breadcrumbs.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query, dispatch, on, ready } from '../../src/index';
+import { element, property, watch, query, dispatch, on, ready } from 'snice';
 import css from './snice-breadcrumbs.css?inline';
 import type { BreadcrumbItem, BreadcrumbSeparator, BreadcrumbSize, SniceBreadcrumbsElement } from './snice-breadcrumbs.types';
 import type { SniceCrumbElement } from './snice-breadcrumbs.types';

package/components/breadcrumbs/snice-crumb.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import type { SniceCrumbElement } from './snice-breadcrumbs.types';
 
 @element('snice-crumb')

package/components/button/snice-button.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, dispatch, watch } from '../../src/index';
+import { element, property, query, on, dispatch, watch } from 'snice';
 import css from './snice-button.css?inline';
 import type { ButtonVariant, ButtonSize, IconPlacement, SniceButtonElement } from './snice-button.types';
 

package/components/card/snice-card.ts

@@ -1,4 +1,4 @@
-import { element, property, on, dispatch, ready } from '../../src/index';
+import { element, property, on, dispatch, ready } from 'snice';
 import css from './snice-card.css?inline';
 import type { CardVariant, CardSize, SniceCardElement } from './snice-card.types';
 

package/components/checkbox/snice-checkbox.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready } from 'snice';
 import css from './snice-checkbox.css?inline';
 import type { CheckboxSize, SniceCheckboxElement } from './snice-checkbox.types';
 

package/components/chip/snice-chip.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query, on, dispatch } from '../../src/index';
+import { element, property, watch, query, on, dispatch } from 'snice';
 import css from './snice-chip.css?inline';
 import type { ChipVariant, ChipSize, SniceChipElement } from './snice-chip.types';
 

package/components/date-picker/snice-date-picker.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready } from 'snice';
 import css from './snice-date-picker.css?inline';
 import type { DatePickerSize, DatePickerVariant, DateFormat, SniceDatePickerElement, DatePickerValue } from './snice-date-picker.types';
 

package/components/divider/snice-divider.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query } from '../../src/index';
+import { element, property, watch, query } from 'snice';
 import css from './snice-divider.css?inline';
 import type { DividerOrientation, DividerVariant, DividerAlign, DividerSpacing, SniceDividerElement } from './snice-divider.types';
 

package/components/drawer/snice-drawer.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready, dispose } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready, dispose } from 'snice';
 import css from './snice-drawer.css?inline';
 import type { DrawerPosition, DrawerSize, SniceDrawerElement } from './snice-drawer.types';
 

package/components/input/snice-input.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready } from 'snice';
 import css from './snice-input.css?inline';
 import type { InputType, InputSize, InputVariant, SniceInputElement } from './snice-input.types';
 

package/components/layout/snice-layout-blog.ts

@@ -1,4 +1,4 @@
-import { element } from '../../src/index';
+import { element } from 'snice';
 import css from './snice-layout-blog.css?inline';
 
 @element('snice-layout-blog')

package/components/layout/snice-layout-card.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import css from './snice-layout-card.css?inline';
 
 @element('snice-layout-card')

package/components/layout/snice-layout-centered.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import css from './snice-layout-centered.css?inline';
 
 @element('snice-layout-centered')

package/components/layout/snice-layout-dashboard.ts

@@ -1,4 +1,4 @@
-import { element } from '../../src/index';
+import { element } from 'snice';
 import css from './snice-layout-dashboard.css?inline';
 
 @element('snice-layout-dashboard')

package/components/layout/snice-layout-fullscreen.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import css from './snice-layout-fullscreen.css?inline';
 
 @element('snice-layout-fullscreen')

package/components/layout/snice-layout-landing.ts

@@ -1,4 +1,4 @@
-import { element } from '../../src/index';
+import { element } from 'snice';
 import css from './snice-layout-landing.css?inline';
 
 @element('snice-layout-landing')

package/components/layout/snice-layout-minimal.ts

@@ -1,4 +1,4 @@
-import { element } from '../../src/index';
+import { element } from 'snice';
 import css from './snice-layout-minimal.css?inline';
 
 @element('snice-layout-minimal')

package/components/layout/snice-layout-sidebar.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import css from './snice-layout-sidebar.css?inline';
 
 @element('snice-layout-sidebar')

package/components/layout/snice-layout-split.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import css from './snice-layout-split.css?inline';
 
 @element('snice-layout-split')

package/components/layout/snice-layout.ts

@@ -1,4 +1,4 @@
-import { element } from '../../src/index';
+import { element } from 'snice';
 import css from './snice-layout.css?inline';
 
 @element('snice-layout')

package/components/layout/snice-layout.types.ts

@@ -1,4 +1,4 @@
-import type { SniceElement } from '../../src/index';
+import type { SniceElement } from 'snice';
 
 export interface SniceLayoutElement extends SniceElement {
   // Add layout-specific properties and methods here as needed

package/components/login/snice-login.ts

@@ -1,4 +1,4 @@
-import { element, property, query, queryAll, on, dispatch, request, type Response } from '../../src/index';
+import { element, property, query, queryAll, on, dispatch, request, type Response } from 'snice';
 import css from './snice-login.css?inline';
 import type { LoginVariant, LoginSize, LoginCredentials, LoginResult, SniceLoginElement } from './snice-login.types';
 import '../alert/snice-alert';

package/components/modal/snice-modal.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, ready, dispatch } from '../../src/index';
+import { element, property, query, on, watch, ready, dispatch } from 'snice';
 import css from './snice-modal.css?inline';
 import type { ModalSize, SniceModalElement } from './snice-modal.types';
 

package/components/pagination/snice-pagination.ts

@@ -1,4 +1,4 @@
-import { element, property, on, dispatch, watch, ready } from '../../src/index';
+import { element, property, on, dispatch, watch, ready } from 'snice';
 
 @element('snice-pagination')
 export class SnicePagination extends HTMLElement {

package/components/progress/snice-progress.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query, dispatch } from '../../src/index';
+import { element, property, watch, ready, query, dispatch } from 'snice';
 import css from './snice-progress.css?inline';
 import type { ProgressVariant, ProgressSize, ProgressColor, SniceProgressElement } from './snice-progress.types';
 

package/components/radio/snice-radio.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready } from 'snice';
 import css from './snice-radio.css?inline';
 import type { RadioSize, SniceRadioElement } from './snice-radio.types';
 

package/components/select/snice-option.ts

@@ -1,4 +1,4 @@
-import { element, property, ready } from '../../src/index';
+import { element, property, ready } from 'snice';
 import type { SniceOptionElement } from './snice-option.types';
 
 @element('snice-option')

package/components/select/snice-select.ts

@@ -1,4 +1,4 @@
-import { element, property, query, queryAll, on, watch, dispatch, ready, dispose } from '../../src/index';
+import { element, property, query, queryAll, on, watch, dispatch, ready, dispose } from 'snice';
 import css from './snice-select.css?inline';
 import type { SelectSize, SelectOption, SniceSelectElement } from './snice-select.types';
 import './snice-option';

package/components/skeleton/snice-skeleton.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready } from '../../src/index';
+import { element, property, watch, ready } from 'snice';
 import css from './snice-skeleton.css?inline';
 import type { SkeletonVariant, SkeletonAnimation, SniceSkeletonElement } from './snice-skeleton.types';
 

package/components/switch/snice-switch.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready } from 'snice';
 import css from './snice-switch.css?inline';
 import type { SwitchSize, SniceSwitchElement } from './snice-switch.types';
 

package/components/table/snice-cell-boolean.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { BooleanFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-date.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { DateFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-duration.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-filesize.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-number.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { NumberFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-progress.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { ProgressFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 import './snice-progress';

package/components/table/snice-cell-rating.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { RatingFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 import './snice-rating';

package/components/table/snice-cell-sparkline.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query, SimpleArray } from '../../src/index';
+import { element, property, watch, ready, query, SimpleArray } from 'snice';
 import css from './snice-cell.css?inline';
 import type { SparklineFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-text.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { 
   SniceCellElement, 

package/components/table/snice-column.ts

@@ -1,4 +1,4 @@
-import { element, property, watch } from '../../src/index';
+import { element, property, watch } from 'snice';
 import type { 
   SniceColumnElement, 
   ColumnType, 

package/components/table/snice-header.ts

@@ -1,4 +1,4 @@
-import { element, property, on, watch, ready, dispatch } from '../../src/index';
+import { element, property, on, watch, ready, dispatch } from 'snice';
 import type { 
   SniceHeaderElement, 
   ColumnDefinition,

package/components/table/snice-progress.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 
 @element('snice-progress')
 export class SniceProgress extends HTMLElement {

package/components/table/snice-rating.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 
 @element('snice-rating')
 export class SniceRating extends HTMLElement {

package/components/table/snice-row.ts

@@ -1,4 +1,4 @@
-import { element, property, on, watch, ready, dispatch } from '../../src/index';
+import { element, property, on, watch, ready, dispatch } from 'snice';
 import css from './snice-row.css?inline';
 import type { 
   SniceRowElement, 

package/components/table/snice-table.ts

@@ -1,4 +1,4 @@
-import { element, on, property, query, request, dispatch, watch } from '../../src/index';
+import { element, on, property, query, request, dispatch, watch } from 'snice';
 import '../input/snice-input';
 import '../select/snice-select';
 import './snice-cell.ts';

package/components/tabs/snice-tab-panel.ts

@@ -1,4 +1,4 @@
-import { element, property, watch } from '../../src/index';
+import { element, property, watch } from 'snice';
 import css from './snice-tab-panel.css?inline';
 import type { SniceTabPanelElement } from './snice-tabs.types';
 

package/components/tabs/snice-tab.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, dispatch } from '../../src/index';
+import { element, property, query, on, dispatch } from 'snice';
 import css from './snice-tab.css?inline';
 import type { TabSelectDetail, TabCloseDetail, SniceTabElement } from './snice-tabs.types';
 

package/components/tabs/snice-tabs.ts

@@ -1,4 +1,4 @@
-import { element, property, query, queryAll, on, watch, ready, dispatch } from '../../src/index';
+import { element, property, query, queryAll, on, watch, ready, dispatch } from 'snice';
 import css from './snice-tabs.css?inline';
 import type { TabsPlacement, SniceTabElement, SniceTabPanelElement, TabChangeDetail, TabSelectDetail } from './snice-tabs.types';
 import { transitions } from '../transitions';

package/components/toast/snice-toast-container.ts

@@ -1,4 +1,4 @@
-import { element, property, ready, dispose } from '../../src/index';
+import { element, property, ready, dispose } from 'snice';
 import { getSymbol } from '../symbols';
 import type { ToastPosition, ToastOptions, ToastEventDetail, ToastResponseEventDetail, SniceToastContainerElement } from './snice-toast.types';
 import './snice-toast';

package/components/toast/snice-toast.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch } from '../../src/index';
+import { element, property, query, on, watch, dispatch } from 'snice';
 import type { ToastType, SniceToastElement } from './snice-toast.types';
 
 @element('snice-toast')

package/components/tooltip/snice-tooltip.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, ready, dispose } from '../../src/index';
+import { element, property, query, on, watch, ready, dispose } from 'snice';
 import css from './snice-tooltip.css?inline';
 import portalCss from './snice-tooltip-portal.css?inline';
 import type { TooltipPosition, TooltipTrigger, SniceTooltipElement } from './snice-tooltip.types';

package/components/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "outDir": "../dist/components",
+    "rootDir": ".",
+    "declaration": true,
+    "emitDeclarationOnly": false,
+    "sourceMap": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "paths": {
+      "snice": ["../dist/index.ts", "../src/index.ts"]
+    }
+  },
+  "include": ["."],
+  "exclude": ["**/*.test.ts", "**/*.spec.ts", "**/*.html", "**/demo*", "**/*.md"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "snice",
-  "version": "1.13.8",
+  "version": "1.13.9",
   "type": "module",
   "description": "Imperative TypeScript framework for building vanilla web components with decorators, routing, and controllers. No virtual DOM, no build complexity.",
   "main": "dist/index.js",
@@ -59,7 +59,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "rm -rf dist && tsc -p tsconfig.src.json --noEmitOnError false && tsc -p tsconfig.components.json --noEmitOnError false; rm -rf dist/src",
+    "build": "rm -rf dist && tsc -p tsconfig.src.json --noEmitOnError false && tsc -p components/tsconfig.json --noEmitOnError false; rm -rf dist/src",
     "preview": "vite preview",
     "test": "vitest run",
     "test:watch": "vitest",

package/dist/components/accordion/snice-accordion-item.d.ts

@@ -1,25 +0,0 @@
-import type { SniceAccordionItemElement } from './snice-accordion.types';
-export declare class SniceAccordionItem extends HTMLElement implements SniceAccordionItemElement {
-    itemId: string;
-    open: boolean;
-    disabled: boolean;
-    contentElement?: HTMLElement;
-    contentInner?: HTMLElement;
-    private isAnimating;
-    html(): string;
-    css(): string;
-    init(): void;
-    onContentMutation(): void;
-    handleOpenChange(): void;
-    handleDisabledChange(): void;
-    handleHeaderClick(): void;
-    handleHeaderKeydown(): void;
-    toggle(): void;
-    expand(animate?: boolean): void;
-    collapse(animate?: boolean): void;
-    private animateExpand;
-    private animateCollapse;
-    private updateContentHeight;
-    private updateAriaExpanded;
-    private dispatchToggleEvent;
-}