@lazar-ui/kit 0.5.2 → 0.6.1

package/dist/group.d.ts

@@ -0,0 +1,12 @@
+import { default as default_2 } from 'react';
+
+export declare const Group: default_2.FC<IProps>;
+
+export declare interface IProps {
+    /** Group label. */
+    label: string;
+    /** Group items. */
+    children: default_2.ReactNode;
+}
+
+export { }

package/dist/group.js

@@ -0,0 +1,4 @@
+import { G as p } from "./Group-DyDpeqOP.mjs";
+export {
+  p as Group
+};

package/dist/header.d.ts

@@ -0,0 +1,21 @@
+import { default as default_2 } from 'react';
+
+/**
+ * Drawer Header sub-component.
+ *
+ * Renders the title and a close button.
+ * Must be used within a Drawer component.
+ *
+ * @example
+ * ```tsx
+ * <Drawer.Header>
+ *   Drawer Title
+ * </Drawer.Header>
+ * ```
+ */
+export declare const Header: default_2.FC<IHeaderProps>;
+
+export declare interface IHeaderProps extends default_2.PropsWithChildren {
+}
+
+export { }

package/dist/header.js

@@ -0,0 +1,4 @@
+import { H as a } from "./Header-Clhgyr0J.mjs";
+export {
+  a as Header
+};

package/dist/heading.d.ts

@@ -0,0 +1,55 @@
+import { default as default_2 } from 'react';
+
+export declare enum EHeadingColor {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary",
+    DISABLED = "disabled",
+    BRAND = "brand"
+}
+
+export declare enum EHeadingSize {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+
+/**
+ * Heading component. Renders a semantic HTML heading (`h1`–`h6`) with preset
+ * font-size, font-weight, line-height, and optional letter-spacing.
+ *
+ * Each size maps to a predefined set of CSS tokens for consistent typography across the UI.
+ *
+ * @example
+ * ```tsx
+ * <Heading as="h1" size="lg">Page title</Heading>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Heading size="xs" color="secondary">Subtitle</Heading>
+ * ```
+ */
+export declare const Heading: default_2.FC<IHeadingProps>;
+
+export declare interface IHeadingProps extends default_2.PropsWithChildren {
+    /** HTML tag to render. Default: `h2`. */
+    as?: THeadingTag;
+    /** Heading size. Default: `sm`. */
+    size?: THeadingSize;
+    /** Text color token. */
+    color?: THeadingColor;
+    /** Truncate text with ellipsis (single-line). */
+    truncate?: boolean;
+    /** Ref to the root heading element. */
+    ref?: default_2.Ref<HTMLHeadingElement>;
+}
+
+export declare type THeadingColor = `${EHeadingColor}`;
+
+export declare type THeadingSize = `${EHeadingSize}`;
+
+export declare type THeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+export { }

package/dist/heading.js

@@ -0,0 +1,7 @@
+import { H as D } from "./Heading-CL47Fqe7.mjs";
+var t = /* @__PURE__ */ ((r) => (r.XS = "xs", r.SM = "sm", r.MD = "md", r.LG = "lg", r))(t || {}), R = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.SECONDARY = "secondary", r.TERTIARY = "tertiary", r.DISABLED = "disabled", r.BRAND = "brand", r))(R || {});
+export {
+  R as EHeadingColor,
+  t as EHeadingSize,
+  D as Heading
+};

package/dist/input-base.d.ts

@@ -0,0 +1,29 @@
+import { default as default_2 } from 'react';
+
+export declare interface IInputProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'suffix' | 'size' | 'onChange' | 'onBlur' | 'onFocus'> {
+    ref?: default_2.Ref<HTMLInputElement>;
+    invalid?: boolean;
+    size?: TInputSize;
+    before?: default_2.ReactNode;
+    after?: default_2.ReactNode;
+    onChange?: (value: string) => void;
+    onBlur?: (e: default_2.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: default_2.FocusEvent<HTMLInputElement>) => void;
+}
+
+/**
+ * Base Input component. Renders a native `<input>` with support for `before`/`after` slots, sizing, and invalid/disabled states.
+ * All native `<input>` attributes are passed through automatically.
+ *
+ * @example
+ * ```tsx
+ * <Input placeholder="Enter text" />
+ * <Input size="lg" invalid placeholder="Error" />
+ * <Input before={<SearchIcon />} placeholder="Search" />
+ * ```
+ */
+export declare const Input: default_2.FC<IInputProps>;
+
+declare type TInputSize = 'sm' | 'md' | 'lg';
+
+export { }

package/dist/input-base.js

@@ -0,0 +1,4 @@
+import { I as r } from "./InputBase-BHZWQT9-.mjs";
+export {
+  r as Input
+};

package/dist/input.js

@@ -1,59 +1,21 @@
-import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import z from "clsx";
-import { useState as N, useCallback as _ } from "react";
-import { g as S } from "./getVariantClassName-DoCNtwBw.mjs";
+import { I as f, D as m, s as S } from "./InputBase-BHZWQT9-.mjs";
+import { jsx as u } from "react/jsx-runtime";
+import { useState as I, useCallback as d } from "react";
 import { I as Y } from "./Icon-DUCBChX2.mjs";
-import { u as A } from "./useLocale-CJh-krrY.mjs";
-import './input.css';const m = {
-  INPUT: "Input",
-  INPUT_DATE: "InputDate",
-  INPUT_EMAIL: "InputEmail",
-  INPUT_NUMBER: "InputNumber",
-  INPUT_PASSWORD: "InputPassword",
-  INPUT_PHONE: "InputPhone"
-}, E = "_root_8a405_17", U = "_invalid_8a405_36", C = "_disabled_8a405_42", B = "_sizeSm_8a405_56", L = "_sizeMd_8a405_60", k = "_sizeLg_8a405_64", x = "_control_8a405_68", O = "_before_8a405_100", $ = "_after_8a405_101", H = "_togglePassword_8a405_109", p = {
-  root: E,
-  invalid: U,
-  disabled: C,
-  sizeSm: B,
-  sizeMd: L,
-  sizeLg: k,
-  control: x,
-  before: O,
-  after: $,
-  togglePassword: H
-}, f = (s) => {
-  const { ref: e, invalid: t = !1, size: o = "md", before: r, after: n, className: a, onChange: l, onBlur: c, onFocus: u, ...d } = s, g = z(
-    p.root,
-    S("size", o, p),
-    {
-      [p.disabled]: d.disabled === !0,
-      [p.invalid]: t
-    },
-    a
-  ), I = (h) => {
-    l?.(h.target.value);
-  };
-  return /* @__PURE__ */ v("div", { className: g, children: [
-    r && /* @__PURE__ */ i("span", { className: p.before, children: r }),
-    /* @__PURE__ */ i("input", { ref: e, className: p.control, onChange: I, onBlur: c, onFocus: u, ...d }),
-    n && /* @__PURE__ */ i("span", { className: p.after, children: n })
-  ] });
-};
-f.displayName = m.INPUT;
-const R = 8;
-function j(s, e) {
-  const t = s.replace(/\D/g, "").slice(0, R);
-  if (!t)
+import { u as B } from "./useLocale-CJh-krrY.mjs";
+const _ = 8;
+function k(t, e) {
+  const s = t.replace(/\D/g, "").slice(0, _);
+  if (!s)
     return "";
-  const o = e.replace(/[A-Z]/g, "").charAt(0), r = F(e);
+  const o = e.replace(/[A-Z]/g, "").charAt(0), a = v(e);
   let n = "";
-  for (let a = 0; a < t.length; a++)
-    r.has(a) && (n += o), n += t[a];
+  for (let r = 0; r < s.length; r++)
+    a.has(r) && (n += o), n += s[r];
   return n;
 }
-function F(s) {
-  switch (s) {
+function v(t) {
+  switch (t) {
     case "DD/MM/YYYY":
     case "MM/DD/YYYY":
     case "DD.MM.YYYY":
@@ -65,147 +27,147 @@ function F(s) {
       return /* @__PURE__ */ new Set([2, 4]);
   }
 }
-function V(s) {
-  const e = s.replace(/\D/g, "").slice(0, 11);
+function E(t) {
+  const e = t.replace(/\D/g, "").slice(0, 11);
   if (!e)
     return "";
-  let t = "+7";
-  return e.length > 1 && (t += ` (${e.slice(1, 4)}`), e.length >= 4 && (t += `) ${e.slice(4, 7)}`), e.length >= 7 && (t += `-${e.slice(7, 9)}`), e.length >= 9 && (t += `-${e.slice(9, 11)}`), t;
+  let s = "+7";
+  return e.length > 1 && (s += ` (${e.slice(1, 4)}`), e.length >= 4 && (s += `) ${e.slice(4, 7)}`), e.length >= 7 && (s += `-${e.slice(7, 9)}`), e.length >= 9 && (s += `-${e.slice(9, 11)}`), s;
 }
-const W = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function Z(s, e) {
+const T = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+function C(t, e) {
   const o = e.replace(/[A-Z]/g, "").charAt(0);
   if (!o)
     return !1;
-  const r = s.split(o);
-  if (r.length !== 3)
+  const a = t.split(o);
+  if (a.length !== 3)
     return !1;
-  const [n, a, l] = r;
-  if (!n || !a || !l)
+  const [n, r, l] = a;
+  if (!n || !r || !l)
     return !1;
-  let c = 0, u = 0, d = 0;
+  let i = 0, c = 0, p = 0;
   switch (e) {
     case "DD/MM/YYYY":
     case "DD.MM.YYYY":
-      c = parseInt(n, 10), u = parseInt(a, 10), d = parseInt(l, 10);
+      i = parseInt(n, 10), c = parseInt(r, 10), p = parseInt(l, 10);
       break;
     case "MM/DD/YYYY":
     case "MM.DD.YYYY":
-      u = parseInt(n, 10), c = parseInt(a, 10), d = parseInt(l, 10);
+      c = parseInt(n, 10), i = parseInt(r, 10), p = parseInt(l, 10);
       break;
     case "YYYY-MM-DD":
-      c = parseInt(l, 10), u = parseInt(a, 10), d = parseInt(n, 10);
+      i = parseInt(l, 10), c = parseInt(r, 10), p = parseInt(n, 10);
       break;
     default:
       return !1;
   }
-  if (u < 1 || u > 12 || d < 1)
+  if (c < 1 || c > 12 || p < 1)
     return !1;
-  const I = u === 2 && G(d) ? 29 : W[u] ?? 0;
-  return c >= 1 && c <= I;
+  const D = c === 2 && x(p) ? 29 : T[c] ?? 0;
+  return i >= 1 && i <= D;
 }
-function G(s) {
-  return s % 4 === 0 && s % 100 !== 0 || s % 400 === 0;
+function x(t) {
+  return t % 4 === 0 && t % 100 !== 0 || t % 400 === 0;
 }
-function X(s) {
-  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);
+function L(t) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);
 }
-const M = (s) => {
-  const { ref: e, format: t, before: o, value: r, onChange: n, onBlur: a, invalid: l, ...c } = s, [u, d] = N(!1), g = _(
-    (D) => {
-      const T = j(D, t);
-      n?.(T);
+const g = (t) => {
+  const { ref: e, format: s, before: o, value: a, onChange: n, onBlur: r, invalid: l, ...i } = t, [c, p] = I(!1), M = d(
+    (h) => {
+      const A = k(h, s);
+      n?.(A);
     },
-    [t, n]
-  ), I = _(
-    (D) => {
-      d(!0), a?.(D);
+    [s, n]
+  ), D = d(
+    (h) => {
+      p(!0), r?.(h);
     },
-    [a]
-  ), h = l || u && typeof r == "string" && r.length > 0 && !Z(r, t);
-  return /* @__PURE__ */ i(
+    [r]
+  ), P = l || c && typeof a == "string" && a.length > 0 && !C(a, s);
+  return /* @__PURE__ */ u(
     f,
     {
       ref: e,
       type: "text",
       inputMode: "numeric",
-      before: o ?? /* @__PURE__ */ i(Y, { name: "calendar", size: 16 }),
+      before: o ?? /* @__PURE__ */ u(Y, { name: "calendar", size: 16 }),
       maxLength: 10,
-      value: r,
-      onChange: g,
-      onBlur: I,
-      invalid: h,
-      ...c
+      value: a,
+      onChange: M,
+      onBlur: D,
+      invalid: P,
+      ...i
     }
   );
 };
-M.displayName = m.INPUT_DATE;
-const b = (s) => {
-  const { ref: e, before: t, onBlur: o, invalid: r, ...n } = s, [a, l] = N(!1), c = _(
-    (d) => {
-      l(!0), o?.(d);
+g.displayName = m.INPUT_DATE;
+const b = (t) => {
+  const { ref: e, before: s, onBlur: o, invalid: a, ...n } = t, [r, l] = I(!1), i = d(
+    (p) => {
+      l(!0), o?.(p);
     },
     [o]
-  ), u = r || a && n.value != null && !X(n.value);
-  return /* @__PURE__ */ i(
+  ), c = a || r && n.value != null && !L(n.value);
+  return /* @__PURE__ */ u(
     f,
     {
       ref: e,
       type: "email",
-      before: t ?? /* @__PURE__ */ i(Y, { name: "mail", size: 16 }),
-      invalid: u,
-      onBlur: c,
+      before: s ?? /* @__PURE__ */ u(Y, { name: "mail", size: 16 }),
+      invalid: c,
+      onBlur: i,
       ...n
     }
   );
 };
 b.displayName = m.INPUT_EMAIL;
-const P = (s) => {
-  const { ref: e, ...t } = s;
-  return /* @__PURE__ */ i(f, { ref: e, type: "number", inputMode: "numeric", ...t });
+const w = (t) => {
+  const { ref: e, ...s } = t;
+  return /* @__PURE__ */ u(f, { ref: e, type: "number", inputMode: "numeric", ...s });
 };
-P.displayName = m.INPUT_NUMBER;
-const w = (s) => {
-  const { ref: e, after: t, ...o } = s, r = A(), [n, a] = N(!1), l = _(() => a((c) => !c), []);
-  return /* @__PURE__ */ i(
+w.displayName = m.INPUT_NUMBER;
+const y = (t) => {
+  const { ref: e, after: s, ...o } = t, a = B(), [n, r] = I(!1), l = d(() => r((i) => !i), []);
+  return /* @__PURE__ */ u(
     f,
     {
       ref: e,
       type: n ? "text" : "password",
-      after: t ?? /* @__PURE__ */ i(
+      after: s ?? /* @__PURE__ */ u(
         "button",
         {
           type: "button",
-          className: p.togglePassword,
+          className: S.togglePassword,
           onClick: l,
           tabIndex: -1,
-          "aria-label": n ? r.Input.Password.passwordHide : r.Input.Password.passwordShow,
-          children: n ? /* @__PURE__ */ i(Y, { name: "eye-off", size: 16 }) : /* @__PURE__ */ i(Y, { name: "eye", size: 16 })
+          "aria-label": n ? a.Input.Password.passwordHide : a.Input.Password.passwordShow,
+          children: n ? /* @__PURE__ */ u(Y, { name: "eye-off", size: 16 }) : /* @__PURE__ */ u(Y, { name: "eye", size: 16 })
         }
       ),
       ...o
     }
   );
 };
-w.displayName = m.INPUT_PASSWORD;
-const y = (s) => {
-  const { ref: e, before: t, onChange: o, ...r } = s, n = _(
-    (a) => {
-      const l = V(a);
+y.displayName = m.INPUT_PASSWORD;
+const N = (t) => {
+  const { ref: e, before: s, onChange: o, ...a } = t, n = d(
+    (r) => {
+      const l = E(r);
       o?.(l);
     },
     [o]
   );
-  return /* @__PURE__ */ i(f, { ref: e, type: "tel", before: t ?? /* @__PURE__ */ i(Y, { name: "phone", size: 16 }), onChange: n, ...r });
+  return /* @__PURE__ */ u(f, { ref: e, type: "tel", before: s ?? /* @__PURE__ */ u(Y, { name: "phone", size: 16 }), onChange: n, ...a });
 };
-y.displayName = m.INPUT_PHONE;
-const te = Object.assign(f, {
-  Date: M,
+N.displayName = m.INPUT_PHONE;
+const j = Object.assign(f, {
+  Date: g,
   Email: b,
-  Number: P,
-  Password: w,
-  Phone: y
+  Number: w,
+  Password: y,
+  Phone: N
 });
 export {
-  te as Input
+  j as Input
 };

package/dist/item.d.ts

@@ -0,0 +1,42 @@
+import { default as default_2 } from 'react';
+import { IconName } from 'lucide-react/dynamic';
+
+export declare interface IItemProps extends default_2.PropsWithChildren {
+    /** Unique value for accordion control mode. */
+    value?: string;
+    /** Icon name displayed before the title. */
+    icon?: IconName;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Callback when open state changes. */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** Item title text. */
+    title: string;
+}
+
+/**
+ * Accordion item. Must be a direct child of `<Accordion>`.
+ *
+ * Can be used standalone without a `value` prop (multi-select, each item manages
+ * its own open state independently) or with a `value` prop for single-select mode
+ * controlled by the parent Accordion via `defaultValue` or `value` + `onValueChange`.
+ *
+ * @example
+ * // Standalone without `value` (multi-select)
+ * ```tsx
+ * <Accordion.Item title="Settings" icon="settings">
+ *   Settings content
+ * </Accordion.Item>
+ * ```
+ *
+ * @example
+ * // With `value` for single-select
+ * ```tsx
+ * <Accordion.Item value="settings" title="Settings">
+ *   Settings content
+ * </Accordion.Item>
+ * ```
+ */
+export declare const Item: default_2.FC<IItemProps>;
+
+export { }

package/dist/item.js

@@ -0,0 +1,4 @@
+import { I as o } from "./Item-CBYGbEHN.mjs";
+export {
+  o as Item
+};

package/dist/menu.css

@@ -1 +1 @@
-._root_15rud_1{align-items:center;border-radius:var(--dropdown-item-radius);cursor:pointer;display:flex;font-size:var(--dropdown-item-font-size);gap:var(--dropdown-item-gap);outline:none;padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);transition:background-color .1s ease;-webkit-user-select:none;user-select:none}._root_15rud_1:hover{background:var(--lui-color-background-secondary)}._root_15rud_1:focus-visible{background:var(--lui-color-background-secondary)}._root_15rud_1._disabled_15rud_19{color:var(--lui-color-text-disabled);cursor:not-allowed}._root_15rud_1._disabled_15rud_19:hover{background:transparent}._checkbox_15rud_27{align-items:center;border:1.5px solid var(--lui-color-border-primary);border-radius:var(--lui-radius-1);display:inline-flex;flex-shrink:0;height:16px;justify-content:center;transition:all .1s ease;width:16px}._checkbox_15rud_27._checked_15rud_38{background:var(--lui-color-background-brand);border-color:var(--lui-color-background-brand);color:var(--lui-color-text-on-brand)}._label_15rud_44{flex:1;overflow:hidden;text-overflow:ellipsis}:root{--dropdown-min-width: 160px;--dropdown-item-padding-x: var(--lui-space-3);--dropdown-item-padding-y: var(--lui-space-2);--dropdown-item-gap: var(--lui-space-2);--dropdown-item-radius: var(--lui-radius-1);--dropdown-item-font-size: var(--lui-font-size-sm);--dropdown-item-icon-size: 16px;--dropdown-separator-margin: var(--lui-space-1) var(--lui-space-2);--dropdown-group-label-padding: var(--lui-space-2) var(--lui-space-3);--dropdown-group-label-font-size: var(--lui-font-size-xs)}._root_1h0xj_14{min-width:var(--dropdown-min-width);padding:var(--lui-space-1)}._root_dtqrm_1{padding-bottom:var(--lui-space-1);padding-top:var(--lui-space-1)}._root_dtqrm_1+._root_dtqrm_1{border-top:1px solid var(--lui-color-border-primary)}._label_dtqrm_9{color:var(--lui-color-text-tertiary);font-size:var(--dropdown-group-label-font-size);font-weight:var(--lui-font-weight-medium);padding:var(--dropdown-group-label-padding);text-transform:uppercase}._root_5s7ps_1{align-items:center;border-radius:var(--dropdown-item-radius);cursor:pointer;display:flex;font-size:var(--dropdown-item-font-size);gap:var(--dropdown-item-gap);outline:none;padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);transition:background-color .1s ease;-webkit-user-select:none;user-select:none}._root_5s7ps_1:hover{background:var(--lui-color-background-secondary)}._root_5s7ps_1:focus-visible{background:var(--lui-color-background-secondary)}._root_5s7ps_1._disabled_5s7ps_19{color:var(--lui-color-text-disabled);cursor:not-allowed}._root_5s7ps_1._disabled_5s7ps_19:hover{background:transparent}._root_5s7ps_1._danger_5s7ps_26{color:var(--lui-color-background-error)}._root_5s7ps_1._danger_5s7ps_26:hover{background:color-mix(in sRGB,var(--lui-color-background-error) 8%,transparent)}._icon_5s7ps_33{align-items:center;color:var(--lui-color-text-tertiary);display:inline-flex;flex-shrink:0;height:var(--dropdown-item-icon-size);justify-content:center;width:var(--dropdown-item-icon-size)}._label_5s7ps_43{flex:1;overflow:hidden;text-overflow:ellipsis}._root_16pgq_1{background:var(--lui-color-border-primary);border:none;height:1px;margin:var(--dropdown-separator-margin)}
+._root_15rud_1{align-items:center;border-radius:var(--dropdown-item-radius);cursor:pointer;display:flex;font-size:var(--dropdown-item-font-size);gap:var(--dropdown-item-gap);outline:none;padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);transition:background-color .1s ease;-webkit-user-select:none;user-select:none}._root_15rud_1:hover{background:var(--lui-color-background-secondary)}._root_15rud_1:focus-visible{background:var(--lui-color-background-secondary)}._root_15rud_1._disabled_15rud_19{color:var(--lui-color-text-disabled);cursor:not-allowed}._root_15rud_1._disabled_15rud_19:hover{background:transparent}._checkbox_15rud_27{align-items:center;border:1.5px solid var(--lui-color-border-primary);border-radius:var(--lui-radius-1);display:inline-flex;flex-shrink:0;height:16px;justify-content:center;transition:all .1s ease;width:16px}._checkbox_15rud_27._checked_15rud_38{background:var(--lui-color-background-brand);border-color:var(--lui-color-background-brand);color:var(--lui-color-text-on-brand)}._label_15rud_44{flex:1;overflow:hidden;text-overflow:ellipsis}:root{--dropdown-min-width: 160px;--dropdown-item-padding-x: var(--lui-space-3);--dropdown-item-padding-y: var(--lui-space-2);--dropdown-item-gap: var(--lui-space-2);--dropdown-item-radius: var(--lui-radius-1);--dropdown-item-font-size: var(--lui-font-size-sm);--dropdown-item-icon-size: 16px;--dropdown-separator-margin: var(--lui-space-1) var(--lui-space-2);--dropdown-group-label-padding: var(--lui-space-2) var(--lui-space-3);--dropdown-group-label-font-size: var(--lui-font-size-xs)}._root_1h0xj_14{min-width:var(--dropdown-min-width);padding:var(--lui-space-1)}._root_5s7ps_1{align-items:center;border-radius:var(--dropdown-item-radius);cursor:pointer;display:flex;font-size:var(--dropdown-item-font-size);gap:var(--dropdown-item-gap);outline:none;padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);transition:background-color .1s ease;-webkit-user-select:none;user-select:none}._root_5s7ps_1:hover{background:var(--lui-color-background-secondary)}._root_5s7ps_1:focus-visible{background:var(--lui-color-background-secondary)}._root_5s7ps_1._disabled_5s7ps_19{color:var(--lui-color-text-disabled);cursor:not-allowed}._root_5s7ps_1._disabled_5s7ps_19:hover{background:transparent}._root_5s7ps_1._danger_5s7ps_26{color:var(--lui-color-background-error)}._root_5s7ps_1._danger_5s7ps_26:hover{background:color-mix(in sRGB,var(--lui-color-background-error) 8%,transparent)}._icon_5s7ps_33{align-items:center;color:var(--lui-color-text-tertiary);display:inline-flex;flex-shrink:0;height:var(--dropdown-item-icon-size);justify-content:center;width:var(--dropdown-item-icon-size)}._label_5s7ps_43{flex:1;overflow:hidden;text-overflow:ellipsis}