ics-ui-kit 0.1.0-alpha.9 → 0.1.1

package/dist/components/toggle-group.d.ts

@@ -0,0 +1,2 @@
+export * from './toggle-group/index'
+export {}

package/dist/components/toggle-group.js

@@ -0,0 +1,37 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as e from "react";
+import { R as n, I as p } from "../index-CLuiUUQ8.js";
+import { c as f } from "../cn-dsXlqdJg.js";
+import { t as g } from "../Toggle-v_HT3Gm2.js";
+import { T as d } from "../index-BVqs-uqP.js";
+const c = e.createContext({
+  size: "md",
+  variant: "default"
+}), u = d({
+  base: "flex items-center justify-center gap-1"
+}), x = e.forwardRef(({ className: t, variant: o, size: r, children: a, ...s }, m) => /* @__PURE__ */ i(n, { ref: m, className: u({ className: t }), ...s, children: /* @__PURE__ */ i(c.Provider, { value: { variant: o, size: r }, children: a }) }));
+x.displayName = n.displayName;
+const y = e.forwardRef(({ className: t, children: o, variant: r, size: a, ...s }, m) => {
+  const l = e.useContext(c);
+  return /* @__PURE__ */ i(
+    p,
+    {
+      ref: m,
+      className: f(
+        g({
+          variant: l.variant || r,
+          size: l.size || a
+        }),
+        t
+      ),
+      ...s,
+      children: o
+    }
+  );
+});
+y.displayName = p.displayName;
+export {
+  x as ToggleGroup,
+  y as ToggleGroupItem
+};
+//# sourceMappingURL=toggle-group.js.map

package/dist/components/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","sources":["../../src/components/toggle-group/ToggleGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { cn } from \"@/lib/utils\";\nimport { ToggleVariants, toggleVariants } from \"@/components/toggle/Toggle\";\nimport { tv } from \"tailwind-variants\";\n\nconst ToggleGroupContext = React.createContext<ToggleVariants>({\n\tsize: \"md\",\n\tvariant: \"default\"\n});\n\nconst toggleGroupStyles = tv({\n\tbase: \"flex items-center justify-center gap-1\"\n});\n\nconst ToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & ToggleVariants\n>(({ className, variant, size, children, ...props }, ref) => (\n\t<ToggleGroupPrimitive.Root ref={ref} className={toggleGroupStyles({ className })} {...props}>\n\t\t<ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>\n\t</ToggleGroupPrimitive.Root>\n));\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\nconst ToggleGroupItem = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & ToggleVariants\n>(({ className, children, variant, size, ...props }, ref) => {\n\tconst context = React.useContext(ToggleGroupContext);\n\n\treturn (\n\t\t<ToggleGroupPrimitive.Item\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\ttoggleVariants({\n\t\t\t\t\tvariant: context.variant || variant,\n\t\t\t\t\tsize: context.size || size\n\t\t\t\t}),\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</ToggleGroupPrimitive.Item>\n\t);\n});\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"names":["ToggleGroupContext","React","toggleGroupStyles","tv","ToggleGroup","className","variant","size","children","props","ref","jsx","ToggleGroupPrimitive.Root","ToggleGroupItem","context","ToggleGroupPrimitive.Item","cn","toggleVariants"],"mappings":";;;;;;AAMA,MAAMA,IAAqBC,EAAM,cAA8B;AAAA,EAC9D,MAAM;AAAA,EACN,SAAS;AACV,CAAC,GAEKC,IAAoBC,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAEKC,IAAcH,EAAM,WAGxB,CAAC,EAAE,WAAAI,GAAW,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAS,GAAAC,MACnD,gBAAAC,EAAAC,GAAA,EAA0B,KAAAF,GAAU,WAAWR,EAAkB,EAAE,WAAAG,EAAW,CAAA,GAAI,GAAGI,GACrF,UAAC,gBAAAE,EAAAX,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAM,GAAS,MAAAC,KAAS,UAAAC,EAAS,CAAA,GAClE,CACA;AAEDJ,EAAY,cAAcQ,EAA0B;AAEpD,MAAMC,IAAkBZ,EAAM,WAG5B,CAAC,EAAE,WAAAI,GAAW,UAAAG,GAAU,SAAAF,GAAS,MAAAC,GAAM,GAAGE,EAAM,GAAGC,MAAQ;AACtD,QAAAI,IAAUb,EAAM,WAAWD,CAAkB;AAGlD,SAAA,gBAAAW;AAAA,IAACI;AAAAA,IAAA;AAAA,MACA,KAAAL;AAAA,MACA,WAAWM;AAAA,QACVC,EAAe;AAAA,UACd,SAASH,EAAQ,WAAWR;AAAA,UAC5B,MAAMQ,EAAQ,QAAQP;AAAA,QAAA,CACtB;AAAA,QACDF;AAAA,MACD;AAAA,MACC,GAAGI;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EACF;AAEF,CAAC;AAEDK,EAAgB,cAAcE,EAA0B;"}

package/dist/components/toggle.d.ts

@@ -0,0 +1,2 @@
+export * from './toggle/index'
+export {}

package/dist/components/toggle.js

@@ -0,0 +1,5 @@
+import { T as g } from "../Toggle-v_HT3Gm2.js";
+export {
+  g as Toggle
+};
+//# sourceMappingURL=toggle.js.map

package/dist/components/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/toolbar/Toolbar.d.ts

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { Icon } from '../icon';
+import { LucideIcon } from 'lucide-react';
+import { ToolbarProviderProps } from './ToolbarContext';
+import { IconVariants } from '../icon/Icon';
+import * as ToolbarPrimitive from "@radix-ui/react-toolbar";
+export type ToolbarProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root> & Pick<ToolbarProviderProps, "focus">;
+export declare const Toolbar: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & Pick<ToolbarProviderProps, "focus"> & React.RefAttributes<HTMLDivElement>>;
+export type ToolbarButtonProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarButton>;
+export declare const ToolbarButton: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type ToolbarIconProps = React.ComponentPropsWithoutRef<typeof Icon>;
+export declare const ToolbarIcon: React.ForwardRefExoticComponent<Omit< IconVariants & {
+    icon: LucideIcon;
+    className?: string;
+} & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export type ToolbarTextProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const ToolbarText: React.ForwardRefExoticComponent<ToolbarTextProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export type ToolbarSubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof Icon>, "icon"> & {
+    icon?: LucideIcon;
+};
+export declare const ToolbarSubTrigger: React.ForwardRefExoticComponent<Omit<Omit< IconVariants & {
+    icon: LucideIcon;
+    className?: string;
+} & React.RefAttributes<SVGSVGElement>, "ref">, "icon"> & {
+    icon?: LucideIcon;
+} & React.RefAttributes<SVGSVGElement>>;
+export type ToolbarToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleGroup>;
+export declare const ToolbarToggleGroup: React.ForwardRefExoticComponent<ToolbarToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
+export type ToolbarToggleItemProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarToggleItem> & {
+    children: React.ReactNode;
+};
+export declare const ToolbarToggleItem: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+export type ToolbarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const ToolbarSeparator: React.ForwardRefExoticComponent<ToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export type ToolbarTriggerChevronProps = ToolbarTriggerProps & {
+    sub?: boolean;
+};
+export declare const ToolbarTriggerChevron: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-state"?: "open" | "closed";
+} & {
+    sub?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export type ToolbarTriggerProps = ToolbarButtonProps & {
+    "data-state"?: "open" | "closed";
+};
+export declare const ToolbarTrigger: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-state"?: "open" | "closed";
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/toolbar/Toolbar.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+import { Toolbar } from './Toolbar';
+import { default as React } from 'react';
+import { ToolbarProps } from '@radix-ui/react-toolbar';
+import { ToolbarProviderProps } from './ToolbarContext';
+declare const meta: {
+    component: React.ForwardRefExoticComponent<Omit< ToolbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & Pick< ToolbarProviderProps, "focus"> & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Toolbar>;
+export declare const Default: Story;
+export declare const LowFocus: Story;
+export declare const WithScroll: Story;
+export declare const InteractiveDropdown: Story;
+export declare const MultiDropdown: Story;
+export declare const WithTooltipExample: Story;
+export declare const ConditionalButton: Story;
+export declare const HoverToolbar: Story;

package/dist/components/toolbar/ToolbarContext.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ReactNode } from 'react';
+interface ToolbarContextValue {
+    focus: "high" | "low";
+}
+export interface ToolbarProviderProps {
+    children: ReactNode;
+    focus?: "high" | "low";
+}
+export declare const ToolbarProvider: React.FC<ToolbarProviderProps>;
+export declare const useToolbarContext: () => ToolbarContextValue;
+export {};

package/dist/components/toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export { Toolbar, ToolbarSeparator, ToolbarToggleGroup, ToolbarIcon, ToolbarToggleItem, ToolbarButton, ToolbarSubTrigger, ToolbarText, ToolbarTrigger, ToolbarTriggerChevron } from './Toolbar';
+export type { ToolbarProps } from './Toolbar';

package/dist/components/toolbar.d.ts

@@ -0,0 +1,2 @@
+export * from './toolbar/index'
+export {}

package/dist/components/toolbar.js

@@ -0,0 +1,304 @@
+import { jsx as s, jsxs as B } from "react/jsx-runtime";
+import * as c from "react";
+import l, { createContext as F, useContext as L } from "react";
+import { P as b, c as z } from "../index-CFaU3UXv.js";
+import { c as j } from "../index-DFZozV_h.js";
+import { c as h, R as K, I as y } from "../index-DHyZ_0Ut.js";
+import { c as N, R as U, I as H } from "../index-CLuiUUQ8.js";
+import { u as V } from "../index-ByaXH_ih.js";
+import { T as i } from "../index-BVqs-uqP.js";
+import { D as q } from "../Divider-DPW5ZhZ8.js";
+import { I as w } from "../Icon-DH3ev9GK.js";
+import { S as J } from "../ScrollArea-CuuTeDn3.js";
+import { C as Q } from "../chevron-down-CAOItu8X.js";
+var W = "Separator", T = "horizontal", X = ["horizontal", "vertical"], x = c.forwardRef((o, r) => {
+  const { decorative: a, orientation: e = T, ...t } = o, n = Y(e) ? e : T, d = a ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
+  return /* @__PURE__ */ s(
+    b.div,
+    {
+      "data-orientation": n,
+      ...d,
+      ...t,
+      ref: r
+    }
+  );
+});
+x.displayName = W;
+function Y(o) {
+  return X.includes(o);
+}
+var Z = x, u = "Toolbar", [oo, $o] = j(u, [
+  h,
+  N
+]), m = h(), S = N(), [ro, R] = oo(u), _ = c.forwardRef(
+  (o, r) => {
+    const { __scopeToolbar: a, orientation: e = "horizontal", dir: t, loop: n = !0, ...v } = o, d = m(a), g = V(t);
+    return /* @__PURE__ */ s(ro, { scope: a, orientation: e, dir: g, children: /* @__PURE__ */ s(
+      K,
+      {
+        asChild: !0,
+        ...d,
+        orientation: e,
+        dir: g,
+        loop: n,
+        children: /* @__PURE__ */ s(
+          b.div,
+          {
+            role: "toolbar",
+            "aria-orientation": e,
+            dir: g,
+            ...v,
+            ref: r
+          }
+        )
+      }
+    ) });
+  }
+);
+_.displayName = u;
+var C = "ToolbarSeparator", G = c.forwardRef(
+  (o, r) => {
+    const { __scopeToolbar: a, ...e } = o, t = R(C, a);
+    return /* @__PURE__ */ s(
+      Z,
+      {
+        orientation: t.orientation === "horizontal" ? "vertical" : "horizontal",
+        ...e,
+        ref: r
+      }
+    );
+  }
+);
+G.displayName = C;
+var eo = "ToolbarButton", f = c.forwardRef(
+  (o, r) => {
+    const { __scopeToolbar: a, ...e } = o, t = m(a);
+    return /* @__PURE__ */ s(y, { asChild: !0, ...t, focusable: !o.disabled, children: /* @__PURE__ */ s(b.button, { type: "button", ...e, ref: r }) });
+  }
+);
+f.displayName = eo;
+var ao = "ToolbarLink", to = c.forwardRef(
+  (o, r) => {
+    const { __scopeToolbar: a, ...e } = o, t = m(a);
+    return /* @__PURE__ */ s(y, { asChild: !0, ...t, focusable: !0, children: /* @__PURE__ */ s(
+      b.a,
+      {
+        ...e,
+        ref: r,
+        onKeyDown: z(o.onKeyDown, (n) => {
+          n.key === " " && n.currentTarget.click();
+        })
+      }
+    ) });
+  }
+);
+to.displayName = ao;
+var I = "ToolbarToggleGroup", P = c.forwardRef(
+  (o, r) => {
+    const { __scopeToolbar: a, ...e } = o, t = R(I, a), n = S(a);
+    return /* @__PURE__ */ s(
+      U,
+      {
+        "data-orientation": t.orientation,
+        dir: t.dir,
+        ...n,
+        ...e,
+        ref: r,
+        rovingFocus: !1
+      }
+    );
+  }
+);
+P.displayName = I;
+var so = "ToolbarToggleItem", E = c.forwardRef(
+  (o, r) => {
+    const { __scopeToolbar: a, ...e } = o, t = S(a), n = { __scopeToolbar: o.__scopeToolbar };
+    return /* @__PURE__ */ s(f, { asChild: !0, ...n, children: /* @__PURE__ */ s(H, { ...t, ...e, ref: r }) });
+  }
+);
+E.displayName = so;
+var no = _, A = P;
+const O = F(void 0), lo = ({ children: o, focus: r = "high" }) => /* @__PURE__ */ s(O.Provider, { value: { focus: r }, children: o }), p = () => {
+  const o = L(O);
+  if (o === void 0)
+    throw new Error("useToolbarContext должен использоваться внутри ToolbarProvider");
+  return o;
+}, io = i({
+  slots: {
+    wrapper: "flex items-center gap-1 p-1.5 lg:rounded-lg lg:p-1",
+    scrollbar: "h-1.5 border-t-0 px-1.5",
+    thumb: "",
+    scrollarea: "lg:rounded-lg"
+  },
+  variants: {
+    focus: {
+      low: {
+        wrapper: "border border-secondary-border bg-secondary-bg",
+        scrollarea: "bg-secondary-bg lg:shadow-soft-sm",
+        thumb: "bg-primary-border"
+      },
+      high: {
+        wrapper: "bg-inverse-secondary-bg",
+        scrollarea: "bg-inverse-secondary-bg lg:shadow-hard-base",
+        thumb: "bg-inverse-active"
+      }
+    }
+  }
+}), co = l.forwardRef(
+  ({ className: o, focus: r = "high", ...a }, e) => {
+    const t = io();
+    return /* @__PURE__ */ s(lo, { focus: r, children: /* @__PURE__ */ s(
+      J,
+      {
+        type: "always",
+        thumbClassName: t.thumb({ focus: r }),
+        scrollbarClassName: t.scrollbar(),
+        className: t.scrollarea({ focus: r }),
+        orientation: "horizontal",
+        children: /* @__PURE__ */ s(no, { ref: e, className: t.wrapper({ className: o, focus: r }), ...a })
+      }
+    ) });
+  }
+);
+co.displayName = "Toolbar";
+const k = i({
+  base: "group inline-flex items-center justify-center gap-1.5 rounded-sm p-1.5 focus-visible:shadow-focus focus-visible:outline-none",
+  variants: {
+    focus: {
+      low: "hover:bg-secondary-bg-hover",
+      high: "hover:bg-inverse-hover"
+    }
+  }
+}), D = l.forwardRef(({ className: o, ...r }, a) => {
+  const { focus: e } = p(), t = k({ className: o, focus: e });
+  return /* @__PURE__ */ s(f, { ref: a, className: t, ...r });
+});
+D.displayName = "ToolbarButton";
+const po = i({
+  base: "h-4 w-4",
+  variants: {
+    focus: {
+      low: "text-primary-fg group-hover:text-muted",
+      high: "stroke-[1.5px] text-inverse-primary-fg"
+    }
+  }
+}), bo = l.forwardRef(
+  ({ className: o, ...r }, a) => {
+    const { focus: e } = p();
+    return /* @__PURE__ */ s(w, { ref: a, className: po({ className: o, focus: e }), ...r });
+  }
+);
+bo.displayName = "ToolbarIcon";
+const go = i({
+  base: "text-base leading-none",
+  variants: {
+    focus: {
+      low: "text-primary-fg group-hover:text-muted",
+      high: "text-inverse-primary-fg"
+    }
+  }
+}), uo = l.forwardRef(
+  ({ className: o, ...r }, a) => {
+    const { focus: e } = p();
+    return /* @__PURE__ */ s("div", { ref: a, className: go({ className: o, focus: e }), ...r });
+  }
+);
+uo.displayName = "ToolbarText";
+const mo = i({
+  base: "",
+  slots: {
+    icon: "h-2 w-2 stroke-[3px]"
+  },
+  variants: {
+    focus: {
+      low: "text-primary-fg group-hover:text-muted",
+      high: "text-inverse-primary-fg"
+    }
+  }
+}), M = l.forwardRef(
+  ({ className: o, icon: r, ...a }, e) => {
+    const { focus: t } = p(), n = mo();
+    return /* @__PURE__ */ s("span", { className: n.base({ className: o, focus: t }), children: /* @__PURE__ */ s(w, { icon: r || Q, ref: e, className: n.icon({ focus: t }), ...a }) });
+  }
+);
+M.displayName = "ToolbarSubTrigger";
+const fo = i({
+  base: ["flex items-center gap-1"]
+}), vo = l.forwardRef(({ className: o, ...r }, a) => {
+  const e = fo({ className: o });
+  return /* @__PURE__ */ s(A, { ref: a, className: e, ...r });
+});
+vo.displayName = A.displayName;
+const To = i({
+  extend: k,
+  base: "disabled:pointer-events-none disabled:opacity-50",
+  variants: {
+    focus: {
+      low: "data-[state=on]:bg-primary-bg-hover",
+      high: "data-[state=on]:bg-inverse-active"
+    }
+  }
+}), ho = l.forwardRef(({ className: o, children: r, ...a }, e) => {
+  const { focus: t } = p(), n = To({ className: o, focus: t });
+  return /* @__PURE__ */ s(E, { ref: e, className: n, ...a, children: r });
+});
+ho.displayName = "ToolbarToggleItem";
+const yo = i({
+  base: "h-5 w-px",
+  variants: {
+    focus: {
+      low: "bg-secondary-border",
+      high: "bg-inverse-border"
+    }
+  }
+}), No = l.forwardRef(
+  ({ className: o, ...r }, a) => {
+    const { focus: e } = p(), t = yo({ className: o, focus: e });
+    return /* @__PURE__ */ s(G, { asChild: !0, "data-orientation": "vertical", children: /* @__PURE__ */ s(q, { ref: a, orientation: "vertical", className: t, ...r }) });
+  }
+);
+No.displayName = "ToolbarSeparator";
+const wo = i({
+  slots: {
+    wrapper: "",
+    subtrigger: "py-0.5"
+  },
+  variants: {
+    sub: {
+      true: { wrapper: "-ml-0.5 px-0.5 py-2" }
+    }
+  }
+}), xo = l.forwardRef(({ className: o, children: r, sub: a, ...e }, t) => {
+  const n = wo();
+  return /* @__PURE__ */ B($, { ref: t, "data-stick-left": !0, className: n.wrapper({ className: o, sub: a }), ...e, children: [
+    r,
+    /* @__PURE__ */ s(M, { className: n.subtrigger() })
+  ] });
+});
+xo.displayName = "ToolbarTriggerChevron ";
+const So = i({
+  base: "",
+  variants: {
+    focus: {
+      low: "data-[state=open]:bg-primary-bg-hover",
+      high: "data-[state=open]:bg-inverse-active"
+    }
+  }
+}), $ = l.forwardRef(({ className: o, children: r, ...a }, e) => {
+  const { focus: t } = p();
+  return /* @__PURE__ */ s(D, { ref: e, "data-stick-left": !0, className: So({ className: o, focus: t }), ...a, children: r });
+});
+$.displayName = "ToolbarTrigger";
+export {
+  co as Toolbar,
+  D as ToolbarButton,
+  bo as ToolbarIcon,
+  No as ToolbarSeparator,
+  M as ToolbarSubTrigger,
+  uo as ToolbarText,
+  vo as ToolbarToggleGroup,
+  ho as ToolbarToggleItem,
+  $ as ToolbarTrigger,
+  xo as ToolbarTriggerChevron
+};
+//# sourceMappingURL=toolbar.js.map

package/dist/components/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sources":["../../node_modules/.pnpm/@radix-ui+react-separator@1.1.7_@types+react-dom@18.3.6_@types+react@18.3.20__@types+re_3cab2173b21cab89052082793cdd8770/node_modules/@radix-ui/react-separator/dist/index.mjs","../../node_modules/.pnpm/@radix-ui+react-toolbar@1.1.11_@types+react-dom@18.3.6_@types+react@18.3.20__@types+rea_e665a8a61a53048a6b7ca3c339815ce4/node_modules/@radix-ui/react-toolbar/dist/index.mjs","../../src/components/toolbar/ToolbarContext.tsx","../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["// src/separator.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Separator\";\nvar DEFAULT_ORIENTATION = \"horizontal\";\nvar ORIENTATIONS = [\"horizontal\", \"vertical\"];\nvar Separator = React.forwardRef((props, forwardedRef) => {\n  const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;\n  const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;\n  const ariaOrientation = orientation === \"vertical\" ? orientation : void 0;\n  const semanticProps = decorative ? { role: \"none\" } : { \"aria-orientation\": ariaOrientation, role: \"separator\" };\n  return /* @__PURE__ */ jsx(\n    Primitive.div,\n    {\n      \"data-orientation\": orientation,\n      ...semanticProps,\n      ...domProps,\n      ref: forwardedRef\n    }\n  );\n});\nSeparator.displayName = NAME;\nfunction isValidOrientation(orientation) {\n  return ORIENTATIONS.includes(orientation);\n}\nvar Root = Separator;\nexport {\n  Root,\n  Separator\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/toolbar.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { createToggleGroupScope } from \"@radix-ui/react-toggle-group\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TOOLBAR_NAME = \"Toolbar\";\nvar [createToolbarContext, createToolbarScope] = createContextScope(TOOLBAR_NAME, [\n  createRovingFocusGroupScope,\n  createToggleGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar useToggleGroupScope = createToggleGroupScope();\nvar [ToolbarProvider, useToolbarContext] = createToolbarContext(TOOLBAR_NAME);\nvar Toolbar = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeToolbar, orientation = \"horizontal\", dir, loop = true, ...toolbarProps } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n    const direction = useDirection(dir);\n    return /* @__PURE__ */ jsx(ToolbarProvider, { scope: __scopeToolbar, orientation, dir: direction, children: /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation,\n        dir: direction,\n        loop,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            role: \"toolbar\",\n            \"aria-orientation\": orientation,\n            dir: direction,\n            ...toolbarProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    ) });\n  }\n);\nToolbar.displayName = TOOLBAR_NAME;\nvar SEPARATOR_NAME = \"ToolbarSeparator\";\nvar ToolbarSeparator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeToolbar, ...separatorProps } = props;\n    const context = useToolbarContext(SEPARATOR_NAME, __scopeToolbar);\n    return /* @__PURE__ */ jsx(\n      SeparatorPrimitive.Root,\n      {\n        orientation: context.orientation === \"horizontal\" ? \"vertical\" : \"horizontal\",\n        ...separatorProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nToolbarSeparator.displayName = SEPARATOR_NAME;\nvar BUTTON_NAME = \"ToolbarButton\";\nvar ToolbarButton = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeToolbar, ...buttonProps } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n    return /* @__PURE__ */ jsx(RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: !props.disabled, children: /* @__PURE__ */ jsx(Primitive.button, { type: \"button\", ...buttonProps, ref: forwardedRef }) });\n  }\n);\nToolbarButton.displayName = BUTTON_NAME;\nvar LINK_NAME = \"ToolbarLink\";\nvar ToolbarLink = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeToolbar, ...linkProps } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n    return /* @__PURE__ */ jsx(RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: true, children: /* @__PURE__ */ jsx(\n      Primitive.a,\n      {\n        ...linkProps,\n        ref: forwardedRef,\n        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n          if (event.key === \" \") event.currentTarget.click();\n        })\n      }\n    ) });\n  }\n);\nToolbarLink.displayName = LINK_NAME;\nvar TOGGLE_GROUP_NAME = \"ToolbarToggleGroup\";\nvar ToolbarToggleGroup = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeToolbar, ...toggleGroupProps } = props;\n    const context = useToolbarContext(TOGGLE_GROUP_NAME, __scopeToolbar);\n    const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n    return /* @__PURE__ */ jsx(\n      ToggleGroupPrimitive.Root,\n      {\n        \"data-orientation\": context.orientation,\n        dir: context.dir,\n        ...toggleGroupScope,\n        ...toggleGroupProps,\n        ref: forwardedRef,\n        rovingFocus: false\n      }\n    );\n  }\n);\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar TOGGLE_ITEM_NAME = \"ToolbarToggleItem\";\nvar ToolbarToggleItem = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeToolbar, ...toggleItemProps } = props;\n    const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n    const scope = { __scopeToolbar: props.__scopeToolbar };\n    return /* @__PURE__ */ jsx(ToolbarButton, { asChild: true, ...scope, children: /* @__PURE__ */ jsx(ToggleGroupPrimitive.Item, { ...toggleGroupScope, ...toggleItemProps, ref: forwardedRef }) });\n  }\n);\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\nvar Root4 = Toolbar;\nvar Separator = ToolbarSeparator;\nvar Button = ToolbarButton;\nvar Link = ToolbarLink;\nvar ToggleGroup = ToolbarToggleGroup;\nvar ToggleItem = ToolbarToggleItem;\nexport {\n  Button,\n  Link,\n  Root4 as Root,\n  Separator,\n  ToggleGroup,\n  ToggleItem,\n  Toolbar,\n  ToolbarButton,\n  ToolbarLink,\n  ToolbarSeparator,\n  ToolbarToggleGroup,\n  ToolbarToggleItem,\n  createToolbarScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { createContext, useContext, ReactNode } from \"react\";\n\ninterface ToolbarContextValue {\n\tfocus: \"high\" | \"low\";\n}\n\nconst ToolbarContext = createContext<ToolbarContextValue | undefined>(undefined);\n\nexport interface ToolbarProviderProps {\n\tchildren: ReactNode;\n\tfocus?: \"high\" | \"low\";\n}\n\nexport const ToolbarProvider: React.FC<ToolbarProviderProps> = ({ children, focus = \"high\" }) => {\n\treturn <ToolbarContext.Provider value={{ focus }}>{children}</ToolbarContext.Provider>;\n};\n\nexport const useToolbarContext = (): ToolbarContextValue => {\n\tconst context = useContext(ToolbarContext);\n\n\tif (context === undefined) {\n\t\tthrow new Error(\"useToolbarContext должен использоваться внутри ToolbarProvider\");\n\t}\n\n\treturn context;\n};\n","import * as ToolbarPrimitive from \"@radix-ui/react-toolbar\";\nimport React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Divider } from \"../divider/Divider\";\nimport { Icon } from \"../icon\";\nimport { ChevronDown, LucideIcon } from \"lucide-react\";\nimport { ScrollArea } from \"../scroll-area/ScrollArea\";\nimport { ToolbarProvider, ToolbarProviderProps, useToolbarContext } from \"./ToolbarContext\";\n\nconst toolbarStyles = tv({\n\tslots: {\n\t\twrapper: \"flex items-center gap-1 p-1.5 lg:rounded-lg lg:p-1\",\n\t\tscrollbar: \"h-1.5 border-t-0 px-1.5\",\n\t\tthumb: \"\",\n\t\tscrollarea: \"lg:rounded-lg\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: {\n\t\t\t\twrapper: \"border border-secondary-border bg-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-secondary-bg lg:shadow-soft-sm\",\n\t\t\t\tthumb: \"bg-primary-border\"\n\t\t\t},\n\t\t\thigh: {\n\t\t\t\twrapper: \"bg-inverse-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-inverse-secondary-bg lg:shadow-hard-base\",\n\t\t\t\tthumb: \"bg-inverse-active\"\n\t\t\t}\n\t\t}\n\t}\n});\n\nexport type ToolbarProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root> &\n\tPick<ToolbarProviderProps, \"focus\">;\n\nexport const Toolbar = React.forwardRef<React.ElementRef<typeof ToolbarPrimitive.Root>, ToolbarProps>(\n\t({ className, focus = \"high\", ...props }, ref) => {\n\t\tconst styles = toolbarStyles();\n\n\t\treturn (\n\t\t\t<ToolbarProvider focus={focus}>\n\t\t\t\t<ScrollArea\n\t\t\t\t\ttype=\"always\"\n\t\t\t\t\tthumbClassName={styles.thumb({ focus })}\n\t\t\t\t\tscrollbarClassName={styles.scrollbar()}\n\t\t\t\t\tclassName={styles.scrollarea({ focus })}\n\t\t\t\t\torientation=\"horizontal\"\n\t\t\t\t>\n\t\t\t\t\t<ToolbarPrimitive.Root ref={ref} className={styles.wrapper({ className, focus })} {...props} />\n\t\t\t\t</ScrollArea>\n\t\t\t</ToolbarProvider>\n\t\t);\n\t}\n);\n\nToolbar.displayName = \"Toolbar\";\n\nconst toolbarButtonStyles = tv({\n\tbase: \"group inline-flex items-center justify-center gap-1.5 rounded-sm p-1.5 focus-visible:shadow-focus focus-visible:outline-none\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"hover:bg-secondary-bg-hover\",\n\t\t\thigh: \"hover:bg-inverse-hover\"\n\t\t}\n\t}\n});\n\nexport type ToolbarButtonProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarButton>;\n\nexport const ToolbarButton = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarButtonProps\n>(({ className, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarButtonStyles({ className, focus });\n\treturn <ToolbarPrimitive.ToolbarButton ref={ref} className={styles} {...props} />;\n});\n\nToolbarButton.displayName = \"ToolbarButton\";\n\nconst toolbarIconStyles = tv({\n\tbase: \"h-4 w-4\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"stroke-[1.5px] text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarIconProps = React.ComponentPropsWithoutRef<typeof Icon>;\n\nexport const ToolbarIcon = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarIconProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <Icon ref={ref} className={toolbarIconStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarIcon.displayName = \"ToolbarIcon\";\n\nconst toolbarTextStyles = tv({\n\tbase: \"text-base leading-none\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTextProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarText = React.forwardRef<HTMLDivElement, PropsWithChildren<ToolbarTextProps>>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <div ref={ref} className={toolbarTextStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarText.displayName = \"ToolbarText\";\n\nconst toolbarSubTriggerStyles = tv({\n\tbase: \"\",\n\tslots: {\n\t\ticon: \"h-2 w-2 stroke-[3px]\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof Icon>, \"icon\"> & {\n\ticon?: LucideIcon;\n};\n\nexport const ToolbarSubTrigger = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarSubTriggerProps>(\n\t({ className, icon, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarSubTriggerStyles();\n\t\treturn (\n\t\t\t<span className={styles.base({ className, focus })}>\n\t\t\t\t<Icon icon={icon || ChevronDown} ref={ref} className={styles.icon({ focus })} {...props} />\n\t\t\t</span>\n\t\t);\n\t}\n);\n\nToolbarSubTrigger.displayName = \"ToolbarSubTrigger\";\n\nconst toolbarToggleGroupStyles = tv({\n\tbase: [\"flex items-center gap-1\"]\n});\n\nexport type ToolbarToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleGroup>;\n\nexport const ToolbarToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToggleGroup>,\n\tToolbarToggleGroupProps\n>(({ className, ...props }, ref) => {\n\tconst styles = toolbarToggleGroupStyles({ className });\n\treturn <ToolbarPrimitive.ToggleGroup ref={ref} className={styles} {...props} />;\n});\nToolbarToggleGroup.displayName = ToolbarPrimitive.ToggleGroup.displayName;\n\nconst toolbarToggleStyles = tv({\n\textend: toolbarButtonStyles,\n\tbase: \"disabled:pointer-events-none disabled:opacity-50\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=on]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=on]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarToggleItemProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarToggleItem> & {\n\tchildren: React.ReactNode;\n};\n\nexport const ToolbarToggleItem = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarToggleItem>,\n\tToolbarToggleItemProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarToggleStyles({ className, focus });\n\n\treturn (\n\t\t<ToolbarPrimitive.ToolbarToggleItem ref={ref} className={styles} {...props}>\n\t\t\t{children}\n\t\t</ToolbarPrimitive.ToolbarToggleItem>\n\t);\n});\n\nToolbarToggleItem.displayName = \"ToolbarToggleItem\";\n\nconst toolbarDividerStyles = tv({\n\tbase: \"h-5 w-px\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"bg-secondary-border\",\n\t\t\thigh: \"bg-inverse-border\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarSeparator = React.forwardRef<React.ElementRef<typeof Divider>, ToolbarSeparatorProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarDividerStyles({ className, focus });\n\t\treturn (\n\t\t\t<ToolbarPrimitive.ToolbarSeparator asChild data-orientation=\"vertical\">\n\t\t\t\t<Divider ref={ref} orientation=\"vertical\" className={styles} {...props} />\n\t\t\t</ToolbarPrimitive.ToolbarSeparator>\n\t\t);\n\t}\n);\n\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nconst toolbarTriggerChevronStyles = tv({\n\tslots: {\n\t\twrapper: \"\",\n\t\tsubtrigger: \"py-0.5\"\n\t},\n\tvariants: {\n\t\tsub: {\n\t\t\ttrue: { wrapper: \"-ml-0.5 px-0.5 py-2\" }\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerChevronProps = ToolbarTriggerProps & {\n\tsub?: boolean;\n};\n\nexport const ToolbarTriggerChevron = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerChevronProps\n>(({ className, children, sub, ...props }, ref) => {\n\tconst styles = toolbarTriggerChevronStyles();\n\n\treturn (\n\t\t<ToolbarTrigger ref={ref} data-stick-left className={styles.wrapper({ className, sub })} {...props}>\n\t\t\t{children}\n\t\t\t<ToolbarSubTrigger className={styles.subtrigger()} />\n\t\t</ToolbarTrigger>\n\t);\n});\n\nToolbarTriggerChevron.displayName = \"ToolbarTriggerChevron \";\n\nconst toolbarTriggerStyles = tv({\n\tbase: \"\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=open]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=open]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerProps = ToolbarButtonProps & {\n\t\"data-state\"?: \"open\" | \"closed\";\n};\n\nexport const ToolbarTrigger = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\n\treturn (\n\t\t<ToolbarButton ref={ref} data-stick-left className={toolbarTriggerStyles({ className, focus })} {...props}>\n\t\t\t{children}\n\t\t</ToolbarButton>\n\t);\n});\n\nToolbarTrigger.displayName = \"ToolbarTrigger\";\n"],"names":["NAME","DEFAULT_ORIENTATION","ORIENTATIONS","Separator","React","props","forwardedRef","decorative","orientationProp","domProps","orientation","isValidOrientation","semanticProps","jsx","Primitive","Root","TOOLBAR_NAME","createToolbarContext","createToolbarScope","createContextScope","createRovingFocusGroupScope","createToggleGroupScope","useRovingFocusGroupScope","useToggleGroupScope","ToolbarProvider","useToolbarContext","Toolbar","__scopeToolbar","dir","loop","toolbarProps","rovingFocusGroupScope","direction","useDirection","RovingFocusGroup.Root","SEPARATOR_NAME","ToolbarSeparator","separatorProps","context","SeparatorPrimitive.Root","BUTTON_NAME","ToolbarButton","buttonProps","RovingFocusGroup.Item","LINK_NAME","ToolbarLink","linkProps","composeEventHandlers","event","TOGGLE_GROUP_NAME","ToolbarToggleGroup","toggleGroupProps","toggleGroupScope","ToggleGroupPrimitive.Root","TOGGLE_ITEM_NAME","ToolbarToggleItem","toggleItemProps","scope","ToggleGroupPrimitive.Item","Root4","ToggleGroup","ToolbarContext","createContext","children","focus","useContext","toolbarStyles","tv","className","ref","styles","ScrollArea","ToolbarPrimitive.Root","toolbarButtonStyles","ToolbarPrimitive.ToolbarButton","toolbarIconStyles","ToolbarIcon","Icon","toolbarTextStyles","ToolbarText","toolbarSubTriggerStyles","ToolbarSubTrigger","icon","ChevronDown","toolbarToggleGroupStyles","ToolbarPrimitive.ToggleGroup","toolbarToggleStyles","ToolbarPrimitive.ToolbarToggleItem","toolbarDividerStyles","ToolbarPrimitive.ToolbarSeparator","Divider","toolbarTriggerChevronStyles","ToolbarTriggerChevron","sub","jsxs","ToolbarTrigger","toolbarTriggerStyles"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,34 @@
+import { TooltipVariants } from './useTooltipContext';
+import { IconVariants } from '../icon/Icon';
+import { LucideIcon } from 'lucide-react';
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & TooltipVariants & {
+    /**
+     * Контейнер для портала. Если не указан, используется хук usePortalContainer
+     * для поиска PortalContainer
+     */
+    portalContainer?: HTMLElement;
+};
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & TooltipVariants & {
+    /**
+     * Контейнер для портала. Если не указан, используется хук usePortalContainer
+     * для поиска PortalContainer
+     */
+    portalContainer?: HTMLElement;
+} & React.RefAttributes<HTMLDivElement>>;
+type TooltipTitleProps = React.HTMLAttributes<HTMLDivElement>;
+declare const TooltipTitle: React.ForwardRefExoticComponent<TooltipTitleProps & React.RefAttributes<HTMLDivElement>>;
+type TooltipTextProps = React.HTMLAttributes<HTMLDivElement>;
+declare const TooltipText: React.ForwardRefExoticComponent<TooltipTextProps & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipIcon: React.ForwardRefExoticComponent< IconVariants & {
+    icon: LucideIcon;
+    className?: string;
+} & React.RefAttributes<SVGSVGElement>>;
+type TooltipShortcutProps = React.HTMLAttributes<HTMLDivElement>;
+declare const TooltipShortcut: React.ForwardRefExoticComponent<TooltipShortcutProps & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipArrow, TooltipProvider, TooltipTitle, TooltipText, TooltipIcon, TooltipShortcut };

package/dist/components/tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TooltipContent } from './Tooltip';
+declare const meta: Meta<typeof TooltipContent>;
+export default meta;
+type Story = StoryObj<typeof TooltipContent>;
+export declare const Default: Story;
+export declare const AlwaysVisible: Story;
+export declare const WithComponents: Story;
+export declare const WithArrow: Story;
+export declare const WithShortcut: Story;
+type PlaygroundArgs = {
+    side: "top" | "right" | "bottom" | "left";
+    sideOffset: number;
+    align: "start" | "center" | "end";
+    focus: "high" | undefined;
+    open?: boolean;
+    showArrow: boolean;
+    content: string;
+};
+export declare const Playground: StoryObj<PlaygroundArgs>;

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

@@ -0,0 +1,3 @@
+export { Tooltip, TooltipProvider, TooltipTrigger, TooltipContent, type TooltipContentProps, TooltipArrow, TooltipTitle, TooltipText, TooltipIcon, TooltipShortcut } from './Tooltip';
+export { useTooltipContext, TooltipContext } from './useTooltipContext';
+export * as TooltipPrimitive from '@radix-ui/react-tooltip';

package/dist/components/tooltip/useTooltipContext.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export type TooltipVariants = {
+    focus?: "high";
+};
+export declare const TooltipContext: React.Context<TooltipVariants>;
+export declare const useTooltipContext: () => TooltipVariants;

package/dist/components/tooltip.d.ts

@@ -0,0 +1,2 @@
+export * from './tooltip/index'
+export {}

package/dist/components/tooltip.js

@@ -0,0 +1,16 @@
+import { T as i, d as T, c as a, i as l, g as p, j as s, a as e, h as r, f as n, e as x, b as c, u as g } from "../Tooltip-C4rVuWr4.js";
+export {
+  i as Tooltip,
+  T as TooltipArrow,
+  a as TooltipContent,
+  l as TooltipContext,
+  p as TooltipIcon,
+  s as TooltipPrimitive,
+  e as TooltipProvider,
+  r as TooltipShortcut,
+  n as TooltipText,
+  x as TooltipTitle,
+  c as TooltipTrigger,
+  g as useTooltipContext
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}