@shmidko61/lc-ui-kit 0.13.0 → 0.16.0

package/dist/tabs/helpers/index.d.ts

@@ -0,0 +1 @@
+export { getTabsIds, getTabsVariantProps, mergeTabsProps } from './tabs.helpers';

package/dist/tabs/helpers/tabs.helpers.d.ts

@@ -0,0 +1,7 @@
+import { TabsContextValue, TabsIds, TabsVisualProps } from '../types/index';
+/** Объединяет только составные style props по полям, className — строками, события — последовательно. */
+export declare function mergeTabsProps<T extends object>(...sources: Array<T | undefined>): T;
+/** Генерирует одинаковые ID для trigger/panel без зависимости от порядка рендера. */
+export declare function getTabsIds(id: string, value: string): TabsIds;
+/** Создаёт props оформления через стандартную responsive CSS-variable pipeline ui-kit. */
+export declare function getTabsVariantProps(variants: TabsContextValue['variants'], part: 'list' | 'trigger', selected?: boolean): TabsVisualProps;

package/dist/tabs/hooks/index.d.ts

@@ -0,0 +1 @@
+export { TabsContext, useTabsContext } from './tabs.hooks';

package/dist/tabs/hooks/tabs.hooks.d.ts

@@ -0,0 +1,5 @@
+import { TabsContextValue } from '../types/index';
+/** Внутренний контекст ближайшего Tabs, вложенные наборы изолированы. */
+export declare const TabsContext: import('react').Context<TabsContextValue | null>;
+/** Получает ближайший Tabs или сообщает об использовании части без корня. */
+export declare function useTabsContext(): TabsContextValue;

package/dist/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs } from './tabs';
+export type { TabsBreakpointProps, TabsComponent, TabsListProps, TabsPanelAppearanceProps, TabsPanelProps, TabsProps, TabsSelectedStyleProps, TabsTriggerAppearanceProps, TabsTriggerProps, TabsVariant, } from './types/index';

package/dist/tabs/tabs.d.ts

@@ -0,0 +1,4 @@
+import { TabsComponent } from './types/index';
+/** Составной Tabs с List, Trigger и Panel; все публичные части поддерживают ref и стандартные style props. */
+export declare const Tabs: TabsComponent;
+export type { TabsBreakpointProps, TabsComponent, TabsListProps, TabsPanelAppearanceProps, TabsPanelProps, TabsProps, TabsSelectedStyleProps, TabsTriggerAppearanceProps, TabsTriggerProps, TabsVariant, } from './types/index';

package/dist/tabs/types/index.d.ts

@@ -0,0 +1 @@
+export type { TabsBreakpointProps, TabsComponent, TabsComposedEvent, TabsContextValue, TabsIds, TabsListProps, TabsPanelAppearanceProps, TabsPanelProps, TabsProps, TabsSelectedStyleProps, TabsTriggerAppearanceProps, TabsTriggerProps, TabsVariant, TabsVisualProps, } from './tabs.types';

package/dist/tabs/types/tabs.types.d.ts

@@ -0,0 +1,95 @@
+import { ForwardRefExoticComponent, ReactNode, RefAttributes, RefObject } from 'react';
+import { BoxBreakpointProps, BoxProps } from '../../box/index';
+import { ButtonProps } from '../../button/index';
+import { FlexBreakpointProps, FlexProps } from '../../flex/index';
+/** Готовые оформления Tabs: pills из макета, подчёркивание или plain. */
+export type TabsVariant = 'pills' | 'underline' | 'plain';
+/** Визуальные настройки активной вкладки; не содержат событий и служебных ARIA props. */
+export type TabsSelectedStyleProps = BoxBreakpointProps & {
+    /** Overrides от 768 px. */ md?: BoxBreakpointProps;
+    /** Overrides от 1024 px. */ lg?: BoxBreakpointProps;
+    /** Overrides от 1440 px. */ xl?: BoxBreakpointProps;
+};
+/** Props кнопки ui-kit без ссылок и служебных атрибутов вкладки. */
+export type TabsTriggerAppearanceProps = Omit<Extract<ButtonProps, {
+    href?: undefined;
+}>, 'href' | 'children' | 'id' | 'role' | 'tabIndex' | 'aria-controls' | 'aria-selected' | 'type'>;
+/** Общие настройки панели на базе Box. */
+export type TabsPanelAppearanceProps = Omit<BoxProps, 'as' | 'children' | 'id' | 'role' | 'hidden' | 'aria-labelledby'>;
+/** Настройки списка вкладок на базе Flex. */
+export type TabsListProps = Omit<FlexProps, 'as' | 'role' | 'aria-orientation'>;
+/** Responsive-настройки корневого компонента. */
+export type TabsBreakpointProps = FlexBreakpointProps & {
+    /** Оформление на breakpoint; пропущенное наследуется. */ variant?: TabsVariant;
+};
+/** Корень Tabs. Общие props частей дополняются локальными props; style имеет приоритет. */
+export type TabsProps = Omit<FlexProps, 'as' | 'defaultValue' | 'md' | 'lg' | 'xl'> & {
+    /** Управляемое активное значение. */ value?: string;
+    /** Начальная вкладка; без неё выбирается первая доступная в DOM. */ defaultValue?: string;
+    /** Запрос переключения вкладки. */ onValueChange?: (value: string) => void;
+    /** Оформление, по умолчанию pills. */ variant?: TabsVariant;
+    /** Направление и клавиатурная ось, по умолчанию horizontal. */ orientation?: 'horizontal' | 'vertical';
+    /** automatic выбирает при движении фокуса; manual требует Enter/Space. По умолчанию automatic. */ activationMode?: 'automatic' | 'manual';
+    /** Зацикливать стрелки, по умолчанию true. */ loop?: boolean;
+    /** Общие Flex props списка, включая события и style. */ listProps?: TabsListProps;
+    /** Общие props кнопок; события объединяются с локальными. */ triggerProps?: TabsTriggerAppearanceProps;
+    /** Общие визуальные props выбранной кнопки. */ selectedTriggerProps?: TabsSelectedStyleProps;
+    /** Общие Box props панелей. */ panelProps?: TabsPanelAppearanceProps;
+    /** Overrides от 768 px. */ md?: TabsBreakpointProps;
+    /** Overrides от 1024 px; наследуются от md. */ lg?: TabsBreakpointProps;
+    /** Overrides от 1440 px; наследуются от lg. */ xl?: TabsBreakpointProps;
+};
+/** Кнопка вкладки: value уникально внутри корня. */
+export type TabsTriggerProps = TabsTriggerAppearanceProps & {
+    /** Значение вкладки. */ value: string;
+    /** Содержимое кнопки. */ children?: ReactNode;
+    /** Произвольный слот перед содержимым. */ startSlot?: ReactNode;
+    /** Произвольный слот после содержимого. */ endSlot?: ReactNode;
+    /** Визуальные overrides выбранного состояния поверх общих selectedTriggerProps. */ selectedProps?: TabsSelectedStyleProps;
+};
+/** Панель выбранной вкладки. */
+export type TabsPanelProps = TabsPanelAppearanceProps & {
+    /** Значение соответствующего Trigger. */ value: string;
+    /** Содержимое панели. */ children?: ReactNode;
+    /** Сохранять содержимое скрытой панели, по умолчанию true. */ keepMounted?: boolean;
+};
+/** Внутренние свойства контекста Tabs. */
+export type TabsContextValue = {
+    id: string;
+    selected?: string;
+    /** Доступная точка входа с Tab, в том числе при недоступном controlled value. */
+    tabStop?: string;
+    select: (value: string) => void;
+    register: () => () => void;
+    rootRef: RefObject<HTMLDivElement | null>;
+    orientation: 'horizontal' | 'vertical';
+    activationMode: 'automatic' | 'manual';
+    loop: boolean;
+    variants: {
+        base: TabsVariant;
+        md?: TabsVariant;
+        lg?: TabsVariant;
+        xl?: TabsVariant;
+    };
+    listProps?: TabsListProps;
+    triggerProps?: TabsTriggerAppearanceProps;
+    selectedTriggerProps?: TabsSelectedStyleProps;
+    panelProps?: TabsPanelAppearanceProps;
+};
+/** Внутренние общие визуальные props для вариантов. */
+export type TabsVisualProps = TabsSelectedStyleProps;
+/** Внутренние ID связанных элементов. */
+export type TabsIds = {
+    trigger: string;
+    panel: string;
+};
+/** Минимальный контракт события для объединения общих и локальных callbacks. */
+export type TabsComposedEvent = {
+    defaultPrevented?: boolean;
+};
+/** Составной компонент и типизированные части с публичными DOM refs. */
+export type TabsComponent = ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>> & {
+    /** Список вкладок. */ List: ForwardRefExoticComponent<TabsListProps & RefAttributes<HTMLDivElement>>;
+    /** Кнопка вкладки. */ Trigger: ForwardRefExoticComponent<TabsTriggerProps & RefAttributes<HTMLButtonElement>>;
+    /** Панель вкладки. */ Panel: ForwardRefExoticComponent<TabsPanelProps & RefAttributes<HTMLDivElement>>;
+};

package/dist/tabs-BNZDJRz_.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const m=require("react/jsx-runtime"),a=require("react"),R=require("./flex.cjs"),W=require("./responsive-style.config-B2m9jVlX.cjs"),Z=require("./box.cjs"),G=require("./button.cjs");function h(...u){const e={},l=new Set(["md","lg","xl","border","position","p","m","hover","focusVisible","active","disabledStyle","style"]);for(const i of u)for(const[s,r]of Object.entries(i??{})){if(r===void 0)continue;const t=e[s];s==="className"?e[s]=[t,r].filter(Boolean).join(" "):/^on[A-Z]/.test(s)&&typeof t=="function"&&typeof r=="function"?e[s]=n=>{t(n),n.defaultPrevented||r(n)}:l.has(s)&&t&&r&&typeof t=="object"&&typeof r=="object"&&!Array.isArray(t)&&!Array.isArray(r)?e[s]=h(t,r):e[s]=r}return e}function B(u,e){const l=encodeURIComponent(e);return{trigger:u+"-tab-"+l,panel:u+"-panel-"+l}}function L(u,e,l=!1){const i=r=>e==="list"?{bg:r==="pills"?"--color-background-subtle":"transparent",border:{radius:r==="pills"?"999px":"0px"},p:r==="pills"?4:0}:{bg:l&&r==="pills"?"--color-primary-accent":"transparent",color:l?r==="pills"?"--color-background-default":"--color-primary-accent":"--color-text-primary",border:{radius:r==="pills"?"999px":"0px",width:"0px"},...r==="underline"?{border:{radius:"0px",style:"solid",width:{top:"0px",right:"0px",bottom:"2px",left:"0px"},color:l?"--color-primary-accent":"transparent"}}:{}},s=i(u.base);for(const r of W.responsiveBreakpoints)u[r]&&(s[r]=i(u[r]));return s}const F=a.createContext(null);function C(){const u=a.useContext(F);if(!u)throw new Error("Tabs parts require a Tabs root");return u}const J=a.forwardRef(function({value:e,defaultValue:l,onValueChange:i,variant:s="pills",orientation:r="horizontal",activationMode:t="automatic",loop:n=!0,listProps:o,triggerProps:f,selectedTriggerProps:g,panelProps:y,md:c,lg:p,xl:b,children:O,...V},T){const w=a.useId(),A=a.useRef(null),[S,j]=a.useState(l),[E,P]=a.useState(0),[q,_]=a.useState(e??l),k=e??S,D=a.useCallback(d=>{d!==k&&(e===void 0&&j(d),i?.(d))},[e,k,i]),I=a.useCallback(()=>(P(d=>d+1),()=>P(d=>d+1)),[]);a.useEffect(()=>{const d=Array.from(A.current?.querySelectorAll("[role=tab]")??[]).filter(x=>x.dataset.lcTabsOwner===w&&!x.disabled),K=d.find(x=>x.dataset.lcTabsValue===(e??S))?.dataset.lcTabsValue??d[0]?.dataset.lcTabsValue;_(K),e===void 0&&!d.some(x=>x.dataset.lcTabsValue===S)&&j(K)},[E,S,w,e]);const z=a.useMemo(()=>({id:w,selected:k,tabStop:q,select:D,register:I,rootRef:A,orientation:r,activationMode:t,loop:n,variants:{base:s,md:c?.variant,lg:p?.variant,xl:b?.variant},listProps:o,triggerProps:f,selectedTriggerProps:g,panelProps:y}),[w,k,q,D,I,r,t,n,s,c?.variant,p?.variant,b?.variant,o,f,g,y]),{variant:v,...M}=c??{},{variant:tt,...H}=p??{},{variant:et,...U}=b??{},N=a.useCallback(d=>{if(A.current=d,typeof T=="function")return T(d);T&&(T.current=d)},[T]);return m.jsx(F.Provider,{value:z,children:m.jsx(R.Flex,{flexDirection:"column",gap:16,...V,md:M,lg:H,xl:U,ref:N,children:O})})}),Q=a.forwardRef(function(e,l){const i=C(),s=h({inline:!0,width:"fit-content",gap:4,flexDirection:i.orientation==="vertical"?"column":"row"},L(i.variants,"list"),i.listProps,e),r=t=>{if(s.onKeyDown?.(t),t.defaultPrevented||t.altKey||t.ctrlKey||t.metaKey)return;const n=Array.from(t.currentTarget.querySelectorAll("[role=tab]")).filter(p=>!p.disabled&&p.getClientRects().length>0&&p.closest("[role=tablist]")===t.currentTarget),o=n.indexOf(t.target);if(o<0||!n.length)return;const f=getComputedStyle(t.currentTarget).direction==="rtl",g=i.orientation==="vertical"?"ArrowDown":f?"ArrowLeft":"ArrowRight",y=i.orientation==="vertical"?"ArrowUp":f?"ArrowRight":"ArrowLeft";let c=o;if(t.key==="Home")c=0;else if(t.key==="End")c=n.length-1;else if(t.key===g)c=i.loop?(o+1)%n.length:Math.min(o+1,n.length-1);else if(t.key===y)c=i.loop?(o-1+n.length)%n.length:Math.max(o-1,0);else return;t.preventDefault(),n[c].focus()};return m.jsx(R.Flex,{...s,ref:l,role:"tablist","aria-orientation":i.orientation,onKeyDown:r})}),X=a.forwardRef(function({value:e,startSlot:l,endSlot:i,selectedProps:s,children:r,...t},n){const o=C(),f=o.selected===e,g=B(o.id,e),y=h({size:"sm",p:{px:12,py:8},fontSize:"13px",lineHeight:"16px",focusVisible:{outlineStyle:"solid",outlineWidth:"2px",outlineColor:"--color-primary-accent",outlineOffset:"2px"}},L(o.variants,"trigger",f),o.triggerProps,t),c=h(y,f?o.selectedTriggerProps:void 0,f?s:void 0);c.style={...o.triggerProps?.style,...t.style};const p=!!c.disabled||!!c.isLoading;return a.useEffect(()=>o.register(),[o.register,e,p]),m.jsx(G.Button,{...c,ref:n,id:g.trigger,type:"button",role:"tab","data-lc-tabs-owner":o.id,"data-lc-tabs-value":e,"aria-selected":f,"aria-controls":g.panel,tabIndex:o.tabStop===e&&!p?0:-1,onClick:b=>{c.onClick?.(b),!b.defaultPrevented&&!p&&o.select(e)},onFocus:b=>{c.onFocus?.(b),!b.defaultPrevented&&o.activationMode==="automatic"&&!p&&o.select(e)},children:m.jsxs(R.Flex,{as:"span",align:"center",gap:6,children:[l,r,i]})})}),Y=a.forwardRef(function({value:e,children:l,keepMounted:i=!0,...s},r){const t=C(),n=t.selected===e,o=B(t.id,e),f=h(t.panelProps,s);return m.jsx(Z.Box,{...f,ref:r,id:o.panel,role:"tabpanel","aria-labelledby":o.trigger,tabIndex:f.tabIndex??0,hidden:!n,style:{...f.style,...n?{}:{display:"none"}},children:n||i?l:null})}),$=Object.assign(J,{List:Q,Trigger:X,Panel:Y});exports.Tabs=$;

package/dist/tabs-DIPSJX1z.js

@@ -0,0 +1,264 @@
+"use client";
+import { jsx as x, jsxs as J } from "react/jsx-runtime";
+import { createContext as Q, useContext as X, forwardRef as S, useId as Y, useRef as $, useState as C, useCallback as P, useEffect as V, useMemo as v } from "react";
+import { Flex as R } from "./flex.js";
+import { a as tt } from "./responsive-style.config-DFuATrIM.js";
+import { Box as et } from "./box.js";
+import { Button as ot } from "./button.js";
+function T(...c) {
+  const e = {}, l = /* @__PURE__ */ new Set([
+    "md",
+    "lg",
+    "xl",
+    "border",
+    "position",
+    "p",
+    "m",
+    "hover",
+    "focusVisible",
+    "active",
+    "disabledStyle",
+    "style"
+  ]);
+  for (const i of c)
+    for (const [n, o] of Object.entries(i ?? {})) {
+      if (o === void 0) continue;
+      const t = e[n];
+      n === "className" ? e[n] = [t, o].filter(Boolean).join(" ") : /^on[A-Z]/.test(n) && typeof t == "function" && typeof o == "function" ? e[n] = (s) => {
+        t(s), s.defaultPrevented || o(s);
+      } : l.has(n) && t && o && typeof t == "object" && typeof o == "object" && !Array.isArray(t) && !Array.isArray(o) ? e[n] = T(t, o) : e[n] = o;
+    }
+  return e;
+}
+function q(c, e) {
+  const l = encodeURIComponent(e);
+  return { trigger: c + "-tab-" + l, panel: c + "-panel-" + l };
+}
+function z(c, e, l = !1) {
+  const i = (o) => e === "list" ? {
+    bg: o === "pills" ? "--color-background-subtle" : "transparent",
+    border: { radius: o === "pills" ? "999px" : "0px" },
+    p: o === "pills" ? 4 : 0
+  } : {
+    bg: l && o === "pills" ? "--color-primary-accent" : "transparent",
+    color: l ? o === "pills" ? "--color-background-default" : "--color-primary-accent" : "--color-text-primary",
+    border: { radius: o === "pills" ? "999px" : "0px", width: "0px" },
+    ...o === "underline" ? {
+      border: {
+        radius: "0px",
+        style: "solid",
+        width: { top: "0px", right: "0px", bottom: "2px", left: "0px" },
+        color: l ? "--color-primary-accent" : "transparent"
+      }
+    } : {}
+  }, n = i(c.base);
+  for (const o of tt) c[o] && (n[o] = i(c[o]));
+  return n;
+}
+const E = Q(null);
+function j() {
+  const c = X(E);
+  if (!c) throw new Error("Tabs parts require a Tabs root");
+  return c;
+}
+const rt = S(function({
+  value: e,
+  defaultValue: l,
+  onValueChange: i,
+  variant: n = "pills",
+  orientation: o = "horizontal",
+  activationMode: t = "automatic",
+  loop: s = !0,
+  listProps: r,
+  triggerProps: f,
+  selectedTriggerProps: b,
+  panelProps: g,
+  md: a,
+  lg: u,
+  xl: p,
+  children: F,
+  ...M
+}, m) {
+  const h = Y(), k = $(null), [w, D] = C(l), [_, I] = C(0), [K, H] = C(e ?? l), A = e ?? w, B = P(
+    (d) => {
+      d !== A && (e === void 0 && D(d), i?.(d));
+    },
+    [e, A, i]
+  ), L = P(() => (I((d) => d + 1), () => I((d) => d + 1)), []);
+  V(() => {
+    const d = Array.from(
+      k.current?.querySelectorAll("[role=tab]") ?? []
+    ).filter((y) => y.dataset.lcTabsOwner === h && !y.disabled), O = d.find((y) => y.dataset.lcTabsValue === (e ?? w))?.dataset.lcTabsValue ?? d[0]?.dataset.lcTabsValue;
+    H(O), e === void 0 && !d.some((y) => y.dataset.lcTabsValue === w) && D(O);
+  }, [_, w, h, e]);
+  const U = v(
+    () => ({
+      id: h,
+      selected: A,
+      tabStop: K,
+      select: B,
+      register: L,
+      rootRef: k,
+      orientation: o,
+      activationMode: t,
+      loop: s,
+      variants: { base: n, md: a?.variant, lg: u?.variant, xl: p?.variant },
+      listProps: r,
+      triggerProps: f,
+      selectedTriggerProps: b,
+      panelProps: g
+    }),
+    [
+      h,
+      A,
+      K,
+      B,
+      L,
+      o,
+      t,
+      s,
+      n,
+      a?.variant,
+      u?.variant,
+      p?.variant,
+      r,
+      f,
+      b,
+      g
+    ]
+  ), { variant: lt, ...N } = a ?? {}, { variant: at, ...W } = u ?? {}, { variant: ct, ...Z } = p ?? {}, G = P(
+    (d) => {
+      if (k.current = d, typeof m == "function") return m(d);
+      m && (m.current = d);
+    },
+    [m]
+  );
+  return /* @__PURE__ */ x(E.Provider, { value: U, children: /* @__PURE__ */ x(
+    R,
+    {
+      flexDirection: "column",
+      gap: 16,
+      ...M,
+      md: N,
+      lg: W,
+      xl: Z,
+      ref: G,
+      children: F
+    }
+  ) });
+}), nt = S(
+  function(e, l) {
+    const i = j(), n = T(
+      {
+        inline: !0,
+        width: "fit-content",
+        gap: 4,
+        flexDirection: i.orientation === "vertical" ? "column" : "row"
+      },
+      z(i.variants, "list"),
+      i.listProps,
+      e
+    ), o = (t) => {
+      if (n.onKeyDown?.(t), t.defaultPrevented || t.altKey || t.ctrlKey || t.metaKey) return;
+      const s = Array.from(
+        t.currentTarget.querySelectorAll("[role=tab]")
+      ).filter(
+        (u) => !u.disabled && u.getClientRects().length > 0 && u.closest("[role=tablist]") === t.currentTarget
+      ), r = s.indexOf(t.target);
+      if (r < 0 || !s.length) return;
+      const f = getComputedStyle(t.currentTarget).direction === "rtl", b = i.orientation === "vertical" ? "ArrowDown" : f ? "ArrowLeft" : "ArrowRight", g = i.orientation === "vertical" ? "ArrowUp" : f ? "ArrowRight" : "ArrowLeft";
+      let a = r;
+      if (t.key === "Home") a = 0;
+      else if (t.key === "End") a = s.length - 1;
+      else if (t.key === b)
+        a = i.loop ? (r + 1) % s.length : Math.min(r + 1, s.length - 1);
+      else if (t.key === g)
+        a = i.loop ? (r - 1 + s.length) % s.length : Math.max(r - 1, 0);
+      else return;
+      t.preventDefault(), s[a].focus();
+    };
+    return /* @__PURE__ */ x(
+      R,
+      {
+        ...n,
+        ref: l,
+        role: "tablist",
+        "aria-orientation": i.orientation,
+        onKeyDown: o
+      }
+    );
+  }
+), st = S(function({ value: e, startSlot: l, endSlot: i, selectedProps: n, children: o, ...t }, s) {
+  const r = j(), f = r.selected === e, b = q(r.id, e), g = T(
+    {
+      size: "sm",
+      p: { px: 12, py: 8 },
+      fontSize: "13px",
+      lineHeight: "16px",
+      focusVisible: {
+        outlineStyle: "solid",
+        outlineWidth: "2px",
+        outlineColor: "--color-primary-accent",
+        outlineOffset: "2px"
+      }
+    },
+    z(r.variants, "trigger", f),
+    r.triggerProps,
+    t
+  ), a = T(
+    g,
+    f ? r.selectedTriggerProps : void 0,
+    f ? n : void 0
+  );
+  a.style = { ...r.triggerProps?.style, ...t.style };
+  const u = !!a.disabled || !!a.isLoading;
+  return V(() => r.register(), [r.register, e, u]), /* @__PURE__ */ x(
+    ot,
+    {
+      ...a,
+      ref: s,
+      id: b.trigger,
+      type: "button",
+      role: "tab",
+      "data-lc-tabs-owner": r.id,
+      "data-lc-tabs-value": e,
+      "aria-selected": f,
+      "aria-controls": b.panel,
+      tabIndex: r.tabStop === e && !u ? 0 : -1,
+      onClick: (p) => {
+        a.onClick?.(p), !p.defaultPrevented && !u && r.select(e);
+      },
+      onFocus: (p) => {
+        a.onFocus?.(p), !p.defaultPrevented && r.activationMode === "automatic" && !u && r.select(e);
+      },
+      children: /* @__PURE__ */ J(R, { as: "span", align: "center", gap: 6, children: [
+        l,
+        o,
+        i
+      ] })
+    }
+  );
+}), it = S(function({ value: e, children: l, keepMounted: i = !0, ...n }, o) {
+  const t = j(), s = t.selected === e, r = q(t.id, e), f = T(t.panelProps, n);
+  return /* @__PURE__ */ x(
+    et,
+    {
+      ...f,
+      ref: o,
+      id: r.panel,
+      role: "tabpanel",
+      "aria-labelledby": r.trigger,
+      tabIndex: f.tabIndex ?? 0,
+      hidden: !s,
+      style: { ...f.style, ...s ? {} : { display: "none" } },
+      children: s || i ? l : null
+    }
+  );
+}), yt = Object.assign(rt, {
+  List: nt,
+  Trigger: st,
+  Panel: it
+});
+export {
+  yt as T
+};

package/dist/tabs.cjs

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

package/dist/tabs.js

@@ -0,0 +1,5 @@
+"use client";
+import { T as a } from "./tabs-DIPSJX1z.js";
+export {
+  a as Tabs
+};

package/dist/tooltip/helpers/index.d.ts

@@ -0,0 +1 @@
+export { getTooltipPosition, toTooltipBoxProps } from './tooltip.helpers';

package/dist/tooltip/helpers/tooltip.helpers.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+import { BoxProps } from '../../box/index';
+import { TooltipPlacement, TooltipPosition } from '../types/index';
+/** Вычисляет координаты поверхности и стрелки для выбранного положения. */
+export declare function getTooltipPosition(placement: TooltipPlacement): TooltipPosition;
+/** Переводит координаты подсказки в responsive style props Box. */
+export declare function toTooltipBoxProps(style: CSSProperties): NonNullable<BoxProps['md']>;

package/dist/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './tooltip';
+export type { TooltipBreakpointProps, TooltipPlacement, TooltipProps, TooltipResponsivePlacement, } from './types/index';

package/dist/tooltip/tooltip.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'react';
+import { TooltipProps } from './types/index';
+/** Подсказка по наведению или фокусу; Escape закрывает её. */
+export declare function Tooltip({ children, content, placement, responsive, md: mdProps, lg: lgProps, xl: xlProps, open, defaultOpen, onOpenChange, delay, showArrow, disabled, contentProps, }: TooltipProps): JSX.Element;
+export type { TooltipBreakpointProps, TooltipPlacement, TooltipProps, TooltipResponsivePlacement, } from './types/index';

package/dist/tooltip/types/index.d.ts

@@ -0,0 +1 @@
+export type { TooltipBreakpointProps, TooltipPlacement, TooltipPosition, TooltipProps, TooltipResponsivePlacement, } from './tooltip.types';

package/dist/tooltip/types/tooltip.types.d.ts

@@ -0,0 +1,51 @@
+import { CSSProperties, HTMLAttributes, ReactElement, ReactNode } from 'react';
+import { BoxProps } from '../../box/index';
+/** Сторона и выравнивание подсказки относительно trigger. */
+export type TooltipPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+/** Responsive положение: пропущенные md/lg/xl наследуют ближайшее меньшее значение. */
+export type TooltipResponsivePlacement = {
+    /** Положение от 768 px. */ md?: TooltipPlacement;
+    /** Положение от 1024 px. */ lg?: TooltipPlacement;
+    /** Положение от 1440 px. */ xl?: TooltipPlacement;
+};
+/** Переопределение положения на одном брейкпоинте; null возвращает базовое placement. */
+export type TooltipBreakpointProps = {
+    /** Положение; пропущенное значение наследуется, null сбрасывает к base. */
+    placement?: TooltipPlacement | null;
+};
+/** Настройки подсказки. Визуальные props поверхности совпадают с Box. */
+export type TooltipProps = {
+    /** Один focusable React-элемент, к которому добавляется aria-describedby. */
+    children: ReactElement<HTMLAttributes<HTMLElement>>;
+    /** Текст или ReactNode подсказки; интерактивное содержимое требует другого компонента. */
+    content: ReactNode;
+    /** Базовое положение, по умолчанию top. */
+    placement?: TooltipPlacement;
+    /** Положение от 768 px; приоритетнее responsive.md. */
+    md?: TooltipBreakpointProps;
+    /** Положение от 1024 px; пропущенное наследует md. */
+    lg?: TooltipBreakpointProps;
+    /** Положение от 1440 px; пропущенное наследует lg. */
+    xl?: TooltipBreakpointProps;
+    /** Совместимый alias для md/lg/xl; прямые props имеют приоритет. */
+    responsive?: TooltipResponsivePlacement;
+    /** Управляемое состояние; без него используется внутреннее состояние. */
+    open?: boolean;
+    /** Начальное состояние неуправляемой подсказки, по умолчанию false. */
+    defaultOpen?: boolean;
+    /** Вызывается при запросе открытия или закрытия. */
+    onOpenChange?: (open: boolean) => void;
+    /** Задержка открытия в миллисекундах, по умолчанию 0. */
+    delay?: number;
+    /** Показывать стрелку, по умолчанию true. */
+    showArrow?: boolean;
+    /** Отключает открытие и закрывает подсказку. */
+    disabled?: boolean;
+    /** Props поверхности Box, включая style, className и md/lg/xl; style имеет приоритет. */
+    contentProps?: Omit<BoxProps, 'children' | 'as'>;
+};
+/** Внутренние координаты поверхности и стрелки относительно trigger. */
+export type TooltipPosition = {
+    box: CSSProperties;
+    arrow: CSSProperties;
+};

package/dist/tooltip-0RbTCYn_.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const R=require("react/jsx-runtime"),i=require("react"),A=require("./flex.cjs"),X=require("./box.cjs");function g(o){const[e,u]=o.split("-"),d=e==="top"||e==="bottom",a=u==="start",t=u==="end";return{box:d?{left:a?"0":t?"auto":"50%",right:t?"0":"auto",top:e==="bottom"?"calc(100% + 6px)":"auto",bottom:e==="top"?"calc(100% + 6px)":"auto",transform:a||t?"none":"translateX(-50%)"}:{top:a?"0":t?"auto":"50%",bottom:t?"0":"auto",left:e==="right"?"calc(100% + 6px)":"auto",right:e==="left"?"calc(100% + 6px)":"auto",transform:a||t?"none":"translateY(-50%)"},arrow:d?{left:a?"12px":t?"auto":"50%",right:t?"12px":"auto",top:e==="bottom"?"-4px":"auto",bottom:e==="top"?"-4px":"auto",transform:"translateX(-50%) rotate(45deg)"}:{top:a?"12px":t?"auto":"50%",bottom:t?"12px":"auto",left:e==="right"?"-4px":"auto",right:e==="left"?"-4px":"auto",transform:"translateY(-50%) rotate(45deg)"}}}function n(o){return{position:{type:"absolute",top:o.top,bottom:o.bottom,left:o.left,right:o.right},transform:o.transform}}function G({children:o,content:e,placement:u="top",responsive:d,md:a,lg:t,xl:v,open:p,defaultOpen:Y=!1,onOpenChange:T,delay:j=0,showArrow:K=!0,disabled:m=!1,contentProps:r}){const[L,O]=i.useState(Y),[y,B]=i.useState(!1),[E,S]=i.useState(!1),[q,h]=i.useState(!1),z=i.useId(),b=!m&&(p??L),f=i.useRef(!1),F=i.useRef(p),I=i.useRef(b);F.current=p,I.current=b;const M=i.useRef(T);M.current=T,i.useEffect(()=>{if(!f.current&&!m)return;const s=!m&&!q&&(y||E);if(s===I.current)return;const W=setTimeout(()=>{F.current===void 0&&O(s),M.current?.(s)},s?Math.max(0,j):0);return()=>clearTimeout(W)},[y,E,m,q,j]);const V=i.isValidElement(o)?i.cloneElement(o,{"aria-describedby":[o.props["aria-describedby"],b?z:void 0].filter(Boolean).join(" ")||void 0}):o,w=g(u),k=a?.placement!==void 0?a.placement??u:d?.md,l=k?g(k):void 0,D=t?.placement!==void 0?t.placement??u:d?.lg,c=D?g(D):void 0,H=v?.placement!==void 0?v.placement??u:d?.xl,x=H?g(H):void 0;return R.jsxs(A.Flex,{as:"span",inline:!0,position:{type:"relative"},onMouseEnter:()=>{f.current=!0,h(!1),B(!0)},onMouseLeave:()=>{f.current=!0,B(!1)},onFocus:()=>{f.current=!0,h(!1),S(!0)},onBlur:s=>{s.currentTarget.contains(s.relatedTarget)||(f.current=!0,S(!1))},onKeyDown:s=>{s.key==="Escape"&&(f.current=!0,h(!0))},children:[V,b&&R.jsxs(X.Box,{role:"tooltip",id:z,bg:"--color-background-default",color:"--color-text-primary",p:{px:8,py:6},border:{radius:"4px"},width:"max-content",maxWidth:"min(280px, calc(100vw - 24px))",...n(w.box),...r,position:{...n(w.box).position,...r?.position},md:l||r?.md?{...l?n(l.box):{},...r?.md,position:{...l?n(l.box).position:{},...r?.md?.position}}:void 0,lg:c||r?.lg?{...c?n(c.box):{},...r?.lg,position:{...c?n(c.box).position:{},...r?.lg?.position}}:void 0,xl:x||r?.xl?{...x?n(x.box):{},...r?.xl,position:{...x?n(x.box).position:{},...r?.xl?.position}}:void 0,style:{fontSize:"12px",lineHeight:"14px",zIndex:1e3,...r?.style},children:[K&&R.jsx(X.Box,{"aria-hidden":"true",width:8,height:8,bg:"inherit",...n(w.arrow),md:l?n(l.arrow):void 0,lg:c?n(c.arrow):void 0,xl:x?n(x.arrow):void 0}),e]})]})}exports.Tooltip=G;