@sunggang/ui-lib 0.4.24 → 0.4.26

package/CustomSelect.cjs.js

@@ -1,8 +1,235 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('@iconify/react');
 var React = require('react');
+var SelectPrimitive = require('@radix-ui/react-select');
+var utils = require('./utils.cjs.js');
+var reactIcons = require('@radix-ui/react-icons');
+var react = require('@iconify/react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Select = SelectPrimitive__namespace.Root;
+var SelectGroup = SelectPrimitive__namespace.Group;
+var SelectValue = SelectPrimitive__namespace.Value;
+var SelectTrigger = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(SelectPrimitive__namespace.Trigger, _object_spread_props(_object_spread({
+        ref: ref,
+        className: utils.cn("flex h-9 w-full min-w-[8rem] items-center justify-between whitespace-nowrap rounded-2xl border bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-[#1A1A1A] focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className)
+    }, props), {
+        children: [
+            children,
+            /*#__PURE__*/ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, {
+                asChild: true,
+                children: /*#__PURE__*/ jsxRuntime.jsx(react.Icon, {
+                    className: "h-6 w-6",
+                    icon: "ri:arrow-down-s-line",
+                    color: "6f6f6f"
+                })
+            })
+        ]
+    }));
+});
+SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
+var SelectScrollUpButton = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(SelectPrimitive__namespace.ScrollUpButton, _object_spread_props(_object_spread({
+        ref: ref,
+        className: utils.cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+        children: /*#__PURE__*/ jsxRuntime.jsx(reactIcons.ChevronUpIcon, {
+            className: "h-4 w-4"
+        })
+    }));
+});
+SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
+var SelectScrollDownButton = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(SelectPrimitive__namespace.ScrollDownButton, _object_spread_props(_object_spread({
+        ref: ref,
+        className: utils.cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+        children: /*#__PURE__*/ jsxRuntime.jsx(reactIcons.ChevronDownIcon, {
+            className: "h-4 w-4"
+        })
+    }));
+});
+SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
+var SelectContent = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? "popper" : _param_position, props = _object_without_properties(_param, [
+        "className",
+        "children",
+        "position"
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(SelectPrimitive__namespace.Content, _object_spread_props(_object_spread({
+            ref: ref,
+            className: utils.cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-2xl border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+            position: position
+        }, props), {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(SelectScrollUpButton, {}),
+                /*#__PURE__*/ jsxRuntime.jsx(SelectPrimitive__namespace.Viewport, {
+                    className: utils.cn(position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+                    children: children
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(SelectScrollDownButton, {})
+            ]
+        }))
+    });
+});
+SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
+var SelectLabel = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(SelectPrimitive__namespace.Label, _object_spread({
+        ref: ref,
+        className: utils.cn("px-2 py-1.5 text-sm font-semibold", className)
+    }, props));
+});
+SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
+var SelectItem = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(SelectPrimitive__namespace.Item, _object_spread_props(_object_spread({
+        ref: ref,
+        className: utils.cn("relative flex w-full  cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
+    }, props), {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("span", {
+                className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(reactIcons.CheckIcon, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, {
+                children: children
+            })
+        ]
+    }));
+});
+SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
+var SelectSeparator = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(SelectPrimitive__namespace.Separator, _object_spread({
+        ref: ref,
+        className: utils.cn("-mx-1 my-1 h-px bg-muted", className)
+    }, props));
+});
+SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
 
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -122,3 +349,13 @@ var CustomSelect = function(param) {
 };
 
 exports.CustomSelect = CustomSelect;
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;

package/CustomSelect.esm.js

@@ -1,6 +1,213 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Icon } from '@iconify/react';
+import * as React from 'react';
 import { useState, useRef, useEffect } from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { c as cn } from './utils.esm.js';
+import { ChevronUpIcon, ChevronDownIcon, CheckIcon } from '@radix-ui/react-icons';
+import { Icon } from '@iconify/react';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ jsxs(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("flex h-9 w-full min-w-[8rem] items-center justify-between whitespace-nowrap rounded-2xl border bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-[#1A1A1A] focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className)
+    }, props), {
+        children: [
+            children,
+            /*#__PURE__*/ jsx(SelectPrimitive.Icon, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx(Icon, {
+                    className: "h-6 w-6",
+                    icon: "ri:arrow-down-s-line",
+                    color: "6f6f6f"
+                })
+            })
+        ]
+    }));
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsx(SelectPrimitive.ScrollUpButton, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+        children: /*#__PURE__*/ jsx(ChevronUpIcon, {
+            className: "h-4 w-4"
+        })
+    }));
+});
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsx(SelectPrimitive.ScrollDownButton, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+        children: /*#__PURE__*/ jsx(ChevronDownIcon, {
+            className: "h-4 w-4"
+        })
+    }));
+});
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? "popper" : _param_position, props = _object_without_properties(_param, [
+        "className",
+        "children",
+        "position"
+    ]);
+    return /*#__PURE__*/ jsx(SelectPrimitive.Portal, {
+        children: /*#__PURE__*/ jsxs(SelectPrimitive.Content, _object_spread_props(_object_spread({
+            ref: ref,
+            className: cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-2xl border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+            position: position
+        }, props), {
+            children: [
+                /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
+                /*#__PURE__*/ jsx(SelectPrimitive.Viewport, {
+                    className: cn(position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+                    children: children
+                }),
+                /*#__PURE__*/ jsx(SelectScrollDownButton, {})
+            ]
+        }))
+    });
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsx(SelectPrimitive.Label, _object_spread({
+        ref: ref,
+        className: cn("px-2 py-1.5 text-sm font-semibold", className)
+    }, props));
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ jsxs(SelectPrimitive.Item, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative flex w-full  cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
+    }, props), {
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(SelectPrimitive.ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(CheckIcon, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(SelectPrimitive.ItemText, {
+                children: children
+            })
+        ]
+    }));
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsx(SelectPrimitive.Separator, _object_spread({
+        ref: ref,
+        className: cn("-mx-1 my-1 h-px bg-muted", className)
+    }, props));
+});
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -119,4 +326,4 @@ var CustomSelect = function(param) {
     });
 };
 
-export { CustomSelect as C };
+export { CustomSelect as C, Select as S, SelectGroup as a, SelectValue as b, SelectTrigger as c, SelectContent as d, SelectLabel as e, SelectItem as f, SelectSeparator as g, SelectScrollUpButton as h, SelectScrollDownButton as i };

package/DataTable.cjs.js

@@ -167,7 +167,7 @@ var DropdownMenuItem = /*#__PURE__*/ React__namespace.forwardRef(function(_param
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, _object_spread$1({
         ref: ref,
-        className: utils.cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)
+        className: utils.cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-slate-100 focus:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)
     }, props));
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
@@ -179,7 +179,7 @@ var DropdownMenuCheckboxItem = /*#__PURE__*/ React__namespace.forwardRef(functio
     ]);
     return /*#__PURE__*/ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.CheckboxItem, _object_spread_props(_object_spread$1({
         ref: ref,
-        className: utils.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+        className: utils.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-slate-100 focus:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
         checked: checked
     }, props), {
         children: [

package/DataTable.esm.js

@@ -143,7 +143,7 @@ var DropdownMenuItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     ]);
     return /*#__PURE__*/ jsx(DropdownMenuPrimitive.Item, _object_spread$1({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-slate-100 focus:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)
     }, props));
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
@@ -155,7 +155,7 @@ var DropdownMenuCheckboxItem = /*#__PURE__*/ React.forwardRef(function(_param, r
     ]);
     return /*#__PURE__*/ jsxs(DropdownMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread$1({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+        className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-slate-100 focus:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
         checked: checked
     }, props), {
         children: [