@process.co/ui 0.0.22 → 0.0.23

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 export { B as Button, L as LogicToggleButton, T as ToggleButton, b as buttonVariants, i as fields, l as logicToggleButtonStyles, t as toggleButtonVariants } from './index-DVH6qE_o.cjs';
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-export { i as slots } from './index-NpNmoYuX.cjs';
+export { i as slots } from './index-D4Fc9AJv.cjs';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 import '@radix-ui/react-toggle';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { B as Button, L as LogicToggleButton, T as ToggleButton, b as buttonVariants, i as fields, l as logicToggleButtonStyles, t as toggleButtonVariants } from './index-DVH6qE_o.js';
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-export { i as slots } from './index-NpNmoYuX.js';
+export { i as slots } from './index-D4Fc9AJv.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 import '@radix-ui/react-toggle';

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as React45 from 'react';
-import React45__default, { forwardRef, createElement, createContext, useLayoutEffect, useState, useContext, useCallback } from 'react';
+import React45__default, { forwardRef, createElement, createContext, useLayoutEffect, useState, useContext, useCallback, useEffect } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM4 from 'react-dom';
 import ReactDOM4__default from 'react-dom';
@@ -11956,7 +11956,8 @@ __export(slots_exports, {
   SlotDelete: () => SlotDelete,
   SlotDragHandle: () => SlotDragHandle,
   SlotElements: () => SlotElements,
-  SlotEnable: () => SlotEnable
+  SlotEnable: () => SlotEnable,
+  useSlotContext: () => useSlotContext
 });
 
 // src/components/slots/SlotElements.tsx
@@ -15367,6 +15368,18 @@ var SlotDragHandle = (props) => {
   const { slotId } = props;
   return /* @__PURE__ */ React.createElement("div", { className: "uii:cursor-grab" }, /* @__PURE__ */ React.createElement(FontAwesomeIcon, { icon: faGripVertical }));
 };
+
+// src/components/slots/index.tsx
+function useSlotContext(slotId) {
+  const devContext = useContext(DevContext);
+  const [activeSlotId, setActiveSlotId] = useState(void 0);
+  useEffect(() => {
+    if (devContext) {
+      setActiveSlotId(devContext.activeSlotId ?? void 0);
+    }
+  }, [devContext, slotId]);
+  return { active: (activeSlotId ?? "") === slotId, enabled: true };
+}
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.min.js: