@dimaan/ui 0.0.23 → 0.0.24

package/README.md

@@ -4,6 +4,7 @@ Shared React UI component library for Diman company projects.
 
 Built with **React 19**, **TypeScript**, **Tailwind CSS v4**, and a CSS-first design token system. Distributed as dual ESM/CJS with full type definitions, intended for Vite-based dashboard apps.
 
+
 ## Documentation
 
 - **[USAGE.md](USAGE.md)** — full consumer guide: install, Tailwind setup, framework-specific examples (Next.js / Vite / Remix), theming, and pitfalls.

package/dist/index.cjs

@@ -136,7 +136,7 @@ var buttonSizeClass = {
   icon: "h-9 w-9 shrink-0 rounded-md p-0",
   "icon-sm": "h-8 w-8 shrink-0 rounded-md p-0"
 };
-var buttonBaseClass = "group/button relative inline-flex items-center justify-center font-medium select-none whitespace-nowrap outline-none transition-[background-color,color,box-shadow,opacity] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0";
+var buttonBaseClass = "group/button relative inline-flex items-center justify-center font-medium select-none whitespace-nowrap outline-none transition-[background-color,color,box-shadow,opacity,transform] active:scale-[0.98] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 motion-reduce:transition-none motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0";
 var Button = react.forwardRef(function Button2({
   variant = "primary",
   size = "md",
@@ -3273,6 +3273,57 @@ var RadioGroupItem = react.forwardRef(function RadioGroupItem2({ className, radi
   );
 });
 
+// src/components/row-actions/rowActionsVariants.ts
+var rowActionsBaseClass = "inline-flex items-center gap-1";
+var rowActionsDestructiveClass = "text-destructive hover:bg-destructive/10 hover:text-destructive focus-visible:ring-destructive/40";
+var PRESETS = {
+  view: { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, {}), label: "View", destructive: false },
+  edit: { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, {}), label: "Edit", destructive: false },
+  delete: { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, {}), label: "Delete", destructive: true }
+};
+function isPreset(action) {
+  return "kind" in action;
+}
+function resolveAction(action) {
+  if (isPreset(action)) {
+    const preset = PRESETS[action.kind];
+    return {
+      icon: preset.icon,
+      label: action.label ?? preset.label,
+      destructive: preset.destructive,
+      onClick: action.onClick,
+      disabled: action.disabled ?? false
+    };
+  }
+  return {
+    icon: action.icon,
+    label: action.label,
+    destructive: action.variant === "destructive",
+    onClick: action.onClick,
+    disabled: action.disabled ?? false
+  };
+}
+function RowActions({ actions, size = "icon-sm", className }) {
+  if (actions.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(rowActionsBaseClass, className), children: actions.map((action, index) => {
+    const resolved = resolveAction(action);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size,
+        "aria-label": resolved.label,
+        disabled: resolved.disabled,
+        onClick: resolved.onClick,
+        className: resolved.destructive ? rowActionsDestructiveClass : void 0,
+        children: resolved.icon
+      },
+      index
+    );
+  }) });
+}
+
 // src/components/switch/switchVariants.ts
 var switchTrackClass = {
   sm: "h-4 w-7",
@@ -3571,6 +3622,7 @@ exports.MultiSelect = MultiSelect;
 exports.PageHeader = PageHeader;
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupItem = RadioGroupItem;
+exports.RowActions = RowActions;
 exports.Select = Select;
 exports.Sidebar = Sidebar;
 exports.SidebarFooter = SidebarFooter;
@@ -3684,6 +3736,8 @@ exports.radioItemBaseClass = radioItemBaseClass;
 exports.radioItemSizeClass = radioItemSizeClass;
 exports.radioLabelSizeClass = radioLabelSizeClass;
 exports.radioOptionRowClass = radioOptionRowClass;
+exports.rowActionsBaseClass = rowActionsBaseClass;
+exports.rowActionsDestructiveClass = rowActionsDestructiveClass;
 exports.selectBaseClass = selectBaseClass;
 exports.selectSizeClass = selectSizeClass;
 exports.selectVariantClass = selectVariantClass;