@elcrm/components 0.2.13 → 0.5.1

package/dist/Dropdown-CR_XxNak.js

@@ -0,0 +1,185 @@
+import n, { useRef as A, useEffect as K } from "react";
+import { c as u } from "./cx-CcykAxZN.js";
+import { P as T } from "./Popover-xEZoMY-h.js";
+import { h as W } from "./rovingKeys-Di9N1Nct.js";
+import { u as G } from "./Toolbar-Bl9-5Mis.js";
+import { u as H } from "./useControllableValue-BaE0VR5d.js";
+import { C as S } from "./CheckIcon-FdB8fMEF.js";
+import './Dropdown.css';const $ = "ldr", J = "lda", Q = "ldt", U = "ldc", X = "ldp", Y = "ldh", Z = "ldg", _ = "ldd", V = "ldi", ee = "ldn", ne = "ldm", te = "ldk", le = "ldl", ae = "ldu", ce = "ldb", oe = "ldo", re = "ldf", se = "ldx", ue = "ldy", de = "ldv", ie = "lde", fe = "lds", l = {
+  root: $,
+  anchor: J,
+  trigger: Q,
+  chevron: U,
+  panel: X,
+  heading: Y,
+  group: Z,
+  divider: _,
+  item: V,
+  none: ee,
+  more: ne,
+  kcheck: te,
+  label: le,
+  ushort: ae,
+  bead: ce,
+  online: oe,
+  foff: re,
+  xbox: se,
+  yes: ue,
+  vtick: de,
+  elevated: ie,
+  surface: fe
+};
+function he() {
+  return /* @__PURE__ */ n.createElement("svg", { className: l.chevron, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ n.createElement(
+    "path",
+    {
+      d: "M2.5 4.5 6 8l3.5-3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ));
+}
+function me() {
+  return /* @__PURE__ */ n.createElement("svg", { className: l.more, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ n.createElement(
+    "path",
+    {
+      d: "M4.5 2.5 8 6l-3.5 3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ));
+}
+function ke({ item: a }) {
+  return a.checkbox ? /* @__PURE__ */ n.createElement("span", { className: u(l.xbox, a.checked && l.yes), "aria-hidden": !0 }, a.checked ? /* @__PURE__ */ n.createElement(S, { className: l.vtick }) : null) : a.checked ? /* @__PURE__ */ n.createElement("span", { className: l.kcheck, "aria-hidden": !0 }, /* @__PURE__ */ n.createElement(S, { className: l.vtick })) : a.status != null ? /* @__PURE__ */ n.createElement(
+    "span",
+    {
+      className: u(l.bead, a.status === "online" ? l.online : l.foff),
+      "aria-hidden": !0
+    }
+  ) : a.icon != null ? /* @__PURE__ */ n.createElement("span", { className: l.none }, a.icon) : null;
+}
+function ve(a, o, c) {
+  return o != null && o.length > 0 ? c != null && o[0] && o[0].title == null ? [{ ...o[0], title: c }, ...o.slice(1)] : o : a != null && a.length > 0 ? [{ title: c, items: a }] : c != null ? [{ title: c, items: [] }] : [];
+}
+function Se({
+  items: a,
+  groups: o,
+  trigger: c,
+  label: d,
+  hideChevron: g = !1,
+  title: L,
+  align: E = "end",
+  placement: R = "auto",
+  open: w,
+  defaultOpen: z = !1,
+  onOpenChange: D,
+  closeOnSelect: M = !0,
+  disabled: i = !1,
+  size: O,
+  tone: N = "default",
+  onValueChange: f,
+  className: P
+}) {
+  const h = G(), B = O ?? (h == null ? void 0 : h.size), [m = !1, x] = H(
+    w,
+    z,
+    D
+  ), y = ve(a, o, L), k = A(null), v = y.flatMap((e) => e.items).filter((e) => !e.disabled).map((e) => e.value), [C, p] = n.useState(v[0] ?? ""), b = N === "account";
+  K(() => {
+    if (!m) return;
+    const e = v[0];
+    e && (p(e), requestAnimationFrame(() => {
+      var t;
+      const r = (t = k.current) == null ? void 0 : t.querySelector(
+        `[data-value="${typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e.replace(/"/g, '\\"')}"]`
+      );
+      r instanceof HTMLElement && r.focus();
+    }));
+  }, [m]);
+  const F = (e) => {
+    var t;
+    if (e.disabled) return;
+    (t = e.onClick) == null || t.call(e), f == null || f(e.value, e), e.checkbox || e.submenu || !M || x(!1);
+  };
+  return /* @__PURE__ */ n.createElement(
+    T,
+    {
+      className: u(l.root, P),
+      open: m,
+      onOpenChange: (e) => {
+        i || x(e);
+      },
+      align: E,
+      placement: R,
+      label: typeof d == "string" ? d : void 0,
+      disabled: i,
+      role: "menu",
+      panelClassName: b ? l.elevated : void 0,
+      fitContent: b,
+      trigger: (e) => typeof c == "function" ? c(e) : c != null ? /* @__PURE__ */ n.createElement("span", { className: l.anchor, ...e.anchorProps }, c) : /* @__PURE__ */ n.createElement(
+        "button",
+        {
+          type: "button",
+          className: l.trigger,
+          "data-size": B,
+          "data-open": e.open ? "true" : void 0,
+          disabled: i,
+          ...e.anchorProps
+        },
+        d,
+        g ? null : /* @__PURE__ */ n.createElement(he, null)
+      )
+    },
+    /* @__PURE__ */ n.createElement(
+      "div",
+      {
+        ref: k,
+        className: u(l.panel, b && l.surface),
+        "data-align": E,
+        "data-tone": N,
+        onKeyDown: (e) => W(e, {
+          values: v,
+          value: C,
+          vertical: !0,
+          focusRoot: k.current,
+          onSelect: p
+        })
+      },
+      y.map((e, r) => /* @__PURE__ */ n.createElement(n.Fragment, { key: e.value ?? e.title ?? r }, r > 0 ? /* @__PURE__ */ n.createElement("hr", { className: l.divider }) : null, /* @__PURE__ */ n.createElement("div", { className: l.group, role: "group" }, e.title != null ? /* @__PURE__ */ n.createElement("p", { className: l.heading }, e.title) : null, e.items.map((t) => {
+        const I = e.items.some(
+          (s) => s.checked || s.checkbox || s.status != null || s.icon != null
+        ), j = /* @__PURE__ */ n.createElement(ke, { item: t }), q = t.checkbox === !0 || t.checked != null;
+        return /* @__PURE__ */ n.createElement(
+          "button",
+          {
+            key: t.value,
+            type: "button",
+            role: t.checkbox ? "menuitemcheckbox" : "menuitem",
+            className: l.item,
+            "data-value": t.value,
+            "data-checked": (t.checked || t.checkbox) && t.checked ? "true" : void 0,
+            "data-danger": t.danger ? "true" : void 0,
+            tabIndex: t.value === C ? 0 : -1,
+            disabled: t.disabled,
+            "aria-checked": q ? !!t.checked : void 0,
+            onClick: () => F(t),
+            onFocus: () => p(t.value)
+          },
+          I ? j ?? /* @__PURE__ */ n.createElement("span", { className: l.none, "aria-hidden": !0 }) : null,
+          t.label != null ? /* @__PURE__ */ n.createElement("span", { className: l.label }, t.label) : null,
+          t.shortcut != null ? /* @__PURE__ */ n.createElement("span", { className: l.ushort }, t.shortcut) : null,
+          t.submenu ? /* @__PURE__ */ n.createElement(me, null) : null
+        );
+      }))))
+    )
+  );
+}
+export {
+  Se as D
+};

package/dist/Dropdown.css

@@ -1 +1 @@
-@layer elcrm-components{.crr{position:relative;display:inline-flex;vertical-align:middle}.crt{display:inline-flex;align-items:center;gap:var(--shell-gap-sm);margin:0;padding:var(--shell-padding);box-sizing:border-box;font:inherit;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);background:var(--shell-background);border:1px solid var(--shell-border);border-radius:var(--shell-radius);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.2}.crt[data-size]{height:var(--control-height);min-height:var(--control-height);padding-block:0;box-sizing:border-box}.crt:hover{background:var(--shell-background-hover)}.crt[data-open=true]{border-color:var(--shell-color-accent);color:var(--shell-color-accent)}.crc{display:inline-flex;width:var(--shell-icon-size);height:var(--shell-icon-size);flex-shrink:0;color:var(--shell-color-muted)}.crt[data-open=true] .crc{color:var(--shell-color-accent)}.crp{min-width:0}.crh{margin:0;padding:var(--shell-padding);font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);color:var(--shell-color-muted);line-height:1.3}.crg{display:flex;flex-direction:column;gap:2px}.crd{height:0;margin:var(--shell-gap-sm) 0;border:0;border-top:1px solid var(--shell-border)}.cri{display:flex;align-items:center;gap:var(--shell-gap-sm);width:100%;margin:0;padding:var(--shell-padding);box-sizing:border-box;text-align:left;font:inherit;font-size:var(--shell-font-size);font-weight:500;color:var(--shell-color);background:transparent;border:none;border-radius:calc(var(--shell-radius) * .7);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.35}.cri:hover:not(:disabled),.cri:focus-visible:not(:disabled){background:var(--shell-background-hover);outline:none}.cri[data-checked=true]{background:var(--shell-background-selected)}.cri[data-danger=true]{color:var(--shell-color-danger)}.cri[data-danger=true] .crn,.cri[data-danger=true] .crm{color:inherit}.cri:disabled,.cri[aria-disabled=true]{opacity:var(--shell-disabled-opacity);cursor:not-allowed}.crn,.crk{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-icon-size);height:var(--shell-icon-size);color:var(--shell-color-muted)}.crk{color:var(--shell-color-accent)}.crl{flex:1;min-width:0}.cru{flex-shrink:0;margin-left:auto;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.crm{display:inline-flex;flex-shrink:0;margin-left:auto;width:var(--shell-icon-size);height:var(--shell-icon-size);color:var(--shell-color-muted)}.crb{display:inline-flex;flex-shrink:0;width:var(--shell-status-size);height:var(--shell-status-size);border-radius:50%}.cro{background:var(--shell-color-success)}.crf{background:var(--shell-color-muted)}.crx{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--shell-check-size);height:var(--shell-check-size);border:1px solid var(--shell-border);border-radius:calc(var(--shell-radius) * .4);background:var(--shell-background);color:var(--avatar-color)}.cry{border-color:var(--shell-color-accent);background:var(--shell-color-accent)}.crv{width:70%;height:70%;display:block}}
+@layer elcrm-components{.ldr{position:relative;display:inline-flex;vertical-align:middle}.lda{display:inline-flex;align-items:center;min-width:0;cursor:pointer}.ldt{display:inline-flex;align-items:center;gap:var(--shell-gap-sm);margin:0;padding:var(--shell-padding);box-sizing:border-box;font:inherit;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);background:var(--shell-background);border:1px solid var(--shell-border);border-radius:var(--shell-radius);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.2}.ldt[data-size]{height:var(--control-height);min-height:var(--control-height);padding-block:0;box-sizing:border-box}.ldt:hover{background:var(--shell-background-hover)}.ldt[data-open=true]{border-color:var(--shell-color-accent);color:var(--shell-color-accent)}.ldc{display:inline-flex;width:var(--shell-icon-size);height:var(--shell-icon-size);flex-shrink:0;color:var(--shell-color-muted)}.ldt[data-open=true] .ldc{color:var(--shell-color-accent)}.ldp{min-width:0}.ldh{margin:0;padding:var(--shell-padding);font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);color:var(--shell-color-muted);line-height:1.3}.ldg{display:flex;flex-direction:column;gap:2px}.ldd{height:0;margin:var(--shell-gap-sm) 0;border:0;border-top:1px solid var(--shell-border)}.ldi{display:flex;align-items:center;gap:var(--shell-gap-sm);width:100%;margin:0;padding:var(--shell-padding);box-sizing:border-box;text-align:left;font:inherit;font-size:var(--shell-font-size);font-weight:500;color:var(--shell-color);background:transparent;border:none;border-radius:calc(var(--shell-radius) * .7);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.35}.ldi:hover:not(:disabled),.ldi:focus-visible:not(:disabled){background:var(--shell-background-hover);outline:none}.ldi[data-checked=true]{background:var(--shell-background-selected)}.ldi[data-danger=true]{color:var(--shell-color-danger)}.ldi[data-danger=true] .ldn,.ldi[data-danger=true] .ldm{color:inherit}.ldi:disabled,.ldi[aria-disabled=true]{opacity:var(--shell-disabled-opacity);cursor:not-allowed}.ldn,.ldk{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-icon-size);height:var(--shell-icon-size);color:var(--shell-color-muted)}.ldk{color:var(--shell-color-accent)}.ldl{flex:1;min-width:0}.ldu{flex-shrink:0;margin-left:auto;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.ldm{display:inline-flex;flex-shrink:0;margin-left:auto;width:var(--shell-icon-size);height:var(--shell-icon-size);color:var(--shell-color-muted)}.ldb{display:inline-flex;flex-shrink:0;width:var(--shell-status-size);height:var(--shell-status-size);border-radius:50%}.ldo{background:var(--shell-color-success)}.ldf{background:var(--shell-color-muted)}.ldx{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--shell-check-size);height:var(--shell-check-size);border:1px solid var(--shell-border);border-radius:calc(var(--shell-radius) * .4);background:var(--shell-background);color:var(--avatar-color)}.ldy{border-color:var(--shell-color-accent);background:var(--shell-color-accent)}.ldv{width:70%;height:70%;display:block}.lde{padding:var(--sidebar-account-menu-padding);background:var(--sidebar-account-menu-bg);border:1px solid var(--sidebar-account-menu-border);border-radius:var(--sidebar-account-menu-radius);box-shadow:var(--sidebar-account-menu-shadow);color:var(--sidebar-account-menu-color);max-width:none;max-height:none;overflow:visible;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:ldz .16s ease-out}.lds{min-width:0;max-width:none;max-height:none;padding:0;background:transparent;border:none;box-shadow:none;color:inherit}.lds .ldi{gap:var(--sidebar-account-item-gap);padding:var(--sidebar-account-item-padding);border-radius:var(--sidebar-account-item-radius);font-size:var(--shell-font-size);font-weight:500;color:var(--sidebar-account-menu-color)}.lds .ldi:hover:not(:disabled),.lds .ldi:focus-visible:not(:disabled){background:var(--sidebar-account-item-hover)}.lds .ldi[data-danger=true]{color:var(--shell-color-danger)}.lds .ldi[data-danger=true]:hover:not(:disabled){background:var(--sidebar-account-danger-hover)}.lds .ldn,.lds .ldm,.lds .ldu{color:var(--sidebar-account-item-icon)}.lds .ldi[data-danger=true] .ldn,.lds .ldi[data-danger=true] .ldm{color:inherit}.lds .ldd{margin:4px 8px;border-top-color:var(--sidebar-account-menu-border)}}@keyframes ldz{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

package/dist/Dropdown.d.ts

@@ -1,96 +1,6 @@
 import { default as React } from 'react';
-import { UiSize } from './types';
-/**
- * Пункт выпадающего меню {@link Dropdown}.
- *
- * Идентификатор — всегда `value` (не `key`).
- * Опциональные поля (`icon`, `shortcut`, …): есть → рисуем, нет → пропускаем.
- */
-export type DropdownItem = {
-    /** Уникальный идентификатор пункта (не `key`). */
-    value: string;
-    /** Подпись пункта. */
-    label?: React.ReactNode;
-    /** Иконка слева. */
-    icon?: React.ReactNode;
-    /** Горячая клавиша справа (например «⌘X»). */
-    shortcut?: React.ReactNode;
-    /** Галочка слева (выбор / toggle). */
-    checked?: boolean;
-    /** Режим чекбокса (колонки списка и т.п.). */
-    checkbox?: boolean;
-    /** Точка статуса вместо icon. */
-    status?: "online" | "offline";
-    /** Стрелка submenu справа (визуальный намёк; логика submenu — снаружи). */
-    submenu?: boolean;
-    /** Недоступный пункт. */
-    disabled?: boolean;
-    /** Опасное действие (Delete) — красный акцент. */
-    danger?: boolean;
-    /** Локальный обработчик клика (дополнительно к `onSelect`). */
-    onClick?: () => void;
-};
-/**
- * Секция панели dropdown: опциональный заголовок + `items`.
- *
- * Между секциями рисуется разделитель. Декларативный API, без compound-слотов.
- */
-export type DropdownGroup = {
-    /** Заголовок секции / панели («Колонки в списке»). */
-    title?: React.ReactNode;
-    /** Пункты секции. */
-    items: DropdownItem[];
-};
-/**
- * Props компонента {@link Dropdown}.
- *
- * Передавайте либо плоский `items`, либо структурированные `groups`.
- */
-export type DropdownProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "onSelect"> & {
-    /**
-     * Плоский декларативный список пунктов.
-     * Для секций с разделителями используйте `groups`.
-     */
-    items?: DropdownItem[];
-    /** Секции с разделителями между ними. */
-    groups?: DropdownGroup[];
-    /** Кастомный триггер; иначе кнопка из `label`. */
-    trigger?: React.ReactNode;
-    /** Текст встроенного триггера. */
-    label?: React.ReactNode;
-    /** Скрыть chevron у встроенного триггера. */
-    hideChevron?: boolean;
-    /** Заголовок панели (если не задан в `groups[].title`). */
-    title?: React.ReactNode;
-    /** Выравнивание панели относительно триггера. */
-    align?: "start" | "end";
-    /**
-     * Куда открывать панель.
-     * Футер Sidebar передаёт `top`.
-     * @default "auto"
-     */
-    placement?: "auto" | "top" | "bottom";
-    /** Контролируемое открытие. */
-    open?: boolean;
-    /** Начальное открытие (неконтролируемый режим). */
-    defaultOpen?: boolean;
-    /** Колбэк смены open. */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Закрывать панель после выбора.
-     * Для checkbox обычно `false`.
-     */
-    closeOnSelect?: boolean;
-    /** Заблокировать триггер. */
-    disabled?: boolean;
-    /**
-     * Высота встроенного триггера (`--control-height`).
-     * Внутри {@link Toolbar} берётся из тулбара, если не задан.
-     */
-    size?: UiSize;
-    /** Выбор пункта: `value` + сам item. */
-    onSelect?: (value: string, item: DropdownItem) => void;
-};
+import { DropdownProps } from './Dropdown.types';
+export type { DropdownGroup, DropdownItem, DropdownProps, } from './Dropdown.types';
 /**
  * Выпадающее меню: триггер + панель с `groups` / `items` (portal, {@link Popover}).
  *
@@ -129,8 +39,8 @@ export type DropdownProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange
  *   label="Действия"
  *   groups={groups}
  *   closeOnSelect={false}
- *   onSelect={(value) => console.log(value)}
+ *   onValueChange={(value) => console.log(value)}
  * />
  * ```
  */
-export declare function Dropdown({ items, groups, trigger, label, hideChevron, title, align, placement, open: openProp, defaultOpen, onOpenChange, closeOnSelect, disabled, size: sizeProp, onSelect, className, }: DropdownProps): React.JSX.Element;
+export declare function Dropdown({ items, groups, trigger, label, hideChevron, title, align, placement, open: openProp, defaultOpen, onOpenChange, closeOnSelect, disabled, size: sizeProp, tone, onValueChange, className, }: DropdownProps): React.JSX.Element;

package/dist/Dropdown.js

@@ -1,4 +1,4 @@
-import { D as p } from "./Dropdown-DosvDR13.js";
+import { D as p } from "./Dropdown-CR_XxNak.js";
 export {
   p as Dropdown
 };

package/dist/EmptyState-B_wWPjUu.js

@@ -0,0 +1,23 @@
+import t from "react";
+import { c as r } from "./cx-CcykAxZN.js";
+import './EmptyState.css';const i = "smr", u = "smi", E = "smt", d = "smd", N = "sma", e = {
+  root: i,
+  icon: u,
+  title: E,
+  desc: d,
+  actions: N
+};
+function v({
+  title: s,
+  description: l,
+  icon: c,
+  actions: n,
+  children: a,
+  className: o,
+  ...m
+}) {
+  return /* @__PURE__ */ t.createElement("div", { className: r(e.root, o), role: "status", ...m }, c != null ? /* @__PURE__ */ t.createElement("div", { className: e.icon }, c) : null, s != null ? /* @__PURE__ */ t.createElement("h3", { className: e.title }, s) : null, l != null ? /* @__PURE__ */ t.createElement("p", { className: e.desc }, l) : null, a, n != null ? /* @__PURE__ */ t.createElement("div", { className: e.actions }, n) : null);
+}
+export {
+  v as E
+};

package/dist/EmptyState.css

@@ -1 +1 @@
-@layer elcrm-components{.cpr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--shell-gap);padding:var(--shell-padding);text-align:center;color:var(--shell-color-muted)}.cpi{display:flex;margin-bottom:var(--shell-gap-sm);color:var(--shell-color-muted)}.cpt{margin:0;font-size:var(--shell-font-size-lg);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cpd{margin:0;max-width:22rem;font-size:var(--shell-font-size);color:var(--shell-color-muted);line-height:1.45}.cpa{display:flex;flex-wrap:wrap;gap:var(--shell-gap-sm);justify-content:center;margin-top:var(--shell-gap)}}
+@layer elcrm-components{.smr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--shell-gap);padding:var(--empty-padding);max-width:var(--empty-max-width);margin-inline:auto;text-align:center;color:var(--shell-color-muted)}.smi{display:flex;margin-bottom:var(--shell-gap-sm);color:var(--shell-color-muted)}.smt{margin:0;font-size:var(--shell-font-size-lg);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.smd{margin:0;max-width:22rem;font-size:var(--shell-font-size);color:var(--shell-color-muted);line-height:1.45}.sma{display:flex;flex-wrap:wrap;gap:var(--shell-gap-sm);justify-content:center;margin-top:var(--shell-gap)}}

package/dist/EmptyState.d.ts

@@ -14,7 +14,7 @@ import { default as React } from 'react';
  * />
  * ```
  *
- * Токены: `--shell-*`.
+ * Токены: `--shell-*`, `--empty-max-width`, `--empty-padding`.
  */
 export type EmptyStateProps = React.HTMLAttributes<HTMLDivElement> & {
     /** Заголовок заглушки */

package/dist/EmptyState.js

@@ -1,4 +1,4 @@
-import { E as e } from "./EmptyState-mBiWtMIM.js";
+import { E as e } from "./EmptyState-B_wWPjUu.js";
 export {
   e as EmptyState
 };

package/dist/{Footer-qxUlnPR9.js → Footer-Bgh_JCUe.js}

@@ -1,10 +1,10 @@
 import e from "react";
 import { c } from "./cx-CcykAxZN.js";
-import './Footer.css';const s = "cfr", a = {
-  r: s
+import './Footer.css';const s = "sfr", a = {
+  root: s
 };
-function f({ children: r, className: o, ...t }) {
-  return /* @__PURE__ */ e.createElement("footer", { className: c(a.r, o), ...t }, r);
+function f({ children: o, className: t, ...r }) {
+  return /* @__PURE__ */ e.createElement("footer", { className: c(a.root, t), ...r }, o);
 }
 export {
   f as F

package/dist/Footer.css

@@ -1 +1 @@
-@layer elcrm-components{.cfr{flex-shrink:0;padding:var(--shell-padding);color:var(--shell-color-muted);background:transparent;border-top:1px solid var(--shell-border);font-size:var(--shell-font-size-sm)}}
+@layer elcrm-components{.sfr{flex-shrink:0;padding:var(--shell-padding);color:var(--shell-color-muted);background:transparent;border-top:1px solid var(--shell-border);font-size:var(--shell-font-size-sm)}}

package/dist/Footer.js

@@ -1,4 +1,4 @@
-import { F as e } from "./Footer-qxUlnPR9.js";
+import { F as e } from "./Footer-Bgh_JCUe.js";
 export {
   e as Footer
 };

package/dist/Header-BMDIi3u2.js

@@ -0,0 +1,21 @@
+import l from "react";
+import { c as m } from "./cx-CcykAxZN.js";
+import './Header.css';const u = "shr", i = "shn", v = "sha", n = {
+  root: u,
+  nav: i,
+  actions: v
+};
+function h({
+  brand: e,
+  nav: t,
+  search: o,
+  actions: a,
+  children: s,
+  className: c,
+  ...r
+}) {
+  return /* @__PURE__ */ l.createElement("header", { className: m(n.root, c), ...r }, e ?? null, t != null ? /* @__PURE__ */ l.createElement("div", { className: n.nav }, t) : null, o ?? null, a != null ? /* @__PURE__ */ l.createElement("div", { className: n.actions }, a) : null, s);
+}
+export {
+  h as H
+};

package/dist/Header.css

@@ -1 +1 @@
-@layer elcrm-components{.chr{display:flex;align-items:center;gap:var(--shell-gap);flex-shrink:0;min-height:var(--header-height);padding:var(--shell-padding);color:var(--shell-color);background:var(--shell-background);border:var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:relative;z-index:var(--header-z)}.chn{display:flex;flex:1;align-items:center;min-width:0;justify-content:var(--header-nav-justify)}.cha{display:flex;align-items:center;gap:var(--shell-gap-sm);flex-shrink:0;margin:auto}}
+@layer elcrm-components{.shr{display:flex;align-items:center;gap:var(--shell-gap);flex-shrink:0;min-height:var(--header-height);padding:var(--shell-padding);color:var(--shell-color);background:var(--shell-background);border:var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:relative;z-index:var(--header-z)}.shn{display:flex;flex:1;align-items:center;min-width:0;justify-content:var(--header-nav-justify)}.sha{display:flex;align-items:center;gap:var(--shell-gap-sm);flex-shrink:0;margin:auto}}

package/dist/Header.js

@@ -1,4 +1,4 @@
-import { H as a } from "./Header-DZQopVNy.js";
+import { H as a } from "./Header-BMDIi3u2.js";
 export {
   a as Header
 };