@1771technologies/lytenyte-pro 0.0.46 → 0.0.48

package/dist/column-manager.js

@@ -14,6 +14,7 @@ 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";
@@ -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

@@ -2743,7 +2743,25 @@ function GridFrame({
   const frames = state.panelFrames.use();
   const openId = state.internal.panelFrameOpen.use();
   const frame = openId ? frames[openId] : null;
+  const [width, setWidth] = useState(500);
   const [frameSplit, setFrameSplit] = useState(70);
+  useEffect(() => {
+    if (width < 500) {
+      setFrameSplit(1);
+      return;
+    }
+    setFrameSplit(70);
+  }, [width]);
+  const [el, setEl] = useState(null);
+  useEffect(() => {
+    if (!el) return;
+    const re = new ResizeObserver(() => {
+      setWidth(el.clientWidth);
+      api.panelFrameClose();
+    });
+    re.observe(el);
+    return () => re.disconnect();
+  }, [api, el]);
   const template = useMemo(() => {
     const f = ["1fr"];
     if (buttons.length) f.push("32px");
@@ -2756,6 +2774,7 @@ function GridFrame({
       "data-cell-selection-enabled": cellSelectionEnabled ? true : void 0,
       className: "lng1771-grid-frame",
       style: { gridTemplateColumns: template },
+      ref: setEl,
       children: [
         frame ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
           SplitPane,
@@ -2763,11 +2782,22 @@ 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,
-            max: 80,
+            onSplitChange: (n2) => {
+              console.log("n");
+              setFrameSplit(n2);
+            },
+            min: width < 500 ? 0 : 20,
+            max: width < 500 ? 100 : 80,
+            disabled: width < 500,
             splitterClassName: "lng1771-grid-frame__open-panel--splitter"
           }
         ) }) : /* @__PURE__ */ jsx("div", { children }),
@@ -3217,6 +3247,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 +3265,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 +3566,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 +3584,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 +3593,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 +3611,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;
@@ -1897,6 +1918,10 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   position: relative;
   cursor: col-resize;
 
+  &[data-disabled="true"] {
+    cursor: initial;
+  }
+
   &::after {
     position: absolute;
     inset-inline-start: -4px;

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/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.46",
+  "version": "0.0.48",
   "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.46",
-    "@1771technologies/grid-core": "0.0.46",
-    "@1771technologies/grid-design": "0.0.46",
-    "@1771technologies/grid-provider": "0.0.46",
-    "@1771technologies/grid-store-pro": "0.0.46",
-    "@1771technologies/grid-tree-data-source": "0.0.46",
-    "@1771technologies/grid-types": "0.0.46",
-    "@1771technologies/js-utils": "0.0.46",
-    "@1771technologies/lytenyte-core": "0.0.46",
-    "@1771technologies/react-cascada": "0.0.46",
-    "@1771technologies/react-dragon": "0.0.46",
-    "@1771technologies/react-sizer": "0.0.46",
-    "@1771technologies/react-split-pane": "0.0.46",
-    "@1771technologies/react-utils": "0.0.46",
+    "@1771technologies/grid-client-data-source-pro": "0.0.48",
+    "@1771technologies/grid-core": "0.0.48",
+    "@1771technologies/grid-design": "0.0.48",
+    "@1771technologies/grid-provider": "0.0.48",
+    "@1771technologies/grid-store-pro": "0.0.48",
+    "@1771technologies/grid-tree-data-source": "0.0.48",
+    "@1771technologies/grid-types": "0.0.48",
+    "@1771technologies/js-utils": "0.0.48",
+    "@1771technologies/lytenyte-core": "0.0.48",
+    "@1771technologies/react-cascada": "0.0.48",
+    "@1771technologies/react-dragon": "0.0.48",
+    "@1771technologies/react-sizer": "0.0.48",
+    "@1771technologies/react-split-pane": "0.0.48",
+    "@1771technologies/react-utils": "0.0.48",
     "@base-ui-components/react": "1.0.0-alpha.7"
   },
   "devDependencies": {