@scaleflex/ui-tw 0.0.41 → 0.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/button/components/copy-to-clipboard-button.js +1 -0
  2. package/dropdown-menu/dropdown-menu.component.d.ts +25 -0
  3. package/dropdown-menu/dropdown-menu.component.js +152 -0
  4. package/dropdown-menu/index.d.ts +1 -0
  5. package/dropdown-menu/index.js +1 -0
  6. package/package.json +4 -2
  7. package/textarea/components/left-toolbar-buttons.js +2 -0
  8. package/textarea/components/right-toolbar-buttons.js +1 -0
  9. package/textarea/components/textarea-with-actions.d.ts +1 -1
  10. package/textarea/components/textarea-with-actions.js +31 -9
  11. package/textarea/textarea.constants.d.ts +8 -3
  12. package/textarea/textarea.constants.js +2 -1
package/button/components/copy-to-clipboard-button.js CHANGED
@@ -68,6 +68,7 @@ export var CopyToClipboardButton = function CopyToClipboardButton(props) {
68
68
  variant: tooltipVariant,
69
69
  open: open ? true : undefined
70
70
  }, /*#__PURE__*/React.createElement(Button, {
71
+ type: "button",
71
72
  variant: "ghost-secondary",
72
73
  size: size,
73
74
  onClick: handleCopy,
package/dropdown-menu/dropdown-menu.component.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
2
+ import * as React from 'react';
3
+ declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
4
+ declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
5
+ declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
6
+ declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
7
+ declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
8
+ declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
9
+ inset?: boolean;
10
+ variant?: 'default' | 'destructive';
11
+ }): React.JSX.Element;
12
+ declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
13
+ declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
14
+ declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
15
+ declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
16
+ inset?: boolean;
17
+ }): React.JSX.Element;
18
+ declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
19
+ declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
20
+ declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
21
+ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
22
+ inset?: boolean;
23
+ }): React.JSX.Element;
24
+ declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
25
+ export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
package/dropdown-menu/dropdown-menu.component.js ADDED
@@ -0,0 +1,152 @@
1
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
+ import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
3
+ import _extends from "@babel/runtime/helpers/extends";
4
+ var _excluded = ["className", "sideOffset"],
5
+ _excluded2 = ["className", "inset", "variant"],
6
+ _excluded3 = ["className", "children", "checked"],
7
+ _excluded4 = ["className", "children"],
8
+ _excluded5 = ["className", "inset"],
9
+ _excluded6 = ["className"],
10
+ _excluded7 = ["className"],
11
+ _excluded8 = ["className", "inset", "children"],
12
+ _excluded9 = ["className"];
13
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
14
+ import { cn } from '@scaleflex/ui-tw/utils/cn';
15
+ import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
16
+ import * as React from 'react';
17
+ function DropdownMenu(_ref) {
18
+ var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
19
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Root, _extends({
20
+ "data-slot": "dropdown-menu"
21
+ }, props));
22
+ }
23
+ function DropdownMenuPortal(_ref2) {
24
+ var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
25
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Portal, _extends({
26
+ "data-slot": "dropdown-menu-portal"
27
+ }, props));
28
+ }
29
+ function DropdownMenuTrigger(_ref3) {
30
+ var props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
31
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Trigger, _extends({
32
+ "data-slot": "dropdown-menu-trigger"
33
+ }, props));
34
+ }
35
+ function DropdownMenuContent(_ref4) {
36
+ var className = _ref4.className,
37
+ _ref4$sideOffset = _ref4.sideOffset,
38
+ sideOffset = _ref4$sideOffset === void 0 ? 4 : _ref4$sideOffset,
39
+ props = _objectWithoutProperties(_ref4, _excluded);
40
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Portal, null, /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Content, _extends({
41
+ "data-slot": "dropdown-menu-content",
42
+ sideOffset: sideOffset,
43
+ className: cn('bg-popover text-popover-foreground border-border z-50 min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', 'max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-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', className)
44
+ }, props)));
45
+ }
46
+ function DropdownMenuGroup(_ref5) {
47
+ var props = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
48
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Group, _extends({
49
+ "data-slot": "dropdown-menu-group"
50
+ }, props));
51
+ }
52
+ function DropdownMenuItem(_ref6) {
53
+ var className = _ref6.className,
54
+ inset = _ref6.inset,
55
+ _ref6$variant = _ref6.variant,
56
+ variant = _ref6$variant === void 0 ? 'default' : _ref6$variant,
57
+ props = _objectWithoutProperties(_ref6, _excluded2);
58
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Item, _extends({
59
+ "data-slot": "dropdown-menu-item",
60
+ "data-inset": inset,
61
+ "data-variant": variant,
62
+ className: cn('relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8', 'data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', 'focus:bg-accent focus:text-accent-foreground', "[&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className)
63
+ }, props));
64
+ }
65
+ function DropdownMenuCheckboxItem(_ref7) {
66
+ var className = _ref7.className,
67
+ children = _ref7.children,
68
+ checked = _ref7.checked,
69
+ props = _objectWithoutProperties(_ref7, _excluded3);
70
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.CheckboxItem, _extends({
71
+ "data-slot": "dropdown-menu-checkbox-item",
72
+ className: cn('relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', 'focus:bg-accent focus:text-accent-foreground', "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
73
+ checked: checked
74
+ }, props), /*#__PURE__*/React.createElement("span", {
75
+ className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
76
+ }, /*#__PURE__*/React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /*#__PURE__*/React.createElement(CheckIcon, {
77
+ className: "size-4"
78
+ }))), children);
79
+ }
80
+ function DropdownMenuRadioGroup(_ref8) {
81
+ var props = _extends({}, (_objectDestructuringEmpty(_ref8), _ref8));
82
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.RadioGroup, _extends({
83
+ "data-slot": "dropdown-menu-radio-group"
84
+ }, props));
85
+ }
86
+ function DropdownMenuRadioItem(_ref9) {
87
+ var className = _ref9.className,
88
+ children = _ref9.children,
89
+ props = _objectWithoutProperties(_ref9, _excluded4);
90
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.RadioItem, _extends({
91
+ "data-slot": "dropdown-menu-radio-item",
92
+ className: cn('relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', 'focus:bg-accent focus:text-accent-foreground', "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className)
93
+ }, props), /*#__PURE__*/React.createElement("span", {
94
+ className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
95
+ }, /*#__PURE__*/React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /*#__PURE__*/React.createElement(CircleIcon, {
96
+ className: "size-2 fill-current"
97
+ }))), children);
98
+ }
99
+ function DropdownMenuLabel(_ref10) {
100
+ var className = _ref10.className,
101
+ inset = _ref10.inset,
102
+ props = _objectWithoutProperties(_ref10, _excluded5);
103
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Label, _extends({
104
+ "data-slot": "dropdown-menu-label",
105
+ "data-inset": inset,
106
+ className: cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)
107
+ }, props));
108
+ }
109
+ function DropdownMenuSeparator(_ref11) {
110
+ var className = _ref11.className,
111
+ props = _objectWithoutProperties(_ref11, _excluded6);
112
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Separator, _extends({
113
+ "data-slot": "dropdown-menu-separator",
114
+ className: cn('bg-border -mx-1 my-1 h-px', className)
115
+ }, props));
116
+ }
117
+ function DropdownMenuShortcut(_ref12) {
118
+ var className = _ref12.className,
119
+ props = _objectWithoutProperties(_ref12, _excluded7);
120
+ return /*#__PURE__*/React.createElement("span", _extends({
121
+ "data-slot": "dropdown-menu-shortcut",
122
+ className: cn('text-muted-foreground ml-auto text-xs tracking-widest', className)
123
+ }, props));
124
+ }
125
+ function DropdownMenuSub(_ref13) {
126
+ var props = _extends({}, (_objectDestructuringEmpty(_ref13), _ref13));
127
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Sub, _extends({
128
+ "data-slot": "dropdown-menu-sub"
129
+ }, props));
130
+ }
131
+ function DropdownMenuSubTrigger(_ref14) {
132
+ var className = _ref14.className,
133
+ inset = _ref14.inset,
134
+ children = _ref14.children,
135
+ props = _objectWithoutProperties(_ref14, _excluded8);
136
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.SubTrigger, _extends({
137
+ "data-slot": "dropdown-menu-sub-trigger",
138
+ "data-inset": inset,
139
+ className: cn('focus:bg-accent focus:text-accent-foreground', 'data-[state=open]:bg-accent data-[state=open]:text-accent-foreground', 'flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8', className)
140
+ }, props), children, /*#__PURE__*/React.createElement(ChevronRightIcon, {
141
+ className: "ml-auto size-4"
142
+ }));
143
+ }
144
+ function DropdownMenuSubContent(_ref15) {
145
+ var className = _ref15.className,
146
+ props = _objectWithoutProperties(_ref15, _excluded9);
147
+ return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.SubContent, _extends({
148
+ "data-slot": "dropdown-menu-sub-content",
149
+ className: cn('origin-(--radix-dropdown-menu-content-transform-origin)', 'bg-popover text-popover-foreground border-border z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg', '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', className)
150
+ }, props));
151
+ }
152
+ export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent };
package/dropdown-menu/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './dropdown-menu.component';
package/dropdown-menu/index.js ADDED
@@ -0,0 +1 @@
1
+ export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from './dropdown-menu.component';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scaleflex/ui-tw",
3
- "version": "0.0.41",
3
+ "version": "0.0.44",
4
4
  "author": "scaleflex",
5
5
  "repository": "github:scaleflex/ui",
6
6
  "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -14,6 +14,7 @@
14
14
  "dependencies": {
15
15
  "@popperjs/core": "^2.6.0",
16
16
  "@radix-ui/react-checkbox": "^1.3.2",
17
+ "@radix-ui/react-dropdown-menu": "^2.1.15",
17
18
  "@radix-ui/react-label": "^2.1.6",
18
19
  "@radix-ui/react-popover": "^1.0.2",
19
20
  "@radix-ui/react-radio-group": "^1.3.7",
@@ -22,7 +23,8 @@
22
23
  "@radix-ui/react-slot": "^1.1.2",
23
24
  "@radix-ui/react-switch": "^1.0.1",
24
25
  "@radix-ui/react-tooltip": "^1.2.6",
25
- "@scaleflex/icons-tw": "^0.0.41",
26
+ "@scaleflex/icons-tw": "^0.0.44",
27
+ "@tanstack/react-table": "^8.21.3",
26
28
  "@types/lodash.merge": "^4.6.9",
27
29
  "class-variance-authority": "^0.7.1",
28
30
  "cmdk": "^1.1.1",
package/textarea/components/left-toolbar-buttons.js CHANGED
@@ -9,6 +9,7 @@ export var LeftToolbarButtons = function LeftToolbarButtons(props) {
9
9
  var _getToolbarSizes = getToolbarSizes(size),
10
10
  buttonSize = _getToolbarSizes.buttonSize;
11
11
  return /*#__PURE__*/React.createElement(React.Fragment, null, onGenerate && /*#__PURE__*/React.createElement(Button, {
12
+ type: "button",
12
13
  variant: "ghost-primary",
13
14
  size: buttonSize,
14
15
  startIcon: /*#__PURE__*/React.createElement(SparkleIcon, {
@@ -16,6 +17,7 @@ export var LeftToolbarButtons = function LeftToolbarButtons(props) {
16
17
  }),
17
18
  onClick: onGenerate
18
19
  }, "Generate"), onClearAll && /*#__PURE__*/React.createElement(Button, {
20
+ type: "button",
19
21
  variant: "ghost-secondary",
20
22
  size: buttonSize,
21
23
  onClick: onClearAll
package/textarea/components/right-toolbar-buttons.js CHANGED
@@ -16,6 +16,7 @@ export var RightToolbarButtons = function RightToolbarButtons(props) {
16
16
  return /*#__PURE__*/React.createElement(React.Fragment, null, onTranslate && /*#__PURE__*/React.createElement(WithTooltip, {
17
17
  content: translateActionTooltip
18
18
  }, /*#__PURE__*/React.createElement(Button, {
19
+ type: "button",
19
20
  variant: "ghost-primary",
20
21
  size: iconSize,
21
22
  onClick: onTranslate
package/textarea/components/textarea-with-actions.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import type { TextareaWithActionsProps } from '@scaleflex/ui-tw/textarea/textarea.types';
2
2
  import React from 'react';
3
- declare function TextareaWithActions({ leftToolbar, rightToolbar, className, ...textareaProps }: TextareaWithActionsProps): React.JSX.Element;
3
+ declare function TextareaWithActions({ leftToolbar, rightToolbar, className, onBlur, ...textareaProps }: TextareaWithActionsProps): React.JSX.Element;
4
4
  export { TextareaWithActions };
package/textarea/components/textarea-with-actions.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["leftToolbar", "rightToolbar", "className"];
4
- import { textareaWithActionsSizeOptions } from '@scaleflex/ui-tw/textarea/textarea.constants';
3
+ var _excluded = ["leftToolbar", "rightToolbar", "className", "onBlur"];
4
+ import { textareaBottomActionAreaPadding, textareaWithActionsSizeOptions } from '@scaleflex/ui-tw/textarea/textarea.constants';
5
5
  import { FormSize } from '@scaleflex/ui-tw/types/form-size';
6
6
  import { cn } from '@scaleflex/ui-tw/utils/cn';
7
7
  import { cva } from 'class-variance-authority';
8
- import React from 'react';
8
+ import React, { useRef } from 'react';
9
9
  import { Textarea } from '../';
10
10
  var textareaWithActionsVariants = cva('', {
11
11
  variants: {
@@ -19,19 +19,41 @@ function TextareaWithActions(_ref) {
19
19
  var leftToolbar = _ref.leftToolbar,
20
20
  rightToolbar = _ref.rightToolbar,
21
21
  className = _ref.className,
22
+ onBlur = _ref.onBlur,
22
23
  textareaProps = _objectWithoutProperties(_ref, _excluded);
23
24
  var _ref2 = textareaProps || {},
24
- size = _ref2.size;
25
+ _ref2$size = _ref2.size,
26
+ size = _ref2$size === void 0 ? FormSize.Md : _ref2$size;
27
+ var textareaRef = useRef(null);
28
+ var handleActionClick = function handleActionClick(e) {
29
+ var _textareaRef$current;
30
+ e.preventDefault();
31
+ (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 || _textareaRef$current.focus();
32
+ };
33
+ var handleBlur = function handleBlur(e) {
34
+ var relatedTarget = e.relatedTarget;
35
+ if (relatedTarget !== null && relatedTarget !== void 0 && relatedTarget.closest('[data-action-area]')) {
36
+ return;
37
+ }
38
+ onBlur === null || onBlur === void 0 || onBlur(e);
39
+ };
25
40
  return /*#__PURE__*/React.createElement("div", {
26
41
  className: "relative"
27
42
  }, /*#__PURE__*/React.createElement(Textarea, _extends({}, textareaProps, {
28
43
  className: cn(className, textareaWithActionsVariants({
29
44
  size: size
30
- }))
31
- })), leftToolbar && /*#__PURE__*/React.createElement("div", {
32
- className: "absolute bottom-1.5 left-1.5 flex items-center gap-0.5"
45
+ })),
46
+ ref: textareaRef,
47
+ onBlur: handleBlur
48
+ })), (leftToolbar || rightToolbar) && /*#__PURE__*/React.createElement("div", {
49
+ "data-action-area": "true",
50
+ className: cn('bg-background absolute right-2.5 bottom-0.25 left-1.5', textareaBottomActionAreaPadding[size]),
51
+ onClick: handleActionClick,
52
+ tabIndex: -1
53
+ }, leftToolbar && /*#__PURE__*/React.createElement("div", {
54
+ className: "absolute bottom-1.5 left-0 flex items-center gap-0.5"
33
55
  }, leftToolbar), rightToolbar && /*#__PURE__*/React.createElement("div", {
34
- className: "absolute right-1.5 bottom-1.5 flex items-center gap-0.5"
35
- }, rightToolbar));
56
+ className: "absolute right-0 bottom-1.5 flex items-center gap-0.5"
57
+ }, rightToolbar)));
36
58
  }
37
59
  export { TextareaWithActions };
package/textarea/textarea.constants.d.ts CHANGED
@@ -4,7 +4,12 @@ export declare const textareaSizeOptions: {
4
4
  readonly lg: "py-3 px-4 text-lg min-h-20 max-h-60";
5
5
  };
6
6
  export declare const textareaWithActionsSizeOptions: {
7
- readonly sm: "pb-10";
8
- readonly md: "pb-12";
9
- readonly lg: "pb-14";
7
+ readonly sm: "pb-10 scroll-pb-10";
8
+ readonly md: "pb-12 scroll-pb-12";
9
+ readonly lg: "pb-14 scroll-pb-14";
10
+ };
11
+ export declare const textareaBottomActionAreaPadding: {
12
+ readonly sm: "h-8";
13
+ readonly md: "h-10";
14
+ readonly lg: "h-12";
10
15
  };
package/textarea/textarea.constants.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import { FormSize } from '@scaleflex/ui-tw/types/form-size';
3
3
  export var textareaSizeOptions = _defineProperty(_defineProperty(_defineProperty({}, FormSize.Sm, 'py-2 px-3 text-sm min-h-14 max-h-44'), FormSize.Md, 'py-3 px-4 text-base min-h-16 max-h-48'), FormSize.Lg, 'py-3 px-4 text-lg min-h-20 max-h-60');
4
- export var textareaWithActionsSizeOptions = _defineProperty(_defineProperty(_defineProperty({}, FormSize.Sm, 'pb-10'), FormSize.Md, 'pb-12'), FormSize.Lg, 'pb-14');
4
+ export var textareaWithActionsSizeOptions = _defineProperty(_defineProperty(_defineProperty({}, FormSize.Sm, 'pb-10 scroll-pb-10'), FormSize.Md, 'pb-12 scroll-pb-12'), FormSize.Lg, 'pb-14 scroll-pb-14');
5
+ export var textareaBottomActionAreaPadding = _defineProperty(_defineProperty(_defineProperty({}, FormSize.Sm, 'h-8'), FormSize.Md, 'h-10'), FormSize.Lg, 'h-12');