@scaleflex/ui-tw 0.0.112 → 0.0.115

package/avatar/avatar.component.d.ts

@@ -0,0 +1,6 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import React, { type ComponentProps } from 'react';
+declare function Avatar({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Root>): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback };

package/avatar/avatar.component.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className"],
+  _excluded2 = ["className"],
+  _excluded3 = ["className"];
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cn } from '@scaleflex/ui-tw/utils/cn';
+import React from 'react';
+function Avatar(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(AvatarPrimitive.Root, _extends({
+    "data-slot": "avatar",
+    className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className)
+  }, props));
+}
+function AvatarImage(_ref2) {
+  var className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(AvatarPrimitive.Image, _extends({
+    "data-slot": "avatar-image",
+    className: cn('aspect-square h-full w-full', className)
+  }, props));
+}
+function AvatarFallback(_ref3) {
+  var className = _ref3.className,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/React.createElement(AvatarPrimitive.Fallback, _extends({
+    "data-slot": "avatar-fallback",
+    className: cn('bg-muted flex h-full w-full items-center justify-center rounded-full', className)
+  }, props));
+}
+export { Avatar, AvatarImage, AvatarFallback };

package/avatar/index.d.ts

@@ -0,0 +1 @@
+export { Avatar, AvatarImage, AvatarFallback } from './avatar.component';

package/avatar/index.js

@@ -0,0 +1 @@
+export { Avatar, AvatarImage, AvatarFallback } from './avatar.component';

package/dropdown-menu/dropdown-menu.component.js

@@ -36,7 +36,7 @@ var dropdownMenuCheckboxItemVariants = cva('', {
     size: DropdownMenuItemSize.Sm
   }
 });
-var dropdownMenuButtonTriggerVariants = cva(['inline-flex cursor-pointer rounded-md items-center justify-between font-medium text-foreground select-none', 'disabled:pointer-events-none disabled:opacity-50', focusRingClassNames].join(' '), {
+var dropdownMenuButtonTriggerVariants = cva('', {
   variants: {
     size: dropdownMenuButtonTriggerOptions
   },
@@ -133,7 +133,7 @@ function DropdownMenuItem(_ref6) {
     "data-variant": variant,
     className: cn('relative flex cursor-pointer items-center gap-2 rounded-sm outline-hidden select-none', dropdownMenuItemVariants({
       size: size
-    }), '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", dropdownMenuIconVariants({
+    }), 'data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive', 'focus:bg-secondary data-[disabled]:pointer-events-none data-[disabled]:opacity-50', "[&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", dropdownMenuIconVariants({
       size: size
     }), className)
   }, props));
@@ -149,7 +149,7 @@ function DropdownMenuCheckboxItem(_ref7) {
     "data-slot": "dropdown-menu-checkbox-item",
     className: cn('relative flex cursor-pointer items-center gap-2 rounded-sm pr-2 pl-2 outline-hidden select-none', dropdownMenuItemVariants({
       size: size
-    }), 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', 'data-[state=checked]:bg-accent data-[state=checked]:text-primary', 'focus:bg-accent focus:text-accent-foreground', "[&_svg:not([class*='text-'])]:text-muted-foreground focus:[&_svg:not([class*='text-'])]:text-primary data-[state=checked]:[&_svg:not([class*='text-'])]:text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0", dropdownMenuIconVariants({
+    }), 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', 'data-[state=checked]:bg-accent data-[state=checked]:text-primary focus:bg-secondary', "[&_svg:not([class*='text-'])]:text-muted-foreground data-[state=checked]:[&_svg:not([class*='text-'])]:text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0", dropdownMenuIconVariants({
       size: size
     }), className),
     checked: checked
@@ -177,9 +177,9 @@ function DropdownMenuRadioItem(_ref9) {
     props = _objectWithoutProperties(_ref9, _excluded4);
   return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.RadioItem, _extends({
     "data-slot": "dropdown-menu-radio-item",
-    className: cn('relative flex cursor-pointer items-center gap-2 select-none', dropdownMenuCheckboxItemVariants({
+    className: cn('relative flex cursor-pointer items-center gap-2 rounded-sm outline-hidden select-none', dropdownMenuCheckboxItemVariants({
       size: size
-    }), 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', 'focus:bg-accent focus:text-accent-foreground', "[&_svg:not([class*='text-'])]:text-muted-foreground focus:[&_svg:not([class*='text-'])]:text-primary data-[state=checked]:[&_svg:not([class*='text-'])]:text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0", dropdownMenuIconVariants({
+    }), 'focus:bg-secondary data-[state=checked]:bg-accent data-[state=checked]:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50', "[&_svg:not([class*='text-'])]:text-muted-foreground data-[state=checked]:[&_svg:not([class*='text-'])]:text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0", dropdownMenuIconVariants({
       size: size
     }), className)
   }, props), /*#__PURE__*/React.createElement("span", {
@@ -235,7 +235,7 @@ function DropdownMenuSubTrigger(_ref14) {
   return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.SubTrigger, _extends({
     "data-slot": "dropdown-menu-sub-trigger",
     "data-inset": inset,
-    className: cn('focus:bg-accent focus:text-accent-foreground relative', 'data-[state=open]:bg-accent data-[state=open]:text-accent-foreground', 'flex cursor-pointer items-center rounded-sm text-sm outline-hidden select-none', dropdownMenuItemVariants({
+    className: cn('focus:bg-secondary data-[state=open]:bg-secondary relative', 'flex cursor-pointer items-center rounded-sm text-sm outline-hidden select-none', dropdownMenuItemVariants({
       size: size
     }), className)
   }, props), children, /*#__PURE__*/React.createElement(ChevronRightIcon, {
@@ -259,7 +259,7 @@ function DropdownMenuButtonTrigger(_ref15) {
   return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Trigger, _extends({
     asChild: true
   }, props), /*#__PURE__*/React.createElement(Comp, {
-    className: cn(dropdownMenuButtonTriggerVariants({
+    className: cn('text-foreground inline-flex cursor-pointer items-center justify-between rounded-sm font-medium select-none', 'disabled:pointer-events-none disabled:opacity-50', focusRingClassNames, dropdownMenuButtonTriggerVariants({
       size: size
     }), className)
   }, /*#__PURE__*/React.createElement("span", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.112",
+  "version": "0.0.115",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -14,6 +14,7 @@
   "dependencies": {
     "@popperjs/core": "^2.6.0",
     "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-avatar": "^1.1.1",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-context-menu": "^2.2.16",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
@@ -25,7 +26,7 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.112",
+    "@scaleflex/icons-tw": "^0.0.115",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",