@quan-erp/shared-ui 1.0.11 → 1.1.0

package/dist/es/components/ui/toggle-group.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import "class-variance-authority";
+import { macrosSlot } from "../../lib/macros.js";
 import { cn } from "../../lib/utils.js";
 import { toggleVariants } from "./toggle.js";
 const ToggleGroupContext = React.createContext({
@@ -12,6 +13,7 @@ const ToggleGroup = React.forwardRef(({ className, variant, size, children, ...p
   ToggleGroupPrimitive.Root,
   {
     ref,
+    ...macrosSlot("toggle-group"),
     className: cn("shared:flex shared:items-center shared:justify-center shared:gap-1", className),
     ...props,
     children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
@@ -24,6 +26,7 @@ const ToggleGroupItem = React.forwardRef(({ className, children, variant, size,
     ToggleGroupPrimitive.Item,
     {
       ref,
+      ...macrosSlot("toggle-group-item"),
       className: cn(
         toggleVariants({
           variant: context.variant || variant,

package/dist/es/components/ui/toggle.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva } from "class-variance-authority";
+import { macrosSlot } from "../../lib/macros.js";
 import { cn } from "../../lib/utils.js";
 const toggleVariants = cva(
   "shared:inline-flex shared:items-center shared:justify-center shared:gap-2 shared:rounded-md shared:text-sm shared:font-medium shared:hover:bg-muted shared:hover:text-muted-foreground shared:disabled:pointer-events-none shared:disabled:opacity-50 shared:data-[state=on]:bg-accent shared:data-[state=on]:text-accent-foreground shared:[&_svg]:pointer-events-none [&_svg:not([class*='size-'])shared:]:size-4 shared:[&_svg]:shrink-0 shared:focus-visible:border-ring shared:focus-visible:ring-ring/50 shared:focus-visible:ring-[3px] shared:outline-none shared:transition-[color,box-shadow] shared:aria-invalid:ring-destructive/20 shared:dark:aria-invalid:ring-destructive/40 shared:aria-invalid:border-destructive shared:whitespace-nowrap",
@@ -32,7 +33,7 @@ function Toggle({
   return /* @__PURE__ */ jsx(
     TogglePrimitive.Root,
     {
-      "data-slot": "toggle",
+      ...macrosSlot("toggle"),
       className: cn(toggleVariants({ variant, size, className })),
       ...props
     }

package/dist/es/components/ui/tooltip.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { macrosSlot } from "../../lib/macros.js";
 import { cn } from "../../lib/utils.js";
 function TooltipProvider({
   delayDuration = 0,
@@ -23,7 +24,7 @@ function Tooltip({
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { ...macrosSlot("tooltip-trigger"), ...props });
 }
 function TooltipContent({
   className,
@@ -34,7 +35,7 @@ function TooltipContent({
   return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
     TooltipPrimitive.Content,
     {
-      "data-slot": "tooltip-content",
+      ...macrosSlot("tooltip-content"),
       sideOffset,
       className: cn(
         "shared:bg-foreground shared:text-background shared:animate-in shared:fade-in-0 shared:zoom-in-95 shared:data-[state=closed]:animate-out shared:data-[state=closed]:fade-out-0 shared:data-[state=closed]:zoom-out-95 shared:data-[side=bottom]:slide-in-from-top-2 shared:data-[side=left]:slide-in-from-right-2 shared:data-[side=right]:slide-in-from-left-2 shared:data-[side=top]:slide-in-from-bottom-2 shared:z-50 shared:w-fit shared:origin-(--radix-tooltip-content-transform-origin) shared:rounded-md shared:px-3 shared:py-1.5 shared:text-xs shared:text-balance",

package/dist/es/index.js

@@ -98,6 +98,7 @@ import { useDebounceValue } from "./hooks/use-debounce-value.js";
 import { useScrollDirection } from "./hooks/use-scroll-direction.js";
 import { useMounted } from "./hooks/use-mounted.js";
 import { useIsInView } from "./hooks/use-is-inview.js";
+import { macrosSlot } from "./lib/macros.js";
 import { groupTableRowsBy } from "./components/custom/data-table/group-table-rows.js";
 import * as RechartsPrimitive from "recharts";
 import { Editor } from "./components/blocks/editor-00/editor.js";
@@ -457,6 +458,7 @@ export {
   groupTableRowsBy,
   isDataTableInfiniteFromStorage,
   loadViewPreferences,
+  macrosSlot,
   navigationMenuTriggerStyle,
   nodes,
   parseDataTableRowsPerPage,

package/dist/es/lib/macros.js

@@ -0,0 +1,15 @@
+const slotCache = /* @__PURE__ */ new Map();
+function macrosSlot(slot) {
+  let attrs = slotCache.get(slot);
+  if (!attrs) {
+    attrs = {
+      "data-slot": slot,
+      "data-macros": slot
+    };
+    slotCache.set(slot, attrs);
+  }
+  return attrs;
+}
+export {
+  macrosSlot
+};

package/dist/lib/index.d.ts

@@ -1,2 +1,3 @@
 export * from './utils';
+export * from './macros';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/macros.d.ts

@@ -0,0 +1,8 @@
+/** Stable attrs so Quan ERP Macros can record/replay shared-ui controls. */
+type MacrosSlotAttrs = {
+    "data-slot": string;
+    "data-macros": string;
+};
+export declare function macrosSlot(slot: string): MacrosSlotAttrs;
+export {};
+//# sourceMappingURL=macros.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quan-erp/shared-ui",
   "private": false,
-  "version": "1.0.11",
+  "version": "1.1.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
   "main": "dist/es/index.js",
@@ -84,8 +84,8 @@
     }
   },
   "peerDependencies": {
-    "@quan-erp/shared-frontend-core": "1.0.11",
-    "@quan-erp/shared-types": "1.0.11",
+    "@quan-erp/shared-frontend-core": "1.1.0",
+    "@quan-erp/shared-types": "1.1.0",
     "motion": "^12.23.24",
     "react": "19.2.6",
     "react-dom": "19.2.6",