@1771technologies/lytenyte-pro 0.0.45 → 0.0.47

package/dist/column-manager.js

@@ -8,16 +8,17 @@ import { useRef, useState, useEffect, useCallback, useMemo, createContext, useCo
 import "@1771technologies/react-dragon";
 import "@1771technologies/grid-core";
 import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
-import { g as useEdgeScroll, h as useDraggable, c as canAgg, a as canMeasure, f as useDroppable, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, P as Pill, M as MenuTrigger, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-kmmX-uXO.js";
+import { g as useEdgeScroll, h as useDraggable, c as canAgg, a as canMeasure, f as useDroppable, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, P as Pill, M as MenuTrigger, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-BkFH8z9v.js";
 import { A as ArrowRightIcon } from "./tickmark-icon-CoogRMoO.js";
 import { A as ArrowDownIcon } from "./arrow-down-icon-B-3ldODD.js";
 import { D as DragIcon, M as MeasuresIcon, C as ColumnPivotIcon, R as RowGroupIcon } from "./row-group-icon-D8JA6sh9.js";
 import { createPortal } from "react-dom";
 import { D as DragGroupIcon, S as SearchIcon } from "./search-icon-CcG1lqsn.js";
+import { S as Separator } from "./separator-BnPPeAk8.js";
 import { M as MoreDotsIcon } from "./more-dots-icon-CzAH3xHG.js";
 import { C as CrossIcon } from "./cross-icon-CEMLAlFX.js";
 import { M as MenuRoot, a as MenuPortal } from "./column-menu-driver-cG-EZgLa.js";
-import { M as MenuPositioner } from "./menu-DZPgW8X5.js";
+import { M as MenuPositioner } from "./menu-DvnPbFP7.js";
 function Sizer({
   children,
   onSizeChange,
@@ -1019,22 +1020,6 @@ function EmtpyDefault({ source }) {
     /* @__PURE__ */ jsx("div", { className: "lng1771-column-manager__empty-default-label", children: label })
   ] });
 }
-function Separator(props) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "separator",
-      "aria-orientation": props.dir,
-      className: clsx(
-        props.dir === "horizontal" && "lng1771-separator--horizontal",
-        props.dir === "vertical" && "lng1771-separator--vertical",
-        props.soft && "lng1771-separator--soft",
-        props.className
-      ),
-      style: props.style
-    }
-  );
-}
 const context = createContext({});
 const useComponents = () => useContext(context);
 const ColumnMangerContextProvider = context.Provider;

package/dist/filter-manager.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, createContext, useContext, useMemo, forwardRef } from "react";
 import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
-import { S as Select } from "./select-qluHi8ET.js";
+import { S as Select } from "./select-CN-kFW8a.js";
 import { I as Input, C as Checkbox } from "./drag-store-CO3z13Ju.js";
 import "@1771technologies/react-sizer";
 import "@1771technologies/react-utils";

package/dist/index.js

@@ -2763,7 +2763,14 @@ function GridFrame({
             axe: axe ?? splitPaneAxe,
             orientation: "vertical",
             primary: /* @__PURE__ */ jsx("div", { className: "lng1771-grid-frame__grid-area", children }),
-            secondary: /* @__PURE__ */ jsx(Sizer, { className: "lng1771-grid-frame__open-panel", children: /* @__PURE__ */ jsx(frame.component, { api, frame }) }),
+            secondary: /* @__PURE__ */ jsx(Sizer, { className: "lng1771-grid-frame__open-panel", children: /* @__PURE__ */ jsx(
+              frame.component,
+              {
+                api,
+                frame,
+                context: state.internal.panelFrameContext.peek()
+              }
+            ) }),
             split: frame ? frameSplit : 100,
             onSplitChange: (n2) => setFrameSplit(n2),
             min: 20,
@@ -3217,6 +3224,7 @@ function DialogDriver() {
   const grid = useGrid$1();
   const frames = grid.state.dialogFrames.use();
   const frameId = grid.state.internal.dialogFrameOpen.use();
+  const context2 = grid.state.internal.dialogFrameContext.use();
   const frame = frameId ? frames[frameId] : null;
   const [open, setOpen] = useState(false);
   useEffect(() => {
@@ -3234,7 +3242,7 @@ function DialogDriver() {
       onOpenChangeComplete: (c) => {
         if (!c) grid.api.dialogFrameClose();
       },
-      children: /* @__PURE__ */ jsx(DialogPortal, { children: frame && /* @__PURE__ */ jsx(frame.component, { api: grid.api, frame }) })
+      children: /* @__PURE__ */ jsx(DialogPortal, { children: frame && /* @__PURE__ */ jsx(frame.component, { api: grid.api, frame, context: context2 }) })
     }
   );
 }
@@ -3535,6 +3543,7 @@ function PopoverDriver() {
   const frames = grid.state.popoverFrames.use();
   const frameId = grid.state.internal.popoverFrameOpen.use();
   const frameBB = grid.state.internal.popoverFrameBB.use();
+  const frameContext = grid.state.internal.popoverFrameContext.use();
   const frame = frameId ? frames[frameId] : null;
   const [open, setOpen] = useState(false);
   useEffect(() => {
@@ -3552,7 +3561,7 @@ function PopoverDriver() {
       onOpenChangeComplete: (c) => {
         if (!c) grid.api.popoverFrameClose();
       },
-      children: /* @__PURE__ */ jsx(AnchorProvider, { anchor: frameBB, children: /* @__PURE__ */ jsx(PopoverPortal, { children: frame && frameBB && /* @__PURE__ */ jsx(frame.component, { api: grid.api, frame }) }) })
+      children: /* @__PURE__ */ jsx(AnchorProvider, { anchor: frameBB, children: /* @__PURE__ */ jsx(PopoverPortal, { children: frame && frameBB && /* @__PURE__ */ jsx(frame.component, { api: grid.api, frame, context: frameContext }) }) })
     }
   );
 }
@@ -3561,6 +3570,7 @@ function MenuFrameDriver() {
   const frames = grid.state.menuFrames.use();
   const frameId = grid.state.internal.menuFrameOpen.use();
   const frameBB = grid.state.internal.menuFrameBB.use();
+  const context2 = grid.state.internal.menuFrameContext.use();
   const frame = frameId ? frames[frameId] : null;
   const [open, setOpen] = useState(false);
   useEffect(() => {
@@ -3578,7 +3588,7 @@ function MenuFrameDriver() {
       onOpenChangeComplete: (c) => {
         if (!c) grid.api.menuFrameClose();
       },
-      children: /* @__PURE__ */ jsx(AnchorProvider, { anchor: frameBB, children: /* @__PURE__ */ jsx(MenuPortal, { children: frame && frameBB && /* @__PURE__ */ jsx(frame.component, { api: grid.api, frame }) }) })
+      children: /* @__PURE__ */ jsx(AnchorProvider, { anchor: frameBB, children: /* @__PURE__ */ jsx(MenuPortal, { children: frame && frameBB && /* @__PURE__ */ jsx(frame.component, { api: grid.api, frame, context: context2 }) }) })
     }
   );
 }

package/dist/lytenyte-pro.css

@@ -546,6 +546,9 @@ INPUT
 
   transition: opacity 150ms;
 
+  color: var(--lng1771-gray-80);
+  font-family: var(--lng1771-typeface);
+
   &:focus {
     outline: none;
   }
@@ -836,6 +839,7 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   position: fixed;
   top: 0px;
   left: 0px;
+  z-index: 100;
   pointer-events: none;
 }
 
@@ -944,6 +948,9 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   position: fixed;
   z-index: 100;
 
+  color: var(--lng1771-gray-80);
+  font-family: var(--lng1771-typeface);
+
   top: 20%;
   left: 50%;
   transform: translate(-50%, -50%);
@@ -987,6 +994,9 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   border-radius: 6px;
   height: 28px;
 
+  color: var(--lng1771-gray-80);
+  font-family: var(--lng1771-typeface);
+
   &:hover {
     background-color: var(--lng1771-gray-05);
   }
@@ -1000,6 +1010,7 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
 .lng1771-select__value {
   flex: 1;
 }
+
 .lng1771-select__trigger {
   padding: 0px;
   display: flex;
@@ -1019,6 +1030,8 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
     0px 3px 13px 0px rgba(30, 30, 41, 0.1);
   width: var(--anchor-width);
 
+  z-index: 100;
+
   &:focus {
     outline: none;
   }
@@ -1057,11 +1070,30 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   }
 }
 
+.lng1771-select__item-indicator {
+  color: var(--lng1771-primary-50);
+}
+
 .lng1771-select__item-text {
   color: var(--lng1771-gray-80);
   user-select: none;
   font-size: 14px;
 }
+.lng1771-separator--horizontal {
+  width: 100%;
+  height: 1px;
+  background-color: var(--lng1771-gray-30);
+}
+
+.lng1771-separator--vertical {
+  width: 1px;
+  height: 100%;
+  background-color: var(--lng1771-gray-30);
+}
+
+.lng1771-separator--soft {
+  background-color: var(--lng1771-gray-20);
+}
 .lng1771-sort-manager__button {
   background-color: transparent;
   border: none;
@@ -1097,6 +1129,9 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
 
   transition: opacity 150ms;
 
+  color: var(--lng1771-gray-80);
+  font-family: var(--lng1771-typeface);
+
   &:focus {
     outline: none;
   }
@@ -1221,6 +1256,7 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   top: 0px;
   left: 0px;
   pointer-events: none;
+  z-index: 100;
 }
 
 .lng1771-column-manager__drag-placeholder--default {
@@ -1294,7 +1330,7 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   min-width: 260px;
   border-radius: 6px;
   border: 1px solid var(--lng1771-gray-30);
-  background-color: var(--lng1771-gray-05);
+  background-color: var(--lng1771-gray-02);
 
   &[data-drop-visible="true"] {
     border-style: dashed;
@@ -1453,21 +1489,6 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   font-weight: 400;
   line-height: 17px;
 }
-.lng1771-separator--horizontal {
-  width: 100%;
-  height: 1px;
-  background-color: var(--lng1771-gray-30);
-}
-
-.lng1771-separator--vertical {
-  width: 1px;
-  height: 100%;
-  background-color: var(--lng1771-gray-30);
-}
-
-.lng1771-separator--soft {
-  background-color: var(--lng1771-gray-20);
-}
 .lng1771-toggle {
   position: relative;
   width: 26px;

package/dist/{menu-DZPgW8X5.js → menu-DvnPbFP7.js}

@@ -1831,6 +1831,10 @@ const MenuCheckboxItem2 = forwardRef(function CheckboxItem({ className, ...props
   const cl = useMenuClassName("lng1771-menu__checkbox-item", className);
   return /* @__PURE__ */ jsx(MenuCheckboxItem$1, { ...props, ref, className: cl });
 });
+const SubMenuPositioner = forwardRef(function SubMenuPositioner2({ className, ...props }, ref) {
+  const cl = useMenuClassName("lng1771-menu__submenu-positioner", className);
+  return /* @__PURE__ */ jsx(MenuPositioner$1, { ...props, ref, className: cl });
+});
 const MenuPositioner2 = forwardRef(function MenuPositioner22({ className, ...props }, ref) {
   const cl = useMenuClassName("lng1771-menu__positioner", className);
   const target = useAnchor();
@@ -1862,6 +1866,7 @@ const Menu = {
   Container: MenuContainer,
   Submenu: MenuSubmenu,
   SubmenuTrigger: MenuSubmenuTrigger,
+  SubMenuPositioner,
   Item: MenuItem2,
   Separator: MenuSeparator,
   Group: MenuGroup2,

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { a } from "./menu-DZPgW8X5.js";
+import { a } from "./menu-DvnPbFP7.js";
 export {
   a as Menu
 };

package/dist/{pill-kmmX-uXO.js → pill-BkFH8z9v.js}

@@ -9,7 +9,7 @@ import { o as ownerDocument, c as useGrid } from "./useScrollLock-D4UY33Sb.js";
 import { g as getPseudoElementBounds } from "./getPseudoElementBounds-BSHt6WYm.js";
 import { u as useMenuRootContext } from "./column-menu-driver-cG-EZgLa.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as Menu } from "./menu-DZPgW8X5.js";
+import { a as Menu } from "./menu-DvnPbFP7.js";
 const toJSON = () => "";
 function getVisibleBoundingBox(element) {
   if (!element) return null;

package/dist/pill-manager.js

@@ -3,7 +3,7 @@ import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
 import { useMemo, createContext, useState, useContext, forwardRef, useEffect, useCallback } from "react";
 import { clsx } from "@1771technologies/js-utils";
 import { useDroppable as useDroppable$1 } from "@1771technologies/react-dragon";
-import { c as canAgg, a as canMeasure, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, f as useDroppable, g as useEdgeScroll, P as Pill, M as MenuTrigger, h as useDraggable, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-kmmX-uXO.js";
+import { c as canAgg, a as canMeasure, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, f as useDroppable, g as useEdgeScroll, P as Pill, M as MenuTrigger, h as useDraggable, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-BkFH8z9v.js";
 import { u as useDragStore, a as useDrag, D as DragProvider } from "./drag-store-CO3z13Ju.js";
 import "@1771technologies/react-sizer";
 import { useCombinedRefs } from "@1771technologies/react-utils";
@@ -12,7 +12,7 @@ import "@1771technologies/grid-core";
 import { D as DragIcon, M as MeasuresIcon, C as ColumnPivotIcon, R as RowGroupIcon } from "./row-group-icon-D8JA6sh9.js";
 import { M as MoreDotsIcon } from "./more-dots-icon-CzAH3xHG.js";
 import { M as MenuRoot, a as MenuPortal } from "./column-menu-driver-cG-EZgLa.js";
-import { M as MenuPositioner } from "./menu-DZPgW8X5.js";
+import { M as MenuPositioner } from "./menu-DvnPbFP7.js";
 import { M as ManageColumnsIcon, C as CollapseIcon, E as ExpandIcon } from "./manage-columns-icon-D4CElo5H.js";
 import { createPortal } from "react-dom";
 function useColumnSource(source) {

package/dist/{select-qluHi8ET.js → select-CN-kFW8a.js}

@@ -2193,6 +2193,13 @@ function Select({
   onSelect,
   options,
   placeholder,
+  triggerClassName,
+  triggerValueClassName,
+  triggerIconClassName,
+  popupClassName,
+  itemClassName,
+  itemIndicatorClassName,
+  itemTextClassName,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
@@ -2206,21 +2213,39 @@ function Select({
       },
       alignItemToTrigger: false,
       children: [
-        /* @__PURE__ */ jsxs(SelectTrigger, { ...props, className: "lng1771-select", children: [
+        /* @__PURE__ */ jsxs(SelectTrigger, { ...props, className: clsx("lng1771-select", triggerClassName), children: [
           /* @__PURE__ */ jsx(
             SelectValue,
             {
-              className: clsx("lng1771-select__value", !selected && "lng1771-select__value--no-value"),
+              className: clsx(
+                "lng1771-select__value",
+                !selected && "lng1771-select__value--no-value",
+                triggerValueClassName
+              ),
               placeholder
             }
           ),
-          /* @__PURE__ */ jsx(SelectIcon, { className: "lng1771-select__trigger", children: /* @__PURE__ */ jsx(ArrowDownIcon, {}) })
+          /* @__PURE__ */ jsx(SelectIcon, { className: clsx("lng1771-select__trigger", triggerIconClassName), children: /* @__PURE__ */ jsx(ArrowDownIcon, {}) })
         ] }),
-        /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsx(SelectPositioner, { sideOffset: 8, children: /* @__PURE__ */ jsx(SelectPopup, { className: "lng1771-select__popup", children: options.map((c) => {
-          return /* @__PURE__ */ jsxs(SelectItem, { value: c.value, className: "lng1771-select__item", children: [
-            /* @__PURE__ */ jsx(SelectItemText, { className: "lng1771-select__item-text", children: c.label }),
-            /* @__PURE__ */ jsx(SelectItemIndicator, { className: "lng1771-select__item-indicator", children: /* @__PURE__ */ jsx(CheckMark, {}) })
-          ] }, c.value);
+        /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsx(SelectPositioner, { sideOffset: 8, children: /* @__PURE__ */ jsx(SelectPopup, { className: clsx("lng1771-select__popup", popupClassName), children: options.map((c) => {
+          return /* @__PURE__ */ jsxs(
+            SelectItem,
+            {
+              value: c.value,
+              className: clsx("lng1771-select__item", itemClassName),
+              children: [
+                /* @__PURE__ */ jsx(SelectItemText, { className: clsx("lng1771-select__item-text", itemIndicatorClassName), children: c.label }),
+                /* @__PURE__ */ jsx(
+                  SelectItemIndicator,
+                  {
+                    className: clsx("lng1771-select__item-indicator", itemTextClassName),
+                    children: /* @__PURE__ */ jsx(CheckMark, {})
+                  }
+                )
+              ]
+            },
+            c.value
+          );
         }) }) }) })
       ]
     }

package/dist/separator-BnPPeAk8.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "@1771technologies/js-utils";
+function Separator(props) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "separator",
+      "aria-orientation": props.dir,
+      className: clsx(
+        props.dir === "horizontal" && "lng1771-separator--horizontal",
+        props.dir === "vertical" && "lng1771-separator--vertical",
+        props.soft && "lng1771-separator--soft",
+        props.className
+      ),
+      style: props.style
+    }
+  );
+}
+export {
+  Separator as S
+};

package/dist/sort-manager.js

@@ -2,9 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import { useMemo, useState, useEffect, createContext, useContext, forwardRef } from "react";
 import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
 import { clsx } from "@1771technologies/js-utils";
-import { S as Select } from "./select-qluHi8ET.js";
+import { S as Select } from "./select-CN-kFW8a.js";
 import { P as PlusIcon } from "./plus-icon-ToqW5CC-.js";
 import { C as CrossIcon } from "./cross-icon-CEMLAlFX.js";
+import { S as Separator } from "./separator-BnPPeAk8.js";
 function useSortableColumnItems({ state, api }) {
   const columns = state.columns.use();
   const candidateColumns = useMemo(() => {
@@ -154,7 +155,8 @@ const sortDirectionValues = [
 ];
 const SortColumnSelect = ({
   item,
-  placeholder = "Sort by"
+  placeholder = "Sort by",
+  ...props
 }) => {
   return /* @__PURE__ */ jsx(
     Select,
@@ -162,13 +164,15 @@ const SortColumnSelect = ({
       placeholder,
       selected: item.columnSelected,
       onSelect: item.columnOnSelect,
-      options: item.columnOptions
+      options: item.columnOptions,
+      ...props
     }
   );
 };
 const SortSelect = ({
   item,
-  placeholder = "Select"
+  placeholder = "Select",
+  ...props
 }) => {
   return /* @__PURE__ */ jsx(
     Select,
@@ -176,13 +180,15 @@ const SortSelect = ({
       selected: item.sortSelected,
       onSelect: item.sortOnSelect,
       options: item.sortOptions,
-      placeholder
+      placeholder,
+      ...props
     }
   );
 };
 const SortDirectionSelection = ({
   item,
-  placeholder
+  placeholder,
+  ...props
 }) => {
   return /* @__PURE__ */ jsx(
     Select,
@@ -190,7 +196,8 @@ const SortDirectionSelection = ({
       selected: item.sortDirectionSelected,
       onSelect: item.sortDirectionOnSelect,
       options: item.sortDirectionOptions,
-      placeholder
+      placeholder,
+      ...props
     }
   );
 };
@@ -220,14 +227,16 @@ function sortItemsToSortModel(sortItems) {
 const SortApplyButton = forwardRef(
   function SortApplyButton2({ className, onClick, children, ...props }, ref) {
     const grid = useGrid();
-    const [state] = useSortManagerContext();
+    const [state, setState] = useSortManagerContext();
     return /* @__PURE__ */ jsx(
       "button",
       {
         ...props,
         className: clsx("lng1771-sort-manager__button", className),
         onClick: (ev) => {
-          grid.state.sortModel.set(sortItemsToSortModel(state));
+          const model = sortItemsToSortModel(state);
+          grid.state.sortModel.set(model);
+          setState(sortModelToSortItems(model, grid));
           onClick?.(ev);
         },
         ref,
@@ -289,6 +298,7 @@ const SortManager = {
   SortDirectionSelect: SortDirectionSelection,
   SortAdder,
   SortRemove: SortRemover,
+  Separator,
   SortApply: SortApplyButton,
   SortCancel: SortCancelButton,
   SortClear: SortClearButton

package/dist/types/menu/menu-impl.d.ts

@@ -14,4 +14,5 @@ export declare const MenuRadioItemIndicator: import('react').ForwardRefExoticCom
 export declare const MenuRadioItem: typeof Menu.RadioItem;
 export declare const MenuCheckboxItemIndicator: import('react').ForwardRefExoticComponent<Omit<Menu.CheckboxItemIndicator.Props & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
 export declare const MenuCheckboxItem: typeof Menu.CheckboxItem;
+export declare const SubMenuPositioner: typeof Menu.Positioner;
 export declare const MenuPositioner: typeof Menu.Positioner;

package/dist/types/menu/menu.d.ts

@@ -5,6 +5,7 @@ export declare const Menu: {
         trigger: import('react').ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
     SubmenuTrigger: import('react').ForwardRefExoticComponent<B.SubmenuTrigger.Props & import('react').RefAttributes<Element>>;
+    SubMenuPositioner: import('react').ForwardRefExoticComponent<B.Positioner.Props & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<B.Item.Props & import('react').RefAttributes<Element>>;
     Separator: typeof B.Separator;
     Group: import('react').ForwardRefExoticComponent<B.Group.Props & import('react').RefAttributes<Element>>;

package/dist/types/select/select.d.ts

@@ -1,4 +1,13 @@
 import { JSX } from 'react';
+export interface SelectClassNames {
+    readonly triggerClassName?: string;
+    readonly triggerValueClassName?: string;
+    readonly triggerIconClassName?: string;
+    readonly popupClassName?: string;
+    readonly itemClassName?: string;
+    readonly itemIndicatorClassName?: string;
+    readonly itemTextClassName?: string;
+}
 export interface SelectProps {
     readonly selected: {
         value: string;
@@ -14,4 +23,4 @@ export interface SelectProps {
     }) => void;
     readonly placeholder?: string;
 }
-export declare function Select({ selected, onSelect, options, placeholder, ...props }: SelectProps & Omit<JSX.IntrinsicElements["div"], "onSelect">): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ selected, onSelect, options, placeholder, triggerClassName, triggerValueClassName, triggerIconClassName, popupClassName, itemClassName, itemIndicatorClassName, itemTextClassName, ...props }: SelectProps & SelectClassNames & Omit<JSX.IntrinsicElements["div"], "onSelect">): import("react/jsx-runtime").JSX.Element;

package/dist/types/sort-manager/sort-column-select.d.ts

@@ -1,5 +1,6 @@
+import { SelectClassNames } from '../select/select.js';
 import { SortRowItem } from './sort-manager-container.js';
-export declare const SortColumnSelect: ({ item, placeholder, }: {
+export declare const SortColumnSelect: ({ item, placeholder, ...props }: {
     item: SortRowItem;
     placeholder?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+} & SelectClassNames) => import("react/jsx-runtime").JSX.Element;

package/dist/types/sort-manager/sort-direction-select.d.ts

@@ -1,5 +1,6 @@
+import { SelectClassNames } from '../select/select.js';
 import { SortRowItem } from './sort-manager-container.js';
-export declare const SortDirectionSelection: ({ item, placeholder, }: {
+export declare const SortDirectionSelection: ({ item, placeholder, ...props }: {
     item: SortRowItem;
     placeholder?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+} & SelectClassNames) => import("react/jsx-runtime").JSX.Element;

package/dist/types/sort-manager/sort-manager-impl.d.ts

@@ -2,6 +2,7 @@ import { PropsWithChildren } from 'react';
 import { SortAdder } from './sort-adder.js';
 import { SortRemover } from './sort-remove.js';
 import { GridProReact } from '../types';
+import { Separator } from '../components-internal/separator/separator';
 interface SortManagerRootProps<D = any> {
     readonly grid: GridProReact<D>;
 }
@@ -9,20 +10,21 @@ declare function SortManagerRoot<D>({ grid, children }: PropsWithChildren<SortMa
 export declare const SortManager: {
     Root: typeof SortManagerRoot;
     Container: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children"> & import('./sort-manager-container.js').SortContainerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-    SortColumnSelect: ({ item, placeholder, }: {
+    SortColumnSelect: ({ item, placeholder, ...props }: {
         item: import('./sort-manager-container.js').SortRowItem;
         placeholder?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    SortSelect: ({ item, placeholder, }: {
+    } & import('../select/select').SelectClassNames) => import("react/jsx-runtime").JSX.Element;
+    SortSelect: ({ item, placeholder, ...props }: {
         item: import('./sort-manager-container.js').SortRowItem;
         placeholder?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    SortDirectionSelect: ({ item, placeholder, }: {
+    } & import('../select/select').SelectClassNames) => import("react/jsx-runtime").JSX.Element;
+    SortDirectionSelect: ({ item, placeholder, ...props }: {
         item: import('./sort-manager-container.js').SortRowItem;
         placeholder?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
+    } & import('../select/select').SelectClassNames) => import("react/jsx-runtime").JSX.Element;
     SortAdder: typeof SortAdder;
     SortRemove: typeof SortRemover;
+    Separator: typeof Separator;
     SortApply: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     SortCancel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     SortClear: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/types/sort-manager/sort-sort-select.d.ts

@@ -1,5 +1,6 @@
+import { SelectClassNames } from '../select/select.js';
 import { SortRowItem } from './sort-manager-container.js';
-export declare const SortSelect: ({ item, placeholder, }: {
+export declare const SortSelect: ({ item, placeholder, ...props }: {
     item: SortRowItem;
     placeholder?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+} & SelectClassNames) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1771technologies/lytenyte-pro",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "license": "COMMERCIAL",
   "type": "module",
   "files": [
@@ -70,20 +70,20 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@1771technologies/grid-client-data-source-pro": "0.0.45",
-    "@1771technologies/grid-core": "0.0.45",
-    "@1771technologies/grid-design": "0.0.45",
-    "@1771technologies/grid-provider": "0.0.45",
-    "@1771technologies/grid-store-pro": "0.0.45",
-    "@1771technologies/grid-tree-data-source": "0.0.45",
-    "@1771technologies/grid-types": "0.0.45",
-    "@1771technologies/js-utils": "0.0.45",
-    "@1771technologies/lytenyte-core": "0.0.45",
-    "@1771technologies/react-cascada": "0.0.45",
-    "@1771technologies/react-dragon": "0.0.45",
-    "@1771technologies/react-sizer": "0.0.45",
-    "@1771technologies/react-split-pane": "0.0.45",
-    "@1771technologies/react-utils": "0.0.45",
+    "@1771technologies/grid-client-data-source-pro": "0.0.47",
+    "@1771technologies/grid-core": "0.0.47",
+    "@1771technologies/grid-design": "0.0.47",
+    "@1771technologies/grid-provider": "0.0.47",
+    "@1771technologies/grid-store-pro": "0.0.47",
+    "@1771technologies/grid-tree-data-source": "0.0.47",
+    "@1771technologies/grid-types": "0.0.47",
+    "@1771technologies/js-utils": "0.0.47",
+    "@1771technologies/lytenyte-core": "0.0.47",
+    "@1771technologies/react-cascada": "0.0.47",
+    "@1771technologies/react-dragon": "0.0.47",
+    "@1771technologies/react-sizer": "0.0.47",
+    "@1771technologies/react-split-pane": "0.0.47",
+    "@1771technologies/react-utils": "0.0.47",
     "@base-ui-components/react": "1.0.0-alpha.7"
   },
   "devDependencies": {