@elcrm/components 0.0.1 → 0.0.3

package/dist/Avatar.d.ts

@@ -1,2 +1,30 @@
-export * from './Avatar/index'
-export {}
+import { default as React } from 'react';
+/**
+ * Инициалы из имени: «Иван Петров» → «ИП», «admin» → «AD».
+ */
+export declare function initialsFromName(name: string): string;
+type Common = {
+    /** URL картинки; если нет — инициалы из `name` / `children` */
+    src?: string;
+    alt?: string;
+    /** Имя для инициалов и aria-label по умолчанию */
+    name?: string;
+    size?: "s" | "m" | "l";
+    /** Подсветка (например активный пункт шапки) */
+    active?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+};
+export type AvatarProps = (Common & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: "button";
+}) | (Common & React.HTMLAttributes<HTMLSpanElement> & {
+    as: "span";
+}) | (Common & React.HTMLAttributes<HTMLDivElement> & {
+    as: "div";
+});
+/**
+ * Аватар: фото или инициалы.
+ * Токены: --avatar-*
+ */
+export declare function Avatar(props: AvatarProps): React.JSX.Element;
+export {};

package/dist/Badge.d.ts

@@ -1,2 +1,11 @@
-export * from './Badge/index'
-export {}
+import { default as React } from 'react';
+export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {
+    /** Визуальный тон */
+    tone?: "neutral" | "accent" | "success" | "warning" | "danger";
+    children?: React.ReactNode;
+};
+/**
+ * Компактная метка / статус.
+ * Токены: --badge-*
+ */
+export declare function Badge({ tone, children, className, ...rest }: BadgeProps): React.JSX.Element;

package/dist/Block.d.ts

@@ -1,2 +1,9 @@
-export * from './Block/index'
-export {}
+import { default as React } from 'react';
+export type BlockProps = React.HTMLAttributes<HTMLDivElement> & {
+    row?: boolean;
+    /** Отступ между детьми: число (px) или CSS-строка */
+    gap?: number | string;
+    children?: React.ReactNode;
+};
+/** Блок-стек (колонка или ряд). Токены: --block-* */
+export declare function Block({ row, gap, children, className, style, ...rest }: BlockProps): React.JSX.Element;

package/dist/Brand.d.ts

@@ -1,2 +1,18 @@
-export * from './Brand/index'
-export {}
+import { default as React } from 'react';
+type Common = {
+    children?: React.ReactNode;
+    className?: string;
+};
+export type BrandProps = (Common & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: "button";
+}) | (Common & React.HTMLAttributes<HTMLElement> & {
+    as: "strong";
+}) | (Common & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    as: "a";
+});
+/**
+ * Название / логотип в шапке.
+ * Токены: --brand-*
+ */
+export declare function Brand(props: BrandProps): React.JSX.Element;
+export {};

package/dist/Card.d.ts

@@ -1,2 +1,7 @@
-export * from './Card/index'
-export {}
+import { default as React } from 'react';
+export type CardProps = React.HTMLAttributes<HTMLDivElement> & {
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+};
+/** Карточка. Токены: --card-* */
+export declare function Card({ title, children, className, ...rest }: CardProps): React.JSX.Element;

package/dist/Column.d.ts

@@ -1,2 +1,8 @@
-export * from './Column/index'
-export {}
+import { default as React } from 'react';
+export type ColumnProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Отступ между детьми: число (px) или CSS-строка */
+    gap?: number | string;
+    children?: React.ReactNode;
+};
+/** Вертикальная колонка. Токены: --column-* */
+export declare function Column({ gap, children, className, style, ...rest }: ColumnProps): React.JSX.Element;

package/dist/EmptyState.d.ts

@@ -1,2 +1,13 @@
-export * from './EmptyState/index'
-export {}
+import { default as React } from 'react';
+export type EmptyStateProps = React.HTMLAttributes<HTMLDivElement> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    actions?: React.ReactNode;
+    children?: React.ReactNode;
+};
+/**
+ * Заглушка «нет данных».
+ * Токены: --empty-state-*
+ */
+export declare function EmptyState({ title, description, icon, actions, children, className, ...rest }: EmptyStateProps): React.JSX.Element;

package/dist/Footer.d.ts

@@ -1,2 +1,6 @@
-export * from './Footer/index'
-export {}
+import { default as React } from 'react';
+export type FooterProps = React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+};
+/** Подвал. Токены: --footer-* */
+export declare function Footer({ children, className, ...rest }: FooterProps): React.JSX.Element;

package/dist/Header.css

@@ -1 +1 @@
-@layer elcrm-components{.chr{display:flex;align-items:center;gap:var(--header-gap);min-height:var(--header-height);padding:var(--header-padding);color:var(--header-color);background:var(--header-background);border-bottom:1px solid var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:sticky;top:0;z-index:var(--header-z)}.chb{flex-shrink:0}.chn{display:flex;align-items:center;min-width:0}.chs{flex:1;min-width:0;margin-left:auto;max-width:18rem}.cha{display:flex;align-items:center;gap:.5rem;flex-shrink:0}}
+@layer elcrm-components{.chr{display:flex;align-items:center;gap:var(--header-gap);flex-shrink:0;min-height:var(--header-height);padding:var(--header-padding);color:var(--header-color);background:var(--header-background);border-bottom:1px solid var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:relative;z-index:var(--header-z)}.chb{flex-shrink:0}.chn{display:flex;align-items:center;min-width:0}.chs{flex:1;min-width:0;margin-left:auto;max-width:18rem}.cha{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.chs+.cha{margin-left:0}}

package/dist/Header.d.ts

@@ -1,2 +1,13 @@
-export * from './Header/index'
-export {}
+import { default as React } from 'react';
+export type HeaderProps = React.HTMLAttributes<HTMLElement> & {
+    brand?: React.ReactNode;
+    nav?: React.ReactNode;
+    search?: React.ReactNode;
+    actions?: React.ReactNode;
+    children?: React.ReactNode;
+};
+/**
+ * Шапка приложения со слотами.
+ * Токены: --header-background, --header-color, --header-border, …
+ */
+export declare function Header({ brand, nav, search, actions, children, className, ...rest }: HeaderProps): React.JSX.Element;

package/dist/Item.d.ts

@@ -1,2 +1,19 @@
-export * from './Item/index'
-export {}
+import { default as React } from 'react';
+type Common = {
+    active?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+};
+export type ItemProps = (Common & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: "button";
+}) | (Common & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    as: "a";
+}) | (Common & React.LiHTMLAttributes<HTMLLIElement> & {
+    as: "li";
+});
+/**
+ * Элемент списка / строки.
+ * Токены: --item-background, --item-background-hover, --item-radius, …
+ */
+export declare function Item(props: ItemProps): React.JSX.Element;
+export {};

package/dist/Layout.css

@@ -1 +1 @@
-@layer elcrm-components{.clr{display:flex;flex-direction:column;min-height:var(--layout-min-height);background:var(--layout-background);gap:var(--layout-gap)}.clm{flex:1;min-width:0}}
+@layer elcrm-components{.clr{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;max-height:100%;overflow:hidden;background:var(--layout-background);gap:var(--layout-gap)}.clm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}}

package/dist/Layout.d.ts

@@ -1,2 +1,10 @@
-export * from './Layout/index'
-export {}
+import { default as React } from 'react';
+export type LayoutProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Слот шапки (обычно Header) */
+    header?: React.ReactNode;
+    /** Слот подвала */
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+};
+/** Оболочка страницы: header + main + footer */
+export declare function Layout({ header, footer, children, className, ...rest }: LayoutProps): React.JSX.Element;

package/dist/List.d.ts

@@ -1,2 +1,8 @@
-export * from './List/index'
-export {}
+import { default as React } from 'react';
+export type ListProps = React.HTMLAttributes<HTMLUListElement> & {
+    /** Горизонтальный список */
+    row?: boolean;
+    children?: React.ReactNode;
+};
+/** Список. Токены: --list-* */
+export declare function List({ row, children, className, ...rest }: ListProps): React.JSX.Element;

package/dist/Loading.d.ts

@@ -1,2 +1,6 @@
-export * from './Loading/index'
-export {}
+import { default as React } from 'react';
+export type LoadingProps = React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+};
+/** Плейсхолдер загрузки. Токены: --loading-* */
+export declare function Loading({ children, className, ...rest }: LoadingProps): React.JSX.Element;

package/dist/Menu.css

@@ -1 +1 @@
-@layer elcrm-components{.cmr{display:flex;align-items:center;gap:var(--menu-gap);margin:0;padding:0;list-style:none}.cmv{flex-direction:column;align-items:stretch}.cmi{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--menu-item-background);color:var(--menu-item-color);padding:var(--menu-item-padding);border-radius:var(--menu-item-radius);font:inherit;cursor:pointer;text-align:left}.cmi:hover{background:var(--menu-item-background-hover);color:var(--menu-item-color-active)}.cma,.cmi[aria-current=page],.cmi[data-active=true]{background:var(--menu-item-background-active);color:var(--menu-item-color-active)}}
+@layer elcrm-components{.cmr{display:flex;align-items:center;gap:var(--menu-gap);margin:0;padding:0;list-style:none}.cmv{flex-direction:column;align-items:stretch}.cmi{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--menu-item-background);color:var(--menu-item-color);padding:var(--menu-item-padding);border-radius:var(--menu-item-radius);font:inherit;line-height:1;cursor:pointer;text-align:left}.cmi>svg{display:block;flex-shrink:0}.cmi:hover{background:var(--menu-item-background-hover);color:var(--menu-item-color-active)}.cma,.cmi[aria-current=page],.cmi[data-active=true]{background:var(--menu-item-background-active);color:var(--menu-item-color-active)}}

package/dist/Menu.d.ts

@@ -1,2 +1,22 @@
-export * from './Menu/index'
-export {}
+import { default as React } from 'react';
+export type MenuItem = {
+    key: string;
+    label: React.ReactNode;
+    active?: boolean;
+    onClick?: () => void;
+    disabled?: boolean;
+};
+export type MenuProps = Omit<React.HTMLAttributes<HTMLElement>, "onSelect"> & {
+    items?: MenuItem[];
+    /** Вертикальный ряд */
+    vertical?: boolean;
+    /** Активный ключ (если не задан item.active) */
+    activeKey?: string;
+    onSelect?: (key: string) => void;
+    children?: React.ReactNode;
+};
+/**
+ * Навигационное меню (не overlay).
+ * Токены: --menu-*, --menu-item-*
+ */
+export declare function Menu({ items, vertical, activeKey, onSelect, children, className, ...rest }: MenuProps): React.JSX.Element;

package/dist/NavSections.d.ts

@@ -1,2 +1,37 @@
-export * from './NavSections/index'
-export {}
+import { default as React } from 'react';
+import { LazyRouteChunk } from './lazyRoute';
+export type NavSectionsItem = {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+};
+export type NavSectionsGroup = {
+    /** Подпись группы (например «Личное») */
+    label?: React.ReactNode;
+    items: NavSectionsItem[];
+};
+export type NavSectionsProps = {
+    /** Группы бокового меню */
+    groups: NavSectionsGroup[];
+    /**
+     * Резолвер секции: обычно `createLazyResolver((k) => import(\`./sections/${k}.tsx\`))`.
+     */
+    resolveSection: (key: string) => LazyRouteChunk | React.ComponentType;
+    /** Контролируемый активный ключ */
+    activeKey?: string;
+    /** Начальный ключ (неконтролируемый режим) */
+    defaultActiveKey?: string;
+    onChange?: (key: string) => void;
+    loading?: React.ReactNode;
+    /** Низ сайдбара (например «Назад») */
+    footer?: React.ReactNode;
+    className?: string;
+    /** aria-label для nav */
+    navLabel?: string;
+};
+/**
+ * Настройки / профиль: сайдбар + lazy-секции справа.
+ * Токены: --nav-sections-*
+ */
+export declare function NavSections({ groups, resolveSection, activeKey: activeKeyProp, defaultActiveKey, onChange, loading, footer, className, navLabel, }: NavSectionsProps): React.JSX.Element;

package/dist/Row.d.ts

@@ -1,2 +1,8 @@
-export * from './Row/index'
-export {}
+import { default as React } from 'react';
+export type RowProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Отступ между детьми: число (px) или CSS-строка */
+    gap?: number | string;
+    children?: React.ReactNode;
+};
+/** Горизонтальный ряд. Токены: --row-* */
+export declare function Row({ gap, children, className, style, ...rest }: RowProps): React.JSX.Element;

package/dist/Section.d.ts

@@ -1,2 +1,29 @@
-export * from './Section/index'
-export {}
+import { default as React } from 'react';
+export type SectionProps = {
+    /** Заголовок */
+    title?: React.ReactNode;
+    /** Подзаголовок / описание */
+    description?: React.ReactNode;
+    /** Иконка / логотип над или рядом с заголовком */
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    /** Блок действий (кнопки под контентом или в шапке) */
+    actions?: React.ReactNode;
+    /**
+     * `page` — секция модуля / панель настроек.
+     * `block` — блок внутри панели (заголовок + разделитель).
+     * `auth` — центрированная карточка входа.
+     */
+    variant?: "page" | "block" | "auth";
+    /** Выравнивание шапки */
+    align?: "start" | "center";
+    /** Размер заголовка */
+    titleSize?: "md" | "lg";
+    className?: string;
+    as?: "section" | "main" | "div";
+};
+/**
+ * Единая секция страницы: title + description + icon + children.
+ * Токены: --section-*
+ */
+export declare function Section({ title, description, icon, children, actions, variant, align, titleSize, className, as, }: SectionProps): React.JSX.Element;

package/dist/TabSections.d.ts

@@ -1,2 +1,31 @@
-export * from './TabSections/index'
-export {}
+import { default as React } from 'react';
+import { LazyRouteChunk } from './lazyRoute';
+export type TabSectionsItem = {
+    key: string;
+    label: React.ReactNode;
+    /** Бейдж справа от подписи (число / текст) */
+    badge?: React.ReactNode;
+    disabled?: boolean;
+};
+export type TabSectionsProps = {
+    /** Горизонтальные вкладки (ключ = файл секции) */
+    items: TabSectionsItem[];
+    /**
+     * Резолвер: обычно `createLazyResolver((k) => import(\`./sections/${k}.tsx\`))`.
+     */
+    resolveSection: (key: string) => LazyRouteChunk | React.ComponentType;
+    activeKey?: string;
+    defaultActiveKey?: string;
+    onChange?: (key: string) => void;
+    loading?: React.ReactNode;
+    /** Справа в ряду вкладок (фильтр, сортировка…) */
+    actions?: React.ReactNode;
+    className?: string;
+    navLabel?: string;
+};
+/**
+ * Как NavSections, но вкладки горизонтально. Без своего заголовка —
+ * оборачивайте в Section.
+ * Токены: --tab-sections-*
+ */
+export declare function TabSections({ items, resolveSection, activeKey: activeKeyProp, defaultActiveKey, onChange, loading, actions, className, navLabel, }: TabSectionsProps): React.JSX.Element;

package/dist/index.css

@@ -14,17 +14,17 @@
 
 @layer elcrm-components{.cfr{padding:var(--footer-padding);color:var(--footer-color);background:var(--footer-background);border-top:1px solid var(--footer-border);font-size:var(--footer-font-size)}}
 
-@layer elcrm-components{.chr{display:flex;align-items:center;gap:var(--header-gap);min-height:var(--header-height);padding:var(--header-padding);color:var(--header-color);background:var(--header-background);border-bottom:1px solid var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:sticky;top:0;z-index:var(--header-z)}.chb{flex-shrink:0}.chn{display:flex;align-items:center;min-width:0}.chs{flex:1;min-width:0;margin-left:auto;max-width:18rem}.cha{display:flex;align-items:center;gap:.5rem;flex-shrink:0}}
+@layer elcrm-components{.chr{display:flex;align-items:center;gap:var(--header-gap);flex-shrink:0;min-height:var(--header-height);padding:var(--header-padding);color:var(--header-color);background:var(--header-background);border-bottom:1px solid var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:relative;z-index:var(--header-z)}.chb{flex-shrink:0}.chn{display:flex;align-items:center;min-width:0}.chs{flex:1;min-width:0;margin-left:auto;max-width:18rem}.cha{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.chs+.cha{margin-left:0}}
 
 @layer elcrm-components{.cir{display:flex;align-items:center;gap:var(--item-gap);padding:var(--item-padding);color:var(--item-color);background:var(--item-background);border:1px solid var(--item-border);border-radius:var(--item-radius);cursor:default}.cir:is(button,a){-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left;width:100%;cursor:pointer}.cir:hover{background:var(--item-background-hover)}.cia,.cir[aria-current=true],.cir[data-active=true]{background:var(--item-background-active)}}
 
-@layer elcrm-components{.clr{display:flex;flex-direction:column;min-height:var(--layout-min-height);background:var(--layout-background);gap:var(--layout-gap)}.clm{flex:1;min-width:0}}
+@layer elcrm-components{.clr{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;max-height:100%;overflow:hidden;background:var(--layout-background);gap:var(--layout-gap)}.clm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}}
 
 @layer elcrm-components{.csr{display:flex;flex-direction:column;gap:var(--list-gap);padding:var(--list-padding);margin:0;list-style:none}.csh{flex-direction:row;flex-wrap:wrap}}
 
 @layer elcrm-components{.cgr{display:flex;align-items:center;justify-content:center;padding:var(--loading-padding);color:var(--loading-color)}}
 
-@layer elcrm-components{.cmr{display:flex;align-items:center;gap:var(--menu-gap);margin:0;padding:0;list-style:none}.cmv{flex-direction:column;align-items:stretch}.cmi{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--menu-item-background);color:var(--menu-item-color);padding:var(--menu-item-padding);border-radius:var(--menu-item-radius);font:inherit;cursor:pointer;text-align:left}.cmi:hover{background:var(--menu-item-background-hover);color:var(--menu-item-color-active)}.cma,.cmi[aria-current=page],.cmi[data-active=true]{background:var(--menu-item-background-active);color:var(--menu-item-color-active)}}
+@layer elcrm-components{.cmr{display:flex;align-items:center;gap:var(--menu-gap);margin:0;padding:0;list-style:none}.cmv{flex-direction:column;align-items:stretch}.cmi{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--menu-item-background);color:var(--menu-item-color);padding:var(--menu-item-padding);border-radius:var(--menu-item-radius);font:inherit;line-height:1;cursor:pointer;text-align:left}.cmi>svg{display:block;flex-shrink:0}.cmi:hover{background:var(--menu-item-background-hover);color:var(--menu-item-color-active)}.cma,.cmi[aria-current=page],.cmi[data-active=true]{background:var(--menu-item-background-active);color:var(--menu-item-color-active)}}
 
 @layer elcrm-components{.cvr{display:flex;align-items:stretch;gap:var(--nav-sections-gap);width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;padding:var(--nav-sections-padding)}.cvn{display:flex;flex-direction:column;gap:1rem;flex:0 0 var(--nav-sections-nav-width);width:var(--nav-sections-nav-width);min-width:var(--nav-sections-nav-width);box-sizing:border-box}.cvg{display:flex;flex-direction:column;gap:2px;padding-bottom:.75rem;border-bottom:1px solid var(--nav-sections-group-border)}.cvg:last-of-type{border-bottom:none;padding-bottom:0}.cvl{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--nav-sections-label-color);padding:0 10px 6px}.cvi{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:none;border-radius:var(--nav-sections-item-radius);background:transparent;color:var(--nav-sections-item-color);font:inherit;font-size:14px;padding:var(--nav-sections-item-padding);cursor:pointer;position:relative;transition:background .12s ease,color .12s ease}.cvi:hover:not(:disabled){background:var(--nav-sections-item-background-hover)}.cva{background:var(--nav-sections-item-background-active)}.cva:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--nav-sections-accent)}.cvi:disabled{opacity:.45;cursor:not-allowed}.cvc{display:inline-flex;flex:0 0 auto;color:var(--nav-sections-icon-color);line-height:0}.cva .cvc{color:var(--nav-sections-item-color)}.cvt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvf{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--nav-sections-footer-border)}.cvm{flex:1 1 auto;min-width:0;max-width:var(--nav-sections-main-max-width);width:100%;min-height:0;overflow:auto;--section-padding: 0}@media (max-width: 720px){.cvr{flex-direction:column}.cvn{flex:none;width:100%;min-width:0;max-width:none}}}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elcrm/components",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Shell UI elCRM: Layout, Header, Section, NavSections, Avatar и др. — стили через CSS-токены.",
   "type": "module",
   "author": "MaSkal <dev@elcrm.online>",
@@ -40,10 +40,18 @@
   "main": "./dist/index.es.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
+  "typings": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.es.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.es.js"
+      },
       "default": "./dist/index.es.js"
     },
     "./style.css": {
@@ -53,7 +61,10 @@
     },
     "./*": {
       "types": "./dist/*.d.ts",
-      "import": "./dist/*.js",
+      "import": {
+        "types": "./dist/*.d.ts",
+        "default": "./dist/*.js"
+      },
       "default": "./dist/*.js"
     },
     "./package.json": "./package.json"