@acronis-platform/ui-react 0.25.2 → 0.28.0

package/dist/react.js

@@ -1,22 +1,24 @@
 import { cn as a } from "./lib/utils.js";
 import { Avatar as t, AvatarFallback as i, AvatarGroup as n, AvatarImage as d, avatarVariants as S } from "./components/ui/avatar/avatar.js";
-import { Breadcrumb as m, BreadcrumbEllipsis as c, BreadcrumbItem as u, BreadcrumbLink as p, BreadcrumbList as l, BreadcrumbPage as y, BreadcrumbSeparator as x } from "./components/ui/breadcrumb/breadcrumb.js";
-import { Button as f, buttonVariants as g } from "./components/ui/button/button.js";
-import { ButtonDropdown as P, buttonDropdownVariants as M } from "./components/ui/button-dropdown/button-dropdown.js";
-import { Checkbox as T } from "./components/ui/checkbox/checkbox.js";
-import { Radio as V, RadioGroup as v } from "./components/ui/radio/radio.js";
-import { Input as A } from "./components/ui/input/input.js";
-import { InputTextArea as h } from "./components/ui/input-text-area/input-text-area.js";
-import { Search as k } from "./components/ui/search/search.js";
-import { SearchGlobal as z } from "./components/ui/search-global/search-global.js";
-import { Select as F, SelectContent as H, SelectGroup as D, SelectGroupLabel as j, SelectItem as q, SelectTrigger as J, SelectValue as K } from "./components/ui/select/select.js";
-import { ResizableHandle as O, ResizablePanel as Q, ResizablePanelGroup as U } from "./components/ui/resizable/resizable.js";
-import { SidebarPrimary as X, SidebarPrimaryCollapseTrigger as Y, SidebarPrimaryContent as Z, SidebarPrimaryFooter as _, SidebarPrimaryHeader as $, SidebarPrimaryMenu as rr, SidebarPrimaryMenuItem as er, SidebarPrimaryMenuItemExtras as ar, SidebarPrimarySection as or, sidebarPrimaryMenuItemVariants as tr } from "./components/ui/sidebar-primary/sidebar-primary.js";
-import { SidebarSecondary as nr, SidebarSecondaryCollapseTrigger as dr, SidebarSecondaryCollapsedBreadcrumb as Sr, SidebarSecondaryContent as br, SidebarSecondaryFooter as mr, SidebarSecondaryHeader as cr, SidebarSecondaryMenu as ur, SidebarSecondaryMenuItem as pr, SidebarSecondaryMenuItemExtras as lr, SidebarSecondaryMenuSub as yr, SidebarSecondaryMenuSubContent as xr, SidebarSecondaryMenuSubItem as sr, SidebarSecondaryMenuSubTrigger as fr, SidebarSecondarySection as gr, SidebarSecondarySectionLabel as Ir, sidebarSecondaryMenuItemVariants as Pr } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
-import { ButtonIcon as Br, buttonIconVariants as Tr } from "./components/ui/button-icon/button-icon.js";
-import { Switch as Vr } from "./components/ui/switch/switch.js";
-import { Tooltip as Gr, TooltipContent as Ar, TooltipProvider as Rr, TooltipTrigger as hr } from "./components/ui/tooltip/tooltip.js";
-import { Tag as kr, tagVariants as wr } from "./components/ui/tag/tag.js";
+import { Breadcrumb as m, BreadcrumbEllipsis as c, BreadcrumbItem as u, BreadcrumbLink as p, BreadcrumbList as l, BreadcrumbPage as x, BreadcrumbSeparator as y } from "./components/ui/breadcrumb/breadcrumb.js";
+import { Button as s, buttonVariants as I } from "./components/ui/button/button.js";
+import { ButtonMenu as M, buttonMenuVariants as P } from "./components/ui/button-menu/button-menu.js";
+import { CardFilter as B, cardFilterVariants as C } from "./components/ui/card-filter/card-filter.js";
+import { Checkbox as v } from "./components/ui/checkbox/checkbox.js";
+import { Radio as A, RadioGroup as F } from "./components/ui/radio/radio.js";
+import { Input as h } from "./components/ui/input/input.js";
+import { InputText as k } from "./components/ui/input-text/input-text.js";
+import { InputTextArea as E } from "./components/ui/input-text-area/input-text-area.js";
+import { Search as w } from "./components/ui/search/search.js";
+import { SearchGlobal as q } from "./components/ui/search-global/search-global.js";
+import { Select as J, SelectContent as K, SelectGroup as N, SelectGroupLabel as O, SelectItem as Q, SelectTrigger as U, SelectValue as W } from "./components/ui/select/select.js";
+import { ResizableHandle as Y, ResizablePanel as Z, ResizablePanelGroup as _ } from "./components/ui/resizable/resizable.js";
+import { SidebarPrimary as rr, SidebarPrimaryCollapseTrigger as er, SidebarPrimaryContent as ar, SidebarPrimaryFooter as or, SidebarPrimaryHeader as tr, SidebarPrimaryMenu as ir, SidebarPrimaryMenuItem as nr, SidebarPrimaryMenuItemExtras as dr, SidebarPrimarySection as Sr, sidebarPrimaryMenuItemVariants as br } from "./components/ui/sidebar-primary/sidebar-primary.js";
+import { SidebarSecondary as cr, SidebarSecondaryCollapseTrigger as ur, SidebarSecondaryCollapsedBreadcrumb as pr, SidebarSecondaryContent as lr, SidebarSecondaryFooter as xr, SidebarSecondaryHeader as yr, SidebarSecondaryMenu as fr, SidebarSecondaryMenuItem as sr, SidebarSecondaryMenuItemExtras as Ir, SidebarSecondaryMenuSub as gr, SidebarSecondaryMenuSubContent as Mr, SidebarSecondaryMenuSubItem as Pr, SidebarSecondaryMenuSubTrigger as Tr, SidebarSecondarySection as Br, SidebarSecondarySectionLabel as Cr, sidebarSecondaryMenuItemVariants as Vr } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
+import { ButtonIcon as Gr, buttonIconVariants as Ar } from "./components/ui/button-icon/button-icon.js";
+import { Switch as Rr } from "./components/ui/switch/switch.js";
+import { Tooltip as Lr, TooltipContent as kr, TooltipProvider as zr, TooltipTrigger as Er } from "./components/ui/tooltip/tooltip.js";
+import { Tag as wr, tagVariants as jr } from "./components/ui/tag/tag.js";
 export {
   t as Avatar,
   i as AvatarFallback,
@@ -27,65 +29,68 @@ export {
   u as BreadcrumbItem,
   p as BreadcrumbLink,
   l as BreadcrumbList,
-  y as BreadcrumbPage,
-  x as BreadcrumbSeparator,
-  f as Button,
-  P as ButtonDropdown,
-  Br as ButtonIcon,
-  T as Checkbox,
-  A as Input,
-  h as InputTextArea,
-  V as Radio,
-  v as RadioGroup,
-  O as ResizableHandle,
-  Q as ResizablePanel,
-  U as ResizablePanelGroup,
-  k as Search,
-  z as SearchGlobal,
-  F as Select,
-  H as SelectContent,
-  D as SelectGroup,
-  j as SelectGroupLabel,
-  q as SelectItem,
-  J as SelectTrigger,
-  K as SelectValue,
-  X as SidebarPrimary,
-  Y as SidebarPrimaryCollapseTrigger,
-  Z as SidebarPrimaryContent,
-  _ as SidebarPrimaryFooter,
-  $ as SidebarPrimaryHeader,
-  rr as SidebarPrimaryMenu,
-  er as SidebarPrimaryMenuItem,
-  ar as SidebarPrimaryMenuItemExtras,
-  or as SidebarPrimarySection,
-  nr as SidebarSecondary,
-  dr as SidebarSecondaryCollapseTrigger,
-  Sr as SidebarSecondaryCollapsedBreadcrumb,
-  br as SidebarSecondaryContent,
-  mr as SidebarSecondaryFooter,
-  cr as SidebarSecondaryHeader,
-  ur as SidebarSecondaryMenu,
-  pr as SidebarSecondaryMenuItem,
-  lr as SidebarSecondaryMenuItemExtras,
-  yr as SidebarSecondaryMenuSub,
-  xr as SidebarSecondaryMenuSubContent,
-  sr as SidebarSecondaryMenuSubItem,
-  fr as SidebarSecondaryMenuSubTrigger,
-  gr as SidebarSecondarySection,
-  Ir as SidebarSecondarySectionLabel,
-  Vr as Switch,
-  kr as Tag,
-  Gr as Tooltip,
-  Ar as TooltipContent,
-  Rr as TooltipProvider,
-  hr as TooltipTrigger,
+  x as BreadcrumbPage,
+  y as BreadcrumbSeparator,
+  s as Button,
+  Gr as ButtonIcon,
+  M as ButtonMenu,
+  B as CardFilter,
+  v as Checkbox,
+  h as Input,
+  k as InputText,
+  E as InputTextArea,
+  A as Radio,
+  F as RadioGroup,
+  Y as ResizableHandle,
+  Z as ResizablePanel,
+  _ as ResizablePanelGroup,
+  w as Search,
+  q as SearchGlobal,
+  J as Select,
+  K as SelectContent,
+  N as SelectGroup,
+  O as SelectGroupLabel,
+  Q as SelectItem,
+  U as SelectTrigger,
+  W as SelectValue,
+  rr as SidebarPrimary,
+  er as SidebarPrimaryCollapseTrigger,
+  ar as SidebarPrimaryContent,
+  or as SidebarPrimaryFooter,
+  tr as SidebarPrimaryHeader,
+  ir as SidebarPrimaryMenu,
+  nr as SidebarPrimaryMenuItem,
+  dr as SidebarPrimaryMenuItemExtras,
+  Sr as SidebarPrimarySection,
+  cr as SidebarSecondary,
+  ur as SidebarSecondaryCollapseTrigger,
+  pr as SidebarSecondaryCollapsedBreadcrumb,
+  lr as SidebarSecondaryContent,
+  xr as SidebarSecondaryFooter,
+  yr as SidebarSecondaryHeader,
+  fr as SidebarSecondaryMenu,
+  sr as SidebarSecondaryMenuItem,
+  Ir as SidebarSecondaryMenuItemExtras,
+  gr as SidebarSecondaryMenuSub,
+  Mr as SidebarSecondaryMenuSubContent,
+  Pr as SidebarSecondaryMenuSubItem,
+  Tr as SidebarSecondaryMenuSubTrigger,
+  Br as SidebarSecondarySection,
+  Cr as SidebarSecondarySectionLabel,
+  Rr as Switch,
+  wr as Tag,
+  Lr as Tooltip,
+  kr as TooltipContent,
+  zr as TooltipProvider,
+  Er as TooltipTrigger,
   S as avatarVariants,
-  M as buttonDropdownVariants,
-  Tr as buttonIconVariants,
-  g as buttonVariants,
+  Ar as buttonIconVariants,
+  P as buttonMenuVariants,
+  I as buttonVariants,
+  C as cardFilterVariants,
   a as cn,
-  tr as sidebarPrimaryMenuItemVariants,
-  Pr as sidebarSecondaryMenuItemVariants,
-  wr as tagVariants
+  br as sidebarPrimaryMenuItemVariants,
+  Vr as sidebarSecondaryMenuItemVariants,
+  jr as tagVariants
 };
 //# sourceMappingURL=react.js.map

package/dist/react.js.map

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

package/dist/src/components/ui/{button-dropdown/button-dropdown.d.ts → button-menu/button-menu.d.ts}

@@ -1,10 +1,10 @@
 import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-declare const buttonDropdownVariants: (props?: ({
+declare const buttonMenuVariants: (props?: ({
     variant?: "secondary" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ButtonDropdownProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonDropdownVariants> {
+export interface ButtonMenuProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonMenuVariants> {
     /**
      * Whether the associated menu is open. Flips the trailing chevron
      * (down → up), applies the open (`*-active`) treatment, and reflects
@@ -25,5 +25,5 @@ export interface ButtonDropdownProps extends Omit<React.ButtonHTMLAttributes<HTM
  * points up while `open`. Pair it with the menu/popover it controls and keep
  * the `open` prop in sync.
  */
-declare const ButtonDropdown: React.ForwardRefExoticComponent<ButtonDropdownProps & React.RefAttributes<HTMLButtonElement>>;
-export { ButtonDropdown, buttonDropdownVariants };
+declare const ButtonMenu: React.ForwardRefExoticComponent<ButtonMenuProps & React.RefAttributes<HTMLButtonElement>>;
+export { ButtonMenu, buttonMenuVariants };

package/dist/src/components/ui/button-menu/index.d.ts

@@ -0,0 +1 @@
+export { ButtonMenu, buttonMenuVariants, type ButtonMenuProps, } from './button-menu';

package/dist/src/components/ui/card-filter/card-filter.d.ts

@@ -0,0 +1,27 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const cardFilterVariants: (props?: ({
+    variant?: "static" | "static-empty" | "clickable" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface CardFilterProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'>, VariantProps<typeof cardFilterVariants> {
+    /** Caption shown above the value. */
+    label?: React.ReactNode;
+    /** The large value. Ignored for `variant="static-empty"` (shows an em-dash). */
+    value?: React.ReactNode;
+    /** Optional leading icon (16px) rendered before the value. Hidden for `static-empty`. */
+    icon?: React.ReactNode;
+    /**
+     * Replace the rendered element (`<button>` for `clickable`, otherwise `<div>`)
+     * with another element or component (Base UI composition) — e.g. a router link
+     * for a clickable filter. The component's props and class names are merged onto it.
+     */
+    render?: useRender.RenderProp;
+}
+/**
+ * A compact stat/filter card: a label, an optional icon, and a prominent value.
+ * Use `variant="clickable"` for a filter the user can activate (renders a button);
+ * `static` / `static-empty` are presentational.
+ */
+declare const CardFilter: React.ForwardRefExoticComponent<CardFilterProps & React.RefAttributes<HTMLElement>>;
+export { CardFilter, cardFilterVariants };

package/dist/src/components/ui/card-filter/index.d.ts

@@ -0,0 +1 @@
+export { CardFilter, cardFilterVariants, type CardFilterProps } from './card-filter';

package/dist/src/components/ui/input-text/index.d.ts

@@ -0,0 +1 @@
+export { InputText, type InputTextProps } from './input-text';

package/dist/src/components/ui/input-text/input-text.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface InputTextProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'children'> {
+    /** Field label, rendered above the input. */
+    label?: React.ReactNode;
+    /** Marks the field required — appends a `*` after the label. */
+    required?: boolean;
+    /** Helper text below the input. Hidden while `error` is set. */
+    description?: React.ReactNode;
+    /**
+     * Error message below the input. Its presence switches the field to the error
+     * treatment (red box border + red message).
+     */
+    error?: React.ReactNode;
+    /** Show a clear (✕) button while the (controlled) field has a value. */
+    clearable?: boolean;
+    /** Called when the clear button is activated. */
+    onClear?: () => void;
+}
+declare const InputText: React.ForwardRefExoticComponent<InputTextProps & React.RefAttributes<HTMLInputElement>>;
+export { InputText };

package/dist/src/index.d.ts

@@ -2,10 +2,12 @@ export { cn } from './lib/utils';
 export * from './components/ui/avatar';
 export * from './components/ui/breadcrumb';
 export * from './components/ui/button';
-export * from './components/ui/button-dropdown';
+export * from './components/ui/button-menu';
+export * from './components/ui/card-filter';
 export * from './components/ui/checkbox';
 export * from './components/ui/radio';
 export * from './components/ui/input';
+export * from './components/ui/input-text';
 export * from './components/ui/input-text-area';
 export * from './components/ui/search';
 export * from './components/ui/search-global';