prime-ui-kit 0.2.5 → 0.3.1

package/dist/layout/sidebar/SidebarRoot.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+import type { SidebarSize } from "@/internal/states";
+import { type SidebarSide } from "./sidebar-context";
+import { type LegacySidebarLayoutMode, type SidebarLayoutMode } from "./sidebarLayout";
+export type { SidebarLayoutMode, SidebarSide };
+export type SidebarRootProps = Omit<React.ComponentPropsWithoutRef<"aside">, "children"> & {
+    children: React.ReactNode;
+    size?: SidebarSize;
+    side?: SidebarSide;
+    state?: SidebarLayoutMode;
+    defaultState?: SidebarLayoutMode;
+    onStateChange?: (state: SidebarLayoutMode) => void;
+    /** @deprecated */
+    mode?: SidebarLayoutMode | LegacySidebarLayoutMode;
+    /** @deprecated */
+    defaultMode?: SidebarLayoutMode | LegacySidebarLayoutMode;
+    /** @deprecated */
+    onModeChange?: (state: SidebarLayoutMode) => void;
+    /** @deprecated */
+    open?: boolean;
+    /** @deprecated */
+    defaultOpen?: boolean;
+    /** @deprecated */
+    onOpenChange?: (open: boolean) => void;
+    responsive?: boolean;
+    sidebarSlot?: "page-nav";
+};
+declare const SidebarRoot: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "children"> & {
+    children: React.ReactNode;
+    size?: SidebarSize;
+    side?: SidebarSide;
+    state?: SidebarLayoutMode;
+    defaultState?: SidebarLayoutMode;
+    onStateChange?: (state: SidebarLayoutMode) => void;
+    /** @deprecated */
+    mode?: SidebarLayoutMode | LegacySidebarLayoutMode;
+    /** @deprecated */
+    defaultMode?: SidebarLayoutMode | LegacySidebarLayoutMode;
+    /** @deprecated */
+    onModeChange?: (state: SidebarLayoutMode) => void;
+    /** @deprecated */
+    open?: boolean;
+    /** @deprecated */
+    defaultOpen?: boolean;
+    /** @deprecated */
+    onOpenChange?: (open: boolean) => void;
+    responsive?: boolean;
+    sidebarSlot?: "page-nav";
+} & React.RefAttributes<HTMLElement>>;
+export { SidebarRoot };
+//# sourceMappingURL=SidebarRoot.d.ts.map

package/dist/layout/sidebar/SidebarRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarRoot.d.ts","sourceRoot":"","sources":["../../../../src/layout/sidebar/SidebarRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EACL,KAAK,uBAAuB,EAG5B,KAAK,iBAAiB,EACvB,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IACzF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,kBAAkB;IAClB,IAAI,CAAC,EAAE,iBAAiB,GAAG,uBAAuB,CAAC;IACnD,kBAAkB;IAClB,WAAW,CAAC,EAAE,iBAAiB,GAAG,uBAAuB,CAAC;IAC1D,kBAAkB;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kBAAkB;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,UAAU,CAAC;CAC1B,CAAC;AAiBF,QAAA,MAAM,WAAW;cArCL,KAAK,CAAC,SAAS;WAClB,WAAW;WACX,WAAW;YACV,iBAAiB;mBACV,iBAAiB;oBAChB,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI;IAClD,kBAAkB;WACX,iBAAiB,GAAG,uBAAuB;IAClD,kBAAkB;kBACJ,iBAAiB,GAAG,uBAAuB;IACzD,kBAAkB;mBACH,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI;IACjD,kBAAkB;WACX,OAAO;IACd,kBAAkB;kBACJ,OAAO;IACrB,kBAAkB;mBACH,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;iBACzB,OAAO;kBACN,UAAU;qCAgSxB,CAAC;AAIH,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/layout/sidebar/sidebar-context.d.ts

@@ -0,0 +1,19 @@
+import type { SidebarSize } from "@/internal/states";
+import type { SidebarLayoutMode } from "./sidebarLayout";
+export type SidebarSide = "left" | "right";
+export type SidebarContextValue = {
+    size: SidebarSize;
+    side: SidebarSide;
+    state: SidebarLayoutMode;
+    setState: (mode: SidebarLayoutMode) => void;
+    mode: SidebarLayoutMode;
+    setMode: (mode: SidebarLayoutMode) => void;
+    open: boolean;
+    setOpen: (next: boolean) => void;
+    toggleOpen: () => void;
+    isMobile: boolean;
+    navPanelId: string;
+};
+declare const SidebarProvider: import("react").Provider<SidebarContextValue | null>, useSidebarContext: () => SidebarContextValue;
+export { SidebarProvider, useSidebarContext };
+//# sourceMappingURL=sidebar-context.d.ts.map

package/dist/layout/sidebar/sidebar-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-context.d.ts","sourceRoot":"","sources":["../../../../src/layout/sidebar/sidebar-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAO,eAAe,wDAAE,iBAAiB,2BAA0D,CAAC;AAEpG,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/layout/sidebar/sidebarLayout.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Единая точка для JS/CSS: mobile < 768px, desktop/tablet >= 768px.
+ */
+export type SidebarLayoutMode = "hidden" | "compact" | "expanded";
+/** @deprecated use `SidebarLayoutMode` */
+export type LegacySidebarLayoutMode = "hidden" | "compact" | "expand";
+export declare const SIDEBAR_LAYOUT_BREAKPOINT_MAX = "47.999rem";
+export declare const SIDEBAR_MEDIA_QUERY_NARROW = "(max-width: 47.999rem)";
+export declare const SIDEBAR_MEDIA_QUERY_INLINE = "(min-width: 48rem)";
+export declare const SIDEBAR_MEDIA_QUERY_XS_HIDDEN = "(max-width: 29.999rem)";
+export declare function normalizeSidebarMode(mode: SidebarLayoutMode | LegacySidebarLayoutMode): SidebarLayoutMode;
+//# sourceMappingURL=sidebarLayout.d.ts.map

package/dist/layout/sidebar/sidebarLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebarLayout.d.ts","sourceRoot":"","sources":["../../../../src/layout/sidebar/sidebarLayout.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAElE,0CAA0C;AAC1C,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtE,eAAO,MAAM,6BAA6B,cAAc,CAAC;AAEzD,eAAO,MAAM,0BAA0B,2BAAkD,CAAC;AAE1F,eAAO,MAAM,0BAA0B,uBAAuB,CAAC;AAE/D,eAAO,MAAM,6BAA6B,2BAA2B,CAAC;AAEtE,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,iBAAiB,GAAG,uBAAuB,GAChD,iBAAiB,CAEnB"}

package/dist/tokens/primitives.d.ts

@@ -0,0 +1,390 @@
+export declare const primitiveTokens: {
+    /** Цвета: white/black, нейтраль `gray`, палитры 50–950. */
+    readonly color: {
+        readonly white: "#f8f7f4";
+        readonly black: "#0f1115";
+        /** Скрим модалок/оверлеев (значения вынесены из семантики). */
+        readonly overlay: {
+            readonly scrimLight: "rgba(15, 17, 21, 0.58)";
+            readonly scrimDark: "rgba(8, 10, 14, 0.78)";
+        };
+        /** Нейтраль: шкала 50–950 + `0` (бумага), альфы для оверлеев. */
+        readonly gray: {
+            readonly 0: "#f8f7f4";
+            readonly 50: "#f3f4f7";
+            readonly 100: "#eceef2";
+            readonly 200: "#dde1e8";
+            readonly 300: "#c7ced9";
+            readonly 400: "#9ba6b6";
+            readonly 500: "#707c8e";
+            readonly 600: "#566174";
+            readonly 700: "#3f495a";
+            readonly 800: "#2b3342";
+            readonly 900: "#1b2230";
+            readonly 950: "#121823";
+            readonly alpha10: "rgba(112, 124, 142, 0.10)";
+            readonly alpha16: "rgba(112, 124, 142, 0.16)";
+            readonly alpha24: "rgba(112, 124, 142, 0.24)";
+        };
+        /** Палитра red: шкала 50–950 (ориентир — Tailwind v3). */
+        readonly red: {
+            readonly 50: "#fef2f2";
+            readonly 100: "#fee2e2";
+            readonly 200: "#fecaca";
+            readonly 300: "#fca5a5";
+            readonly 400: "#f87171";
+            readonly 500: "#ef4444";
+            readonly 600: "#dc2626";
+            readonly 700: "#b91c1c";
+            readonly 800: "#991b1b";
+            readonly 900: "#7f1d1d";
+            readonly 950: "#450a0a";
+        };
+        /** Палитра blue: шкала 50–950 (ориентир — Tailwind v3). */
+        readonly blue: {
+            readonly 50: "#eff6ff";
+            readonly 100: "#dbeafe";
+            readonly 200: "#bfdbfe";
+            readonly 300: "#93c5fd";
+            readonly 400: "#60a5fa";
+            readonly 500: "#3b82f6";
+            readonly 600: "#2563eb";
+            readonly 700: "#1d4ed8";
+            readonly 800: "#1e40af";
+            readonly 900: "#1e3a8a";
+            readonly 950: "#172554";
+        };
+        /** Палитра green: шкала 50–950 (ориентир — Tailwind v3). */
+        readonly green: {
+            readonly 50: "#f0fdf4";
+            readonly 100: "#dcfce7";
+            readonly 200: "#bbf7d0";
+            readonly 300: "#86efac";
+            readonly 400: "#4ade80";
+            readonly 500: "#22c55e";
+            readonly 600: "#16a34a";
+            readonly 700: "#15803d";
+            readonly 800: "#166534";
+            readonly 900: "#14532d";
+            readonly 950: "#052e16";
+        };
+        /** Палитра orange: шкала 50–950 (ориентир — Tailwind v3). */
+        readonly orange: {
+            readonly 50: "#fff7ed";
+            readonly 100: "#ffedd5";
+            readonly 200: "#fed7aa";
+            readonly 300: "#fdba74";
+            readonly 400: "#fb923c";
+            readonly 500: "#f97316";
+            readonly 600: "#ea580c";
+            readonly 700: "#c2410c";
+            readonly 800: "#9a3412";
+            readonly 900: "#7c2d12";
+            readonly 950: "#431407";
+        };
+        /** Палитра yellow: шкала 50–950 (ориентир — Tailwind v3). */
+        readonly yellow: {
+            readonly 50: "#fefce8";
+            readonly 100: "#fef9c3";
+            readonly 200: "#fef08a";
+            readonly 300: "#fde047";
+            readonly 400: "#facc15";
+            readonly 500: "#eab308";
+            readonly 600: "#ca8a04";
+            readonly 700: "#a16207";
+            readonly 800: "#854d0e";
+            readonly 900: "#713f12";
+            readonly 950: "#422006";
+        };
+        /** Палитра purple: шкала 50–950 (ориентир — Tailwind v3). */
+        readonly purple: {
+            readonly 50: "#faf5ff";
+            readonly 100: "#f3e8ff";
+            readonly 200: "#e9d5ff";
+            readonly 300: "#d8b4fe";
+            readonly 400: "#c084fc";
+            readonly 500: "#a855f7";
+            readonly 600: "#9333ea";
+            readonly 700: "#7e22ce";
+            readonly 800: "#6b21a8";
+            readonly 900: "#581c87";
+            readonly 950: "#3b0764";
+        };
+        /** Палитра sky: шкала 50–950 (ориентир — Tailwind v3). */
+        readonly sky: {
+            readonly 50: "#f0f9ff";
+            readonly 100: "#e0f2fe";
+            readonly 200: "#bae6fd";
+            readonly 300: "#7dd3fc";
+            readonly 400: "#38bdf8";
+            readonly 500: "#0ea5e9";
+            readonly 600: "#0284c7";
+            readonly 700: "#0369a1";
+            readonly 800: "#075985";
+            readonly 900: "#0c4a6e";
+            readonly 950: "#082f49";
+        };
+        /** Палитра pink: шкала 50–950 (ориентир — Tailwind v3). */
+        readonly pink: {
+            readonly 50: "#fdf2f8";
+            readonly 100: "#fce7f3";
+            readonly 200: "#fbcfe8";
+            readonly 300: "#f9a8d4";
+            readonly 400: "#f472b6";
+            readonly 500: "#ec4899";
+            readonly 600: "#db2777";
+            readonly 700: "#be185d";
+            readonly 800: "#9d174d";
+            readonly 900: "#831843";
+            readonly 950: "#500724";
+        };
+        /** Палитра teal: шкала 50–950 (ориентир — Tailwind v3). */
+        readonly teal: {
+            readonly 50: "#f0fdfa";
+            readonly 100: "#ccfbf1";
+            readonly 200: "#99f6e4";
+            readonly 300: "#5eead4";
+            readonly 400: "#2dd4bf";
+            readonly 500: "#14b8a6";
+            readonly 600: "#0d9488";
+            readonly 700: "#0f766e";
+            readonly 800: "#115e59";
+            readonly 900: "#134e4a";
+            readonly 950: "#042f2e";
+        };
+    };
+    /** Высота ряда / блока: ось `xs`→`6xl`, шаг **+0.25rem**; в семантике контролы — xs…xl. */
+    readonly size: {
+        readonly xs: "1.75rem";
+        readonly s: "2rem";
+        readonly m: "2.25rem";
+        readonly l: "2.5rem";
+        readonly xl: "2.75rem";
+        readonly "2xl": "3rem";
+        readonly "3xl": "3.25rem";
+        readonly "4xl": "3.5rem";
+        readonly "5xl": "3.75rem";
+        readonly "6xl": "4rem";
+    };
+    /**
+     * Кольцевой прогресс: диаметр в rem (как в макете) и толщина штриха в px.
+     * TS читает те же значения, что и визуальная шкала компонента.
+     */
+    readonly progressCircle: {
+        readonly s: {
+            readonly diameter: "2.5625rem";
+            readonly strokeWidth: "3";
+        };
+        readonly m: {
+            readonly diameter: "3.375rem";
+            readonly strokeWidth: "4";
+        };
+        readonly l: {
+            readonly diameter: "4.25rem";
+            readonly strokeWidth: "5";
+        };
+        readonly xl: {
+            readonly diameter: "5.125rem";
+            readonly strokeWidth: "6";
+        };
+    };
+    /** Отступы: `layout` — сетка макета; `control` — ритм внутри контролов. */
+    readonly spaces: {
+        /** Сетка макета: шаг **0.25rem (4px)**, ось `xs`→`6xl` + `0`; `spacing.x*` — шаги по 4px. */
+        readonly layout: {
+            readonly 0: "0";
+            readonly xs: "0.25rem";
+            readonly s: "0.5rem";
+            readonly m: "0.75rem";
+            readonly l: "1rem";
+            readonly xl: "1.25rem";
+            readonly "2xl": "1.5rem";
+            readonly "3xl": "2rem";
+            readonly "4xl": "2.5rem";
+            readonly "5xl": "3rem";
+            readonly "6xl": "3.5rem";
+        };
+        /** Контролы: горизонтальный ритм (`spacing`) и отступ кнопки (`button`). */
+        readonly control: {
+            /** Gap и inputPaddingX: ось `xs`→`6xl`, шаг **+0.125rem**. */
+            readonly spacing: {
+                readonly xs: "0.375rem";
+                readonly s: "0.5rem";
+                readonly m: "0.625rem";
+                readonly l: "0.75rem";
+                readonly xl: "0.875rem";
+                readonly "2xl": "1rem";
+                readonly "3xl": "1.125rem";
+                readonly "4xl": "1.25rem";
+                readonly "5xl": "1.375rem";
+                readonly "6xl": "1.5rem";
+            };
+            /** Padding кнопки: на **+0.125rem** больше соответствующего `spacing.*`. */
+            readonly button: {
+                readonly xs: "0.5rem";
+                readonly s: "0.625rem";
+                readonly m: "0.75rem";
+                readonly l: "0.875rem";
+                readonly xl: "1rem";
+                readonly "2xl": "1.125rem";
+                readonly "3xl": "1.25rem";
+                readonly "4xl": "1.375rem";
+                readonly "5xl": "1.5rem";
+                readonly "6xl": "1.625rem";
+            };
+        };
+    };
+    /** Скругления: ось `xs`→`6xl` + `circle`; контролы — xs…xl, крупные поверхности — 3xl…6xl. */
+    readonly radius: {
+        readonly 0: "0";
+        readonly xs: "8px";
+        readonly s: "10px";
+        readonly m: "11px";
+        readonly l: "12px";
+        readonly xl: "13px";
+        readonly "2xl": "16px";
+        readonly "3xl": "20px";
+        readonly "4xl": "24px";
+        readonly "5xl": "32px";
+        readonly "6xl": "40px";
+        readonly round: "9999px";
+    };
+    /** Иконки и маркеры: ось `xs`→`6xl`, шаг **+0.125rem**. */
+    readonly icon: {
+        readonly xs: "0.75rem";
+        readonly s: "0.875rem";
+        readonly m: "1rem";
+        readonly l: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly "2xl": "1.375rem";
+        readonly "3xl": "1.5rem";
+        readonly "4xl": "1.625rem";
+        readonly "5xl": "1.75rem";
+        readonly "6xl": "1.875rem";
+    };
+    /** Типографика: семейства, кегль, интерлиньяж, вес, трекинг. */
+    readonly font: {
+        /** Гарнитуры: базовая и моноширинная. */
+        readonly family: {
+            readonly base: "\"Roboto Flex\", \"Roboto\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif";
+            readonly mono: "\"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, monospace";
+        };
+        /**
+         * Кегль: ось `3xs`→`6xl` (+0.125rem), плюс **7xl–9xl** под [MD3 type scale](https://m3.material.io/styles/typography/type-scale-tokens)
+         * (Display) и **labelMicro** (11px — Label Small).
+         */
+        readonly size: {
+            readonly "3xs": "0.625rem";
+            readonly "2xs": "0.75rem";
+            readonly xs: "0.875rem";
+            readonly s: "1rem";
+            readonly m: "1.125rem";
+            readonly l: "1.25rem";
+            readonly xl: "1.375rem";
+            readonly "2xl": "1.5rem";
+            readonly "3xl": "1.625rem";
+            readonly "4xl": "1.75rem";
+            readonly "5xl": "1.875rem";
+            readonly "6xl": "2rem";
+            readonly "7xl": "2.25rem";
+            readonly "8xl": "2.8125rem";
+            readonly "9xl": "3.5625rem";
+            readonly labelMicro: "0.6875rem";
+        };
+        /** Межстрочный интервал под шкалу `font.size.*`. */
+        readonly lineHeight: {
+            readonly "3xs": "0.875rem";
+            readonly "2xs": "1rem";
+            readonly xs: "1.125rem";
+            readonly s: "1.25rem";
+            readonly m: "1.375rem";
+            readonly l: "1.5rem";
+            readonly xl: "1.625rem";
+            readonly "2xl": "1.75rem";
+            readonly "3xl": "1.875rem";
+            readonly "4xl": "2rem";
+            readonly "5xl": "2.125rem";
+            readonly "6xl": "2.25rem";
+            readonly "7xl": "2.5rem";
+            readonly "8xl": "3.125rem";
+            readonly "9xl": "4rem";
+            readonly labelMicro: "1rem";
+        };
+        /** Начертания (числовые веса шрифта). */
+        readonly weight: {
+            readonly regular: "400";
+            readonly medium: "500";
+            readonly semibold: "600";
+            readonly bold: "700";
+        };
+        /** Межбуквенный интервал (em). */
+        readonly letterSpacing: {
+            readonly tighter: "-0.02em";
+            readonly tight: "-0.01em";
+            readonly normal: "0";
+            readonly wide: "0.04em";
+            readonly wider: "0.06em";
+        };
+    };
+    /** Тени: ось `xs`→`6xl`, усиление с размером. */
+    readonly shadow: {
+        readonly xs: "0 2px 4px rgba(15, 17, 21, 0.08)";
+        readonly s: "0 4px 8px rgba(15, 17, 21, 0.1)";
+        readonly m: "0 8px 16px rgba(15, 17, 21, 0.14)";
+        readonly l: "0 16px 32px rgba(15, 17, 21, 0.2)";
+        readonly xl: "0 24px 48px rgba(15, 17, 21, 0.24)";
+        readonly "2xl": "0 32px 64px rgba(15, 17, 21, 0.26)";
+        readonly "3xl": "0 40px 80px rgba(15, 17, 21, 0.28)";
+        readonly "4xl": "0 48px 96px rgba(15, 17, 21, 0.3)";
+        readonly "5xl": "0 56px 112px rgba(15, 17, 21, 0.32)";
+        readonly "6xl": "0 64px 128px rgba(15, 17, 21, 0.34)";
+    };
+    /** Движение: длительности и кривые easing. */
+    readonly motion: {
+        /** Длительности по смыслу (не ось размеров). */
+        readonly duration: {
+            readonly fast: "200ms";
+            readonly medium: "350ms";
+            readonly slow: "500ms";
+        };
+        /** Кривые сглаживания. */
+        readonly easing: {
+            readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
+        };
+    };
+    /**
+     * Z-index: именованные роли слоёв (не ось размеров). Интервалы с запасом.
+     *
+     * Глобальная страница: base → sticky → popover → dropdown → tooltip.
+     * Блокирующие оболочки: drawer (ниже) → modal (выше). Порталы на `body` внутри drawer/modal
+     * используют отдельные уровни (`*InDrawer`, `*InModal`, `*InDrawerInModal`), см. `OverlayPortalLayerContext`.
+     *
+     * Drawer внутри modal: оболочка `drawerNestedShell` выше `modal`; порталы внутри — ещё выше.
+     * Тосты — поверх всех перечисленных слоёв.
+     */
+    readonly zIndex: {
+        readonly base: "10";
+        readonly sticky: "100";
+        readonly popover: "1000";
+        readonly dropdown: "1200";
+        readonly tooltip: "1600";
+        /** `Drawer`, mobile fullscreen `Sidebar` — ниже модалки. */
+        readonly drawer: "2000";
+        /** `Modal` (оверлей + диалог), CommandMenu — поверх drawer. */
+        readonly modal: "3000";
+        readonly popoverInDrawer: "2100";
+        readonly dropdownInDrawer: "2200";
+        readonly tooltipInDrawer: "2300";
+        readonly popoverInModal: "3100";
+        readonly dropdownInModal: "3200";
+        readonly tooltipInModal: "3300";
+        /** Оверлей и панель `Drawer`, открытого поверх `Modal`. */
+        readonly drawerNestedShell: "3400";
+        readonly popoverInDrawerInModal: "3500";
+        readonly dropdownInDrawerInModal: "3600";
+        readonly tooltipInDrawerInModal: "3700";
+        /** Выше модалок и вложенных порталов — очередь тостов. */
+        readonly toast: "10000";
+    };
+};
+//# sourceMappingURL=primitives.d.ts.map

package/dist/tokens/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../tokens/primitives.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;IAC1B,2DAA2D;;;;QAIzD,+DAA+D;;;;;QAK/D,iEAAiE;;;;;;;;;;;;;;;;;;QAkBjE,0DAA0D;;;;;;;;;;;;;;QAc1D,2DAA2D;;;;;;;;;;;;;;QAc3D,4DAA4D;;;;;;;;;;;;;;QAc5D,6DAA6D;;;;;;;;;;;;;;QAc7D,6DAA6D;;;;;;;;;;;;;;QAc7D,6DAA6D;;;;;;;;;;;;;;QAc7D,0DAA0D;;;;;;;;;;;;;;QAc1D,2DAA2D;;;;;;;;;;;;;;QAc3D,2DAA2D;;;;;;;;;;;;;;;IAe7D,2FAA2F;;;;;;;;;;;;;IAa3F;;;OAGG;;;;;;;;;;;;;;;;;;;IAOH,2EAA2E;;QAEzE,6FAA6F;;;;;;;;;;;;;;QAc7F,4EAA4E;;YAE1E,8DAA8D;;;;;;;;;;;;;YAa9D,4EAA4E;;;;;;;;;;;;;;;IAehF,8FAA8F;;;;;;;;;;;;;;;IAe9F,2DAA2D;;;;;;;;;;;;;IAa3D,gEAAgE;;QAE9D,yCAAyC;;;;;QAKzC;;;WAGG;;;;;;;;;;;;;;;;;;;QAmBH,oDAAoD;;;;;;;;;;;;;;;;;;;QAmBpD,yCAAyC;;;;;;;QAOzC,kCAAkC;;;;;;;;;IASpC,iDAAiD;;;;;;;;;;;;;IAajD,8CAA8C;;QAE5C,gDAAgD;;;;;;QAMhD,0BAA0B;;;;;IAK5B;;;;;;;;;OASG;;;;;;;QAOD,4DAA4D;;QAE5D,+DAA+D;;;;;;;;QAQ/D,2DAA2D;;;;;QAK3D,0DAA0D;;;CAGpD,CAAC"}