@shmidko61/lc-ui-kit 0.17.0 → 0.18.0

package/README.md

@@ -7,24 +7,41 @@
 Из каталога `apps`:
 
 ```bash
-corepack pnpm --filter @shmidko61/lc-ui-kit verify:package
+corepack pnpm release:check:ui-kit
 ```
 
-Команда последовательно проверяет типы исходников, ESLint (включая Storybook),
-форматирование, production-сборку, публичные типы с `skipLibCheck: false`,
-саму защиту релиза на негативных примерах, ESM/CJS exports, все `.d.ts`,
-production safelist, hover, состав npm tarball и сборку Storybook.
-
-`prepublishOnly` запускает тот же `verify:package`. Если любая стадия падает,
-проверка завершается с ненулевым кодом и публикация не продолжается.
-`pack:check` использует локальный `npm pack --dry-run --ignore-scripts`:
-авторизация в registry не требуется, lifecycle не запускается повторно.
-
-Отдельные проверки доступны как `typecheck`, `lint`, `format:check`,
-`typecheck:package`, `test:checks`, `test:package`, `test:hover`, `pack:check`
-`test:states` и `storybook:build`. Проверки собранного пакета запускаются после `build`.
-ESLint использует отдельный `tsconfig.eslint.json`; конфигурация source
-typecheck и публичные props компонентов не меняются.
+Команда устанавливает зависимости по frozen lockfile, удаляет старый `dist`,
+запускает lint, typecheck, тесты, сборку и Storybook. Затем `npm pack` создаёт
+реальный tarball в `.release/ui-kit`; пакет устанавливается в отдельный временный
+consumer без workspace-ссылок. Зависимости consumer фиксирует собственный
+`package-lock.json`.
+
+Проверяются все exports (ESM/CJS/types), декларации, файлы stylesheet, safelist,
+каждый CSS-файл через Lightning CSS с минификацией и запрет `${…}` в декларациях
+CSS. Consumer компилирует `contentInnerProps`, padding заголовка, md/lg/xl и
+собирается на Vite 7.3.6 и 8.3.5 с `cssMinify: 'lightningcss'`. Chromium проверяет
+реальный padding, нулевые значения, responsive/reset/style, клавиатуру, ARIA,
+динамическую высоту и анимации на всех breakpoint. Негативные регрессии проверяют
+невалидный CSS и исчезновение публичного prop.
+
+Для браузерных проверок Chromium устанавливается автоматически. Можно задать
+`CHROME_BIN` на существующий Chrome. На Linux нужны системные зависимости
+Playwright/Chromium (в CI используется Chrome из ubuntu-latest).
+При ошибке лог содержит этап `[release:…]` и путь consumer для диагностики.
+
+`corepack pnpm publish:ui-kit` проверяет npm-пользователя, выполняет весь pipeline
+и публикует **тот же tarball**, сверяя SHA-256 с `verified.json`. Повторной сборки
+между проверкой и публикацией нет. Ввода PUBLISH нет; npm может запросить 2FA.
+Прямая публикация из каталога пакета блокируется `prepublishOnly`.
+
+CI workflow **UI-kit artifact gate** выполняет обязательный verify job;
+публикация при ручном запуске с `publish=true` зависит от него и скачивает
+проверенный tarball. Для npm нужен секрет `NPM_TOKEN`. Чтобы запретить merge при
+ошибке, назначьте job `verify` обязательным в branch protection репозитория.
+Никакие проверки не используют `allow_failure`/`continue-on-error`.
+
+`verify:package` остаётся быстрым набором локальных проверок исходников и dist;
+он не заменяет обязательную проверку релизного tarball.
 
 ## Установка
 
@@ -249,3 +266,9 @@ export function Question() {
 ```
 
 Storybook: **UI Kit / Accordion / ContentInner**.
+
+## DropdownMenu
+
+Меню действий с клавиатурой, поиском, portal, автоматическим позиционированием,
+прокруткой, controlled/uncontrolled состоянием и настройкой обёрток через BoxProps.
+Импорт: `@shmidko61/lc-ui-kit/dropdown-menu`. [API и примеры](src/dropdown-menu/README.md).

package/dist/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react';
+import { DropdownMenuProps } from './types/index';
+/** Меню действий с порталом, автопозиционированием, поиском по тексту и возвратом фокуса. */
+export declare function DropdownMenu(options: DropdownMenuProps): JSX.Element;

package/dist/dropdown-menu/helpers/dropdown-menu.helpers.d.ts

@@ -0,0 +1,4 @@
+/** Находит соседний tab-stop относительно триггера, исключая закрываемую portal-панель.
+ * Положительные tabindex идут первыми, скрытые и disabled-элементы пропускаются.
+ */
+export declare function getDropdownTabTarget(trigger: HTMLButtonElement, panel: HTMLElement | null, backwards: boolean): HTMLElement | undefined;

package/dist/dropdown-menu/helpers/index.d.ts

@@ -0,0 +1 @@
+export { getDropdownTabTarget } from './dropdown-menu.helpers';

package/dist/dropdown-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenu } from './dropdown-menu';
+export type { DropdownMenuBoxProps, DropdownMenuItem, DropdownMenuPlacement, DropdownMenuProps, } from './types/index';

package/dist/dropdown-menu/types/dropdown-menu.types.d.ts

@@ -0,0 +1,66 @@
+import { ReactNode } from 'react';
+import { BoxProps } from '../../box/index';
+/** Настройки обёртки без замены семантического элемента и содержимого. style имеет итоговый приоритет. */
+export type DropdownMenuBoxProps = Omit<BoxProps, 'as' | 'children'>;
+/** Пункт меню действий; id уникален, textValue используется для поиска с клавиатуры. */
+export interface DropdownMenuItem {
+    /** Уникальный ключ действия. */
+    id: string;
+    /** Видимая подпись или произвольное содержимое. */
+    label: ReactNode;
+    /** Текст для поиска; обязателен для сложной JSX-подписи. */
+    textValue?: string;
+    /** Дополнительное описание действия. */
+    description?: ReactNode;
+    /** Начальный слот: например, иконка. */
+    leading?: ReactNode;
+    /** Конечный слот: например, сочетание клавиш. */
+    trailing?: ReactNode;
+    /** Недоступный пункт пропускается при навигации. */
+    disabled?: boolean;
+    /** Деструктивное действие окрашивается в красный. */
+    destructive?: boolean;
+    /** Индивидуальное оформление пункта, включая md/lg/xl; style приоритетнее. */
+    boxProps?: DropdownMenuBoxProps;
+}
+/** Props меню действий. Для выбора значения формы используйте Select. */
+export interface DropdownMenuProps {
+    /** Список действий; пустой список отображает emptyContent. */
+    items: Array<DropdownMenuItem>;
+    /** Содержимое стандартной кнопки. По умолчанию «Действия». */
+    trigger?: ReactNode;
+    /** Настройка кнопки через Box, включая md/lg/xl, className, style и HTML props. */
+    triggerProps?: Omit<BoxProps<'button'>, 'as' | 'children'>;
+    /** Внешняя обёртка триггера. */
+    rootProps?: DropdownMenuBoxProps;
+    /** Оформление позиционируемой панели. */
+    panelProps?: DropdownMenuBoxProps;
+    /** Оформление списка: padding, maxHeight, scrollbar и md/lg/xl. */
+    menuProps?: DropdownMenuBoxProps;
+    /** Общие настройки пунктов; индивидуальные boxProps имеют приоритет. */
+    itemProps?: DropdownMenuBoxProps;
+    /** Кастомизация содержимого пункта без изменения его доступной семантики. */
+    renderItem?: (item: DropdownMenuItem) => ReactNode;
+    /** Доступное название списка; по умолчанию «Действия». */
+    label?: string;
+    /** Содержимое при отсутствии действий. По умолчанию «Нет действий». */
+    emptyContent?: ReactNode;
+    /** Controlled-состояние панели. */
+    open?: boolean;
+    /** Начальное раскрытие uncontrolled-панели; по умолчанию false. */
+    defaultOpen?: boolean;
+    /** Изменение раскрытия. */
+    onOpenChange?: (open: boolean) => void;
+    /** Выбор доступного действия. */
+    onAction?: (id: string) => void;
+    /** Отключает триггер; по умолчанию false. */
+    disabled?: boolean;
+    /** Закрывать после действия; по умолчанию true. */
+    closeOnSelect?: boolean;
+    /** Положение с автоматическим переворотом у края экрана; по умолчанию bottom start. */
+    placement?: DropdownMenuPlacement;
+    /** Расстояние от триггера в px; по умолчанию 8. */
+    offset?: number;
+}
+/** Положение панели: физические left/right либо логические start/end с учётом направления текста. */
+export type DropdownMenuPlacement = 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | `${'top' | 'bottom'} ${'left' | 'right' | 'start' | 'end'}` | `${'left' | 'right' | 'start' | 'end'} ${'top' | 'bottom'}`;

package/dist/dropdown-menu/types/index.d.ts

@@ -0,0 +1 @@
+export type { DropdownMenuBoxProps, DropdownMenuItem, DropdownMenuPlacement, DropdownMenuProps, } from './dropdown-menu.types';

package/dist/dropdown-menu/types/internal/dropdown-menu-internal.types.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+import { TreeState, useMenuTriggerState } from 'react-stately';
+import { DropdownMenuItem, DropdownMenuProps } from '..';
+/** Внутренние props доступного пункта. */
+export interface DropdownMenuEntryProps {
+    item: DropdownMenuItem;
+    state: TreeState<DropdownMenuItem>;
+    options: DropdownMenuProps;
+    close: () => void;
+}
+/** Внутренние props позиционируемой панели. */
+export interface DropdownMenuPanelProps {
+    options: DropdownMenuProps;
+    triggerRef: RefObject<HTMLButtonElement | null>;
+    state: ReturnType<typeof useMenuTriggerState>;
+    triggerMenuProps: object;
+}

package/dist/dropdown-menu/types/internal/index.d.ts

@@ -0,0 +1 @@
+export type { DropdownMenuEntryProps, DropdownMenuPanelProps, } from './dropdown-menu-internal.types';

package/dist/dropdown-menu-D14xkawH.js

@@ -0,0 +1,199 @@
+"use client";
+import { jsxs as b, jsx as l } from "react/jsx-runtime";
+import { useRef as g, useId as P, useEffect as I, useLayoutEffect as O } from "react";
+import { useMenuTrigger as w, useButton as D, mergeProps as m, usePopover as S, useMenu as v, Overlay as k, FocusScope as T, DismissButton as x, useMenuItem as C } from "react-aria";
+import { useMenuTriggerState as M, useTreeState as F, Item as A } from "react-stately";
+import { Box as a } from "./box.js";
+import { Flex as E } from "./flex.js";
+import { Typography as R } from "./typography.js";
+function V(e, i, t) {
+  const o = Array.from(
+    e.ownerDocument.querySelectorAll(
+      'a[href],button,input,select,textarea,[tabindex],[contenteditable="true"]'
+    )
+  ).filter(
+    (r) => r.tabIndex >= 0 && !r.matches(":disabled") && !r.closest("[inert]") && r.getClientRects().length > 0 && !0
+  ).sort(
+    (r, s) => (r.tabIndex > 0 ? r.tabIndex : 1 / 0) - (s.tabIndex > 0 ? s.tabIndex : 1 / 0)
+  );
+  return o[o.indexOf(e) + (t ? -1 : 1)];
+}
+function q({ item: e, state: i, options: t, close: o }) {
+  const r = g(null), { menuItemProps: s, labelProps: c, descriptionProps: f, isFocused: u } = C(
+    {
+      key: e.id,
+      onAction: () => t.onAction?.(e.id),
+      onClose: o,
+      closeOnSelect: t.closeOnSelect ?? !0
+    },
+    i,
+    r
+  );
+  return /* @__PURE__ */ l(
+    a,
+    {
+      outlineStyle: "none",
+      focusVisible: {
+        outlineStyle: "solid",
+        outlineWidth: "2px",
+        outlineOffset: "-2px",
+        outlineColor: "--color-primary-accent"
+      },
+      p: { px: 16, py: 12 },
+      border: { radius: "8px" },
+      color: e.destructive ? "#dc2626" : "--color-text-primary",
+      bg: u ? "--color-background-subtle" : void 0,
+      ...m(t.itemProps ?? {}, e.boxProps ?? {}, s),
+      ref: r,
+      style: { ...t.itemProps?.style, ...e.boxProps?.style },
+      children: t.renderItem ? /* @__PURE__ */ l(a, { ...c, children: t.renderItem(e) }) : /* @__PURE__ */ b(E, { align: "center", gap: 12, children: [
+        e.leading,
+        /* @__PURE__ */ b(a, { width: "100%", children: [
+          /* @__PURE__ */ l(a, { ...c, children: e.label }),
+          e.description && /* @__PURE__ */ l(R, { ...f, variant: "b3", color: "--color-text-secondary", children: e.description })
+        ] }),
+        e.trailing
+      ] })
+    }
+  );
+}
+function B({
+  options: e,
+  triggerRef: i,
+  state: t,
+  triggerMenuProps: o
+}) {
+  const r = g(null), s = g(null), { popoverProps: c, underlayProps: f } = S(
+    {
+      popoverRef: r,
+      triggerRef: i,
+      placement: e.placement ?? "bottom start",
+      offset: e.offset ?? 8
+    },
+    t
+  ), u = F({
+    items: e.items,
+    disabledKeys: e.items.filter((n) => n.disabled).map((n) => n.id),
+    selectionMode: "none",
+    children: (n) => /* @__PURE__ */ l(
+      A,
+      {
+        textValue: n.textValue ?? (typeof n.label == "string" ? n.label : n.id),
+        children: n.label
+      },
+      n.id
+    )
+  }), { menuProps: d } = v(
+    {
+      ...o,
+      ...e.label ? { "aria-labelledby": void 0 } : {},
+      onClose: t.close,
+      "aria-label": e.label ?? "Действия",
+      autoFocus: t.focusStrategy ?? "first"
+    },
+    u,
+    s
+  );
+  return /* @__PURE__ */ b(k, { children: [
+    /* @__PURE__ */ l(a, { ...f, position: { type: "fixed", top: 0, right: 0, bottom: 0, left: 0 } }),
+    /* @__PURE__ */ l(T, { restoreFocus: !0, children: /* @__PURE__ */ b(
+      a,
+      {
+        bg: "--color-background-default",
+        border: { radius: "12px" },
+        boxShadow: "0 8px 32px rgba(0,0,0,.12)",
+        ...m(e.panelProps ?? {}, c),
+        ref: r,
+        style: { ...c.style, ...e.panelProps?.style },
+        children: [
+          /* @__PURE__ */ l(x, { onDismiss: t.close }),
+          /* @__PURE__ */ l(
+            a,
+            {
+              outlineStyle: "none",
+              p: 8,
+              minWidth: 220,
+              maxHeight: "min(320px, 60vh)",
+              overflowY: "auto",
+              ...m(e.menuProps ?? {}, d),
+              ref: s,
+              children: e.items.length ? e.items.map((n) => /* @__PURE__ */ l(
+                q,
+                {
+                  item: n,
+                  state: u,
+                  options: e,
+                  close: t.close
+                },
+                n.id
+              )) : /* @__PURE__ */ l(a, { p: 16, children: e.emptyContent ?? "Нет действий" })
+            }
+          ),
+          /* @__PURE__ */ l(x, { onDismiss: t.close })
+        ]
+      }
+    ) })
+  ] });
+}
+function J(e) {
+  const i = g(null), t = P(), o = e.disabled ?? e.triggerProps?.disabled ?? !1, r = M({
+    isOpen: e.open,
+    defaultOpen: o ? !1 : e.defaultOpen,
+    onOpenChange: e.onOpenChange
+  }), s = g(!1);
+  I(() => {
+    !o || !r.isOpen ? s.current = !1 : s.current || (s.current = !0, r.close());
+  }, [o, r]);
+  const { menuTriggerProps: c, menuProps: f } = w(
+    { type: "menu", isDisabled: o },
+    r,
+    i
+  ), { buttonProps: u } = D(
+    { ...m(c, e.triggerProps ?? {}), isDisabled: o },
+    i
+  );
+  return O(() => {
+    const d = i.current;
+    if (!d || !r.isOpen) return;
+    const n = d.ownerDocument, y = (p) => {
+      if (p.key !== "Tab" || !(p.target instanceof Element) || p.target.closest('[role="menu"]')?.id !== t)
+        return;
+      p.preventDefault(), p.stopPropagation();
+      const h = p.shiftKey;
+      r.close(), requestAnimationFrame(
+        () => requestAnimationFrame(() => {
+          (V(d, null, h) ?? d).focus();
+        })
+      );
+    };
+    return n.defaultView?.addEventListener("keydown", y, !0), () => n.defaultView?.removeEventListener("keydown", y, !0);
+  }, [r, t]), /* @__PURE__ */ b(a, { display: "inline-block", ...e.rootProps, children: [
+    /* @__PURE__ */ l(
+      a,
+      {
+        as: "button",
+        p: { px: 16, py: 10 },
+        bg: "--color-background-subtle",
+        border: { radius: "8px", style: "none" },
+        ...e.triggerProps,
+        ...u,
+        "aria-expanded": !o && r.isOpen,
+        "aria-controls": r.isOpen && !o ? t : void 0,
+        ref: i,
+        children: e.trigger ?? "Действия"
+      }
+    ),
+    r.isOpen && !o && /* @__PURE__ */ l(
+      B,
+      {
+        options: e,
+        state: r,
+        triggerRef: i,
+        triggerMenuProps: { ...f, id: t }
+      }
+    )
+  ] });
+}
+export {
+  J as D
+};

package/dist/dropdown-menu-hivkBAku.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const s=require("react/jsx-runtime"),a=require("react"),l=require("react-aria"),g=require("react-stately"),c=require("./box.cjs"),h=require("./flex.cjs"),P=require("./typography.cjs");function j(e,i,t){const o=Array.from(e.ownerDocument.querySelectorAll('a[href],button,input,select,textarea,[tabindex],[contenteditable="true"]')).filter(r=>r.tabIndex>=0&&!r.matches(":disabled")&&!r.closest("[inert]")&&r.getClientRects().length>0&&!0).sort((r,u)=>(r.tabIndex>0?r.tabIndex:1/0)-(u.tabIndex>0?u.tabIndex:1/0));return o[o.indexOf(e)+(t?-1:1)]}function I({item:e,state:i,options:t,close:o}){const r=a.useRef(null),{menuItemProps:u,labelProps:d,descriptionProps:b,isFocused:p}=l.useMenuItem({key:e.id,onAction:()=>t.onAction?.(e.id),onClose:o,closeOnSelect:t.closeOnSelect??!0},i,r);return s.jsx(c.Box,{outlineStyle:"none",focusVisible:{outlineStyle:"solid",outlineWidth:"2px",outlineOffset:"-2px",outlineColor:"--color-primary-accent"},p:{px:16,py:12},border:{radius:"8px"},color:e.destructive?"#dc2626":"--color-text-primary",bg:p?"--color-background-subtle":void 0,...l.mergeProps(t.itemProps??{},e.boxProps??{},u),ref:r,style:{...t.itemProps?.style,...e.boxProps?.style},children:t.renderItem?s.jsx(c.Box,{...d,children:t.renderItem(e)}):s.jsxs(h.Flex,{align:"center",gap:12,children:[e.leading,s.jsxs(c.Box,{width:"100%",children:[s.jsx(c.Box,{...d,children:e.label}),e.description&&s.jsx(P.Typography,{...b,variant:"b3",color:"--color-text-secondary",children:e.description})]}),e.trailing]})})}function O({options:e,triggerRef:i,state:t,triggerMenuProps:o}){const r=a.useRef(null),u=a.useRef(null),{popoverProps:d,underlayProps:b}=l.usePopover({popoverRef:r,triggerRef:i,placement:e.placement??"bottom start",offset:e.offset??8},t),p=g.useTreeState({items:e.items,disabledKeys:e.items.filter(n=>n.disabled).map(n=>n.id),selectionMode:"none",children:n=>s.jsx(g.Item,{textValue:n.textValue??(typeof n.label=="string"?n.label:n.id),children:n.label},n.id)}),{menuProps:x}=l.useMenu({...o,...e.label?{"aria-labelledby":void 0}:{},onClose:t.close,"aria-label":e.label??"Действия",autoFocus:t.focusStrategy??"first"},p,u);return s.jsxs(l.Overlay,{children:[s.jsx(c.Box,{...b,position:{type:"fixed",top:0,right:0,bottom:0,left:0}}),s.jsx(l.FocusScope,{restoreFocus:!0,children:s.jsxs(c.Box,{bg:"--color-background-default",border:{radius:"12px"},boxShadow:"0 8px 32px rgba(0,0,0,.12)",...l.mergeProps(e.panelProps??{},d),ref:r,style:{...d.style,...e.panelProps?.style},children:[s.jsx(l.DismissButton,{onDismiss:t.close}),s.jsx(c.Box,{outlineStyle:"none",p:8,minWidth:220,maxHeight:"min(320px, 60vh)",overflowY:"auto",...l.mergeProps(e.menuProps??{},x),ref:u,children:e.items.length?e.items.map(n=>s.jsx(I,{item:n,state:p,options:e,close:t.close},n.id)):s.jsx(c.Box,{p:16,children:e.emptyContent??"Нет действий"})}),s.jsx(l.DismissButton,{onDismiss:t.close})]})})]})}function w(e){const i=a.useRef(null),t=a.useId(),o=e.disabled??e.triggerProps?.disabled??!1,r=g.useMenuTriggerState({isOpen:e.open,defaultOpen:o?!1:e.defaultOpen,onOpenChange:e.onOpenChange}),u=a.useRef(!1);a.useEffect(()=>{!o||!r.isOpen?u.current=!1:u.current||(u.current=!0,r.close())},[o,r]);const{menuTriggerProps:d,menuProps:b}=l.useMenuTrigger({type:"menu",isDisabled:o},r,i),{buttonProps:p}=l.useButton({...l.mergeProps(d,e.triggerProps??{}),isDisabled:o},i);return a.useLayoutEffect(()=>{const x=i.current;if(!x||!r.isOpen)return;const n=x.ownerDocument,y=f=>{if(f.key!=="Tab"||!(f.target instanceof Element)||f.target.closest('[role="menu"]')?.id!==t)return;f.preventDefault(),f.stopPropagation();const m=f.shiftKey;r.close(),requestAnimationFrame(()=>requestAnimationFrame(()=>{(j(x,null,m)??x).focus()}))};return n.defaultView?.addEventListener("keydown",y,!0),()=>n.defaultView?.removeEventListener("keydown",y,!0)},[r,t]),s.jsxs(c.Box,{display:"inline-block",...e.rootProps,children:[s.jsx(c.Box,{as:"button",p:{px:16,py:10},bg:"--color-background-subtle",border:{radius:"8px",style:"none"},...e.triggerProps,...p,"aria-expanded":!o&&r.isOpen,"aria-controls":r.isOpen&&!o?t:void 0,ref:i,children:e.trigger??"Действия"}),r.isOpen&&!o&&s.jsx(O,{options:e,state:r,triggerRef:i,triggerMenuProps:{...b,id:t}})]})}exports.DropdownMenu=w;

package/dist/dropdown-menu.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./dropdown-menu-hivkBAku.cjs");exports.DropdownMenu=e.DropdownMenu;

package/dist/dropdown-menu.js

@@ -0,0 +1,5 @@
+"use client";
+import { D as n } from "./dropdown-menu-D14xkawH.js";
+export {
+  n as DropdownMenu
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./accordion.cjs"),l=require("./alert-DTc0Usg-.cjs"),I=require("./box.cjs"),n=require("./button.cjs"),r=require("./ui-kit-provider-raEFsUm0.cjs"),u=require("./flex.cjs"),a=require("./grid.cjs"),o=require("./icons.cjs"),d=require("./input.cjs"),p=require("./loader-ODTCTLKE.cjs"),T=require("./media-card.cjs"),b=require("./media-gallery.cjs"),t=require("./notification-provider-C2ypXy2W.cjs"),g=require("./pagination.cjs"),C=require("./picture.cjs"),k=require("./progress-bar-XIJDb_UM.cjs"),S=require("./select.cjs"),c=require("./responsive-style.config-B2m9jVlX.cjs"),h=require("./status-badge.cjs"),y=require("./switch.cjs"),e=require("./table-container-DqqqkChm.cjs"),q=require("./tabs-BNZDJRz_.cjs"),M=require("./toast-CH8VqvLC.cjs"),P=require("./tooltip-0RbTCYn_.cjs"),s=require("./typography.cjs");exports.Accordion=i.Accordion;exports.AccordionItem=i.AccordionItem;exports.AccordionRoot=i.AccordionRoot;exports.Alert=l.Alert;exports.Box=I.Box;exports.Button=n.Button;exports.buttonSizeBorderRadius=n.buttonSizeBorderRadius;exports.buttonSizeBoxProps=n.buttonSizeBoxProps;exports.buttonSizeClassNames=n.buttonSizeClassNames;exports.buttonVariantClassNames=n.buttonVariantClassNames;exports.buttonVariants=n.buttonVariants;exports.UiKitProvider=r.UiKitProvider;exports.uiKitColorTokens=r.uiKitColorTokens;exports.uiKitTypographyTokens=r.uiKitTypographyTokens;exports.useUiKitConfig=r.useUiKitConfig;exports.Flex=u.Flex;exports.Grid=a.Grid;exports.GridItem=a.GridItem;exports.ArrowCornerIcon=o.ArrowCornerIcon;exports.ArrowIcon=o.ArrowIcon;exports.ArrowLongLeftIcon=o.ArrowLongLeftIcon;exports.ArrowheadRightIcon=o.ArrowheadRightIcon;exports.BlockIcon=o.BlockIcon;exports.BurgerIcon=o.BurgerIcon;exports.CheckIcon=o.CheckIcon;exports.CopyIcon=o.CopyIcon;exports.DoubleCheckIcon=o.DoubleCheckIcon;exports.DropDown=o.DropDown;exports.ExclamationMarkIcon=o.ExclamationMarkIcon;exports.EyeOpenIcon=o.EyeOpenIcon;exports.FileIcon=o.FileIcon;exports.GeminiStarIcon=o.GeminiStarIcon;exports.GeoIcon=o.GeoIcon;exports.InfoCircleIcon=o.InfoCircleIcon;exports.LockClosedIcon=o.LockClosedIcon;exports.LockOpenIcon=o.LockOpenIcon;exports.LogoutIcon=o.LogoutIcon;exports.MailIcon=o.MailIcon;exports.MediaMaxIcon=o.MediaMaxIcon;exports.MediaPictureIcon=o.MediaPictureIcon;exports.MediaTgIcon=o.MediaTgIcon;exports.MediaVkIcon=o.MediaVkIcon;exports.MediaWaIcon=o.MediaWaIcon;exports.NetUploadIcon=o.NetUploadIcon;exports.PaperclipIcon=o.PaperclipIcon;exports.PdfIcon=o.PdfIcon;exports.PhoneIcon=o.PhoneIcon;exports.PlusIcon=o.PlusIcon;exports.SaveIcon=o.SaveIcon;exports.SparkIcon=o.SparkIcon;exports.SparkleIcon=o.SparkleIcon;exports.TelephoneIcon=o.TelephoneIcon;exports.TimeClockIcon=o.TimeClockIcon;exports.TrashIcon=o.TrashIcon;exports.WarningTriangleIcon=o.WarningTriangleIcon;exports.XMarkIcon=o.XMarkIcon;exports.Input=d.Input;exports.Loader=p.Loader;exports.MediaCard=T.MediaCard;exports.MediaGallery=b.MediaGallery;exports.NotificationProvider=t.NotificationProvider;exports.useNotifications=t.useNotifications;exports.Pagination=g.Pagination;exports.Picture=C.Picture;exports.ProgressBar=k.ProgressBar;exports.Select=S.Select;exports.responsiveBreakpointMinWidth=c.responsiveBreakpointMinWidth;exports.responsiveBreakpoints=c.responsiveBreakpoints;exports.StatusBadge=h.StatusBadge;exports.Switch=y.Switch;exports.DataTable=e.DataTable;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableContainer=e.TableContainer;exports.TableFooter=e.TableFooter;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.TableScrollArea=e.TableScrollArea;exports.TableStatus=e.TableStatus;exports.TableToolbar=e.TableToolbar;exports.Tabs=q.Tabs;exports.Toast=M.Toast;exports.Tooltip=P.Tooltip;exports.Typography=s.Typography;exports.typographyVariants=s.typographyVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./accordion.cjs"),l=require("./alert-DTc0Usg-.cjs"),I=require("./box.cjs"),n=require("./button.cjs"),r=require("./ui-kit-provider-raEFsUm0.cjs"),u=require("./dropdown-menu-hivkBAku.cjs"),d=require("./flex.cjs"),a=require("./grid.cjs"),o=require("./icons.cjs"),p=require("./input.cjs"),T=require("./loader-ODTCTLKE.cjs"),b=require("./media-card.cjs"),g=require("./media-gallery.cjs"),t=require("./notification-provider-C2ypXy2W.cjs"),C=require("./pagination.cjs"),k=require("./picture.cjs"),M=require("./progress-bar-XIJDb_UM.cjs"),S=require("./select.cjs"),c=require("./responsive-style.config-B2m9jVlX.cjs"),h=require("./status-badge.cjs"),q=require("./switch.cjs"),e=require("./table-container-DqqqkChm.cjs"),y=require("./tabs-BNZDJRz_.cjs"),P=require("./toast-CH8VqvLC.cjs"),B=require("./tooltip-0RbTCYn_.cjs"),s=require("./typography.cjs");exports.Accordion=i.Accordion;exports.AccordionItem=i.AccordionItem;exports.AccordionRoot=i.AccordionRoot;exports.Alert=l.Alert;exports.Box=I.Box;exports.Button=n.Button;exports.buttonSizeBorderRadius=n.buttonSizeBorderRadius;exports.buttonSizeBoxProps=n.buttonSizeBoxProps;exports.buttonSizeClassNames=n.buttonSizeClassNames;exports.buttonVariantClassNames=n.buttonVariantClassNames;exports.buttonVariants=n.buttonVariants;exports.UiKitProvider=r.UiKitProvider;exports.uiKitColorTokens=r.uiKitColorTokens;exports.uiKitTypographyTokens=r.uiKitTypographyTokens;exports.useUiKitConfig=r.useUiKitConfig;exports.DropdownMenu=u.DropdownMenu;exports.Flex=d.Flex;exports.Grid=a.Grid;exports.GridItem=a.GridItem;exports.ArrowCornerIcon=o.ArrowCornerIcon;exports.ArrowIcon=o.ArrowIcon;exports.ArrowLongLeftIcon=o.ArrowLongLeftIcon;exports.ArrowheadRightIcon=o.ArrowheadRightIcon;exports.BlockIcon=o.BlockIcon;exports.BurgerIcon=o.BurgerIcon;exports.CheckIcon=o.CheckIcon;exports.CopyIcon=o.CopyIcon;exports.DoubleCheckIcon=o.DoubleCheckIcon;exports.DropDown=o.DropDown;exports.ExclamationMarkIcon=o.ExclamationMarkIcon;exports.EyeOpenIcon=o.EyeOpenIcon;exports.FileIcon=o.FileIcon;exports.GeminiStarIcon=o.GeminiStarIcon;exports.GeoIcon=o.GeoIcon;exports.InfoCircleIcon=o.InfoCircleIcon;exports.LockClosedIcon=o.LockClosedIcon;exports.LockOpenIcon=o.LockOpenIcon;exports.LogoutIcon=o.LogoutIcon;exports.MailIcon=o.MailIcon;exports.MediaMaxIcon=o.MediaMaxIcon;exports.MediaPictureIcon=o.MediaPictureIcon;exports.MediaTgIcon=o.MediaTgIcon;exports.MediaVkIcon=o.MediaVkIcon;exports.MediaWaIcon=o.MediaWaIcon;exports.NetUploadIcon=o.NetUploadIcon;exports.PaperclipIcon=o.PaperclipIcon;exports.PdfIcon=o.PdfIcon;exports.PhoneIcon=o.PhoneIcon;exports.PlusIcon=o.PlusIcon;exports.SaveIcon=o.SaveIcon;exports.SparkIcon=o.SparkIcon;exports.SparkleIcon=o.SparkleIcon;exports.TelephoneIcon=o.TelephoneIcon;exports.TimeClockIcon=o.TimeClockIcon;exports.TrashIcon=o.TrashIcon;exports.WarningTriangleIcon=o.WarningTriangleIcon;exports.XMarkIcon=o.XMarkIcon;exports.Input=p.Input;exports.Loader=T.Loader;exports.MediaCard=b.MediaCard;exports.MediaGallery=g.MediaGallery;exports.NotificationProvider=t.NotificationProvider;exports.useNotifications=t.useNotifications;exports.Pagination=C.Pagination;exports.Picture=k.Picture;exports.ProgressBar=M.ProgressBar;exports.Select=S.Select;exports.responsiveBreakpointMinWidth=c.responsiveBreakpointMinWidth;exports.responsiveBreakpoints=c.responsiveBreakpoints;exports.StatusBadge=h.StatusBadge;exports.Switch=q.Switch;exports.DataTable=e.DataTable;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableContainer=e.TableContainer;exports.TableFooter=e.TableFooter;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.TableScrollArea=e.TableScrollArea;exports.TableStatus=e.TableStatus;exports.TableToolbar=e.TableToolbar;exports.Tabs=y.Tabs;exports.Toast=P.Toast;exports.Tooltip=B.Tooltip;exports.Typography=s.Typography;exports.typographyVariants=s.typographyVariants;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { Box } from './box/box';
 export * from './button/button';
 export * from './design-tokens/color.tokens';
 export * from './design-tokens/typography.tokens';
+export * from './dropdown-menu/index';
 export type { FlexBreakpointProps, FlexProps, FlexResponsiveProps } from './flex/flex';
 export { Flex } from './flex/flex';
 export * from './grid/grid';