@scaleflex/ui-tw 0.0.131 → 0.0.132

package/input/input.constants.d.ts

@@ -4,9 +4,9 @@ export declare const inputSizeOptions: {
     readonly lg: "py-3 px-4 h-12 text-lg ";
 };
 export declare const inputItemSizeOptions: {
-    readonly sm: "py-2 px-3 min-h-[2rem] text-sm";
-    readonly md: "py-3 px-4 min-h-[2.5rem] text-base ";
-    readonly lg: "py-3 px-4 min-h-[3rem] text-lg ";
+    readonly sm: "py-2 px-3 min-h-8 text-sm";
+    readonly md: "py-2 px-4 min-h-10 text-base ";
+    readonly lg: "py-2.5 px-4 min-h-12 text-lg ";
 };
 export declare const InputType: {
     readonly Text: "text";

package/input/input.constants.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { FormSize } from '@scaleflex/ui-tw/types/form-size';
 export var inputSizeOptions = _defineProperty(_defineProperty(_defineProperty({}, FormSize.Sm, 'py-2 px-3 h-8 text-sm'), FormSize.Md, 'py-3 px-4 h-10 text-base '), FormSize.Lg, 'py-3 px-4 h-12 text-lg ');
-export var inputItemSizeOptions = _defineProperty(_defineProperty(_defineProperty({}, FormSize.Sm, 'py-2 px-3 min-h-[2rem] text-sm'), FormSize.Md, 'py-3 px-4 min-h-[2.5rem] text-base '), FormSize.Lg, 'py-3 px-4 min-h-[3rem] text-lg ');
+export var inputItemSizeOptions = _defineProperty(_defineProperty(_defineProperty({}, FormSize.Sm, 'py-2 px-3 min-h-8 text-sm'), FormSize.Md, 'py-2 px-4 min-h-10 text-base '), FormSize.Lg, 'py-2.5 px-4 min-h-12 text-lg ');
 export var InputType = {
   Text: 'text',
   Email: 'email',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.131",
+  "version": "0.0.132",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -28,7 +28,7 @@
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.131",
+    "@scaleflex/icons-tw": "^0.0.132",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",

package/select/select.component.d.ts

@@ -11,7 +11,7 @@ export declare const selectItemVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare function SelectTrigger({ className, size, children, readOnly, icon, ...props }: SelectTriggerProps): React.JSX.Element;
-declare function SelectContent({ className, children, position, ...props }: ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
+declare function SelectContent({ className, children, position, sideOffset, ...props }: ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
 declare function SelectLabel({ className, size, ...props }: SelectLabelProps): React.JSX.Element;
 declare function SelectItem({ className, children, size, icon, tooltip, isGroup, disabled, disabledTooltip, ...props }: SelectItemProps): React.JSX.Element;
 declare function SelectSeparator({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;

package/select/select.component.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["className", "size", "children", "readOnly", "icon"],
-  _excluded2 = ["className", "children", "position"],
+  _excluded2 = ["className", "children", "position", "sideOffset"],
   _excluded3 = ["className", "size"],
   _excluded4 = ["className", "children", "size", "icon", "tooltip", "isGroup", "disabled", "disabledTooltip"],
   _excluded5 = ["className"],
@@ -97,9 +97,14 @@ function SelectContent(_ref5) {
     children = _ref5.children,
     _ref5$position = _ref5.position,
     position = _ref5$position === void 0 ? 'popper' : _ref5$position,
+    _ref5$sideOffset = _ref5.sideOffset,
+    sideOffset = _ref5$sideOffset === void 0 ? 4 : _ref5$sideOffset,
     props = _objectWithoutProperties(_ref5, _excluded2);
-  return /*#__PURE__*/React.createElement(SelectPrimitive.Portal, null, /*#__PURE__*/React.createElement(SelectPrimitive.Content, _extends({
+  return /*#__PURE__*/React.createElement(SelectPrimitive.Portal, {
+    container: typeof document !== 'undefined' ? document.body : undefined
+  }, /*#__PURE__*/React.createElement(SelectPrimitive.Content, _extends({
     "data-slot": "select-content",
+    sideOffset: sideOffset,
     className: cn('border-border bg-popover text-popover-foreground relative z-50 min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md', 'max-h-(--max-select-content-available-height) origin-(--radix-select-content-transform-origin)', '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', 'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 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), /*#__PURE__*/React.createElement(SelectScrollUpButton, null), /*#__PURE__*/React.createElement(SelectPrimitive.Viewport, {