@process.co/ui 0.0.22 → 0.0.23

package/dist/{index-NpNmoYuX.d.cts → index-D4Fc9AJv.d.cts}

@@ -26,6 +26,18 @@ interface SlotDragHandleProps {
 }
 declare const SlotDragHandle: (props: SlotDragHandleProps) => React.JSX.Element;
 
+/**
+ * Hook to subscribe to the slot enabled and active states by slot id.
+ *
+ * When used within a DevProvider, uses the dev context's slot enabled state.
+ * When used within a production provider, uses the real store.
+ * Returns undefined when not inside any provider.
+ */
+declare function useSlotContext(slotId: string): {
+    active: boolean;
+    enabled: boolean;
+} | undefined;
+
 declare const index_ExportManager: typeof ExportManager;
 type index_ExportManagerProps = ExportManagerProps;
 declare const index_SlotDelete: typeof SlotDelete;
@@ -36,8 +48,9 @@ declare const index_SlotElements: typeof SlotElements;
 type index_SlotElementsProps = SlotElementsProps;
 declare const index_SlotEnable: typeof SlotEnable;
 type index_SlotEnableProps = SlotEnableProps;
+declare const index_useSlotContext: typeof useSlotContext;
 declare namespace index {
-  export { index_ExportManager as ExportManager, type index_ExportManagerProps as ExportManagerProps, index_SlotDelete as SlotDelete, type index_SlotDeleteProps as SlotDeleteProps, index_SlotDragHandle as SlotDragHandle, type index_SlotDragHandleProps as SlotDragHandleProps, index_SlotElements as SlotElements, type index_SlotElementsProps as SlotElementsProps, index_SlotEnable as SlotEnable, type index_SlotEnableProps as SlotEnableProps };
+  export { index_ExportManager as ExportManager, type index_ExportManagerProps as ExportManagerProps, index_SlotDelete as SlotDelete, type index_SlotDeleteProps as SlotDeleteProps, index_SlotDragHandle as SlotDragHandle, type index_SlotDragHandleProps as SlotDragHandleProps, index_SlotElements as SlotElements, type index_SlotElementsProps as SlotElementsProps, index_SlotEnable as SlotEnable, type index_SlotEnableProps as SlotEnableProps, index_useSlotContext as useSlotContext };
 }
 
-export { ExportManager as E, SlotElements as S, type SlotElementsProps as a, type ExportManagerProps as b, SlotEnable as c, type SlotEnableProps as d, SlotDelete as e, type SlotDeleteProps as f, SlotDragHandle as g, type SlotDragHandleProps as h, index as i };
+export { ExportManager as E, SlotElements as S, type SlotElementsProps as a, type ExportManagerProps as b, SlotEnable as c, type SlotEnableProps as d, SlotDelete as e, type SlotDeleteProps as f, SlotDragHandle as g, type SlotDragHandleProps as h, index as i, useSlotContext as u };

package/dist/{index-NpNmoYuX.d.ts → index-D4Fc9AJv.d.ts}

@@ -26,6 +26,18 @@ interface SlotDragHandleProps {
 }
 declare const SlotDragHandle: (props: SlotDragHandleProps) => React.JSX.Element;
 
+/**
+ * Hook to subscribe to the slot enabled and active states by slot id.
+ *
+ * When used within a DevProvider, uses the dev context's slot enabled state.
+ * When used within a production provider, uses the real store.
+ * Returns undefined when not inside any provider.
+ */
+declare function useSlotContext(slotId: string): {
+    active: boolean;
+    enabled: boolean;
+} | undefined;
+
 declare const index_ExportManager: typeof ExportManager;
 type index_ExportManagerProps = ExportManagerProps;
 declare const index_SlotDelete: typeof SlotDelete;
@@ -36,8 +48,9 @@ declare const index_SlotElements: typeof SlotElements;
 type index_SlotElementsProps = SlotElementsProps;
 declare const index_SlotEnable: typeof SlotEnable;
 type index_SlotEnableProps = SlotEnableProps;
+declare const index_useSlotContext: typeof useSlotContext;
 declare namespace index {
-  export { index_ExportManager as ExportManager, type index_ExportManagerProps as ExportManagerProps, index_SlotDelete as SlotDelete, type index_SlotDeleteProps as SlotDeleteProps, index_SlotDragHandle as SlotDragHandle, type index_SlotDragHandleProps as SlotDragHandleProps, index_SlotElements as SlotElements, type index_SlotElementsProps as SlotElementsProps, index_SlotEnable as SlotEnable, type index_SlotEnableProps as SlotEnableProps };
+  export { index_ExportManager as ExportManager, type index_ExportManagerProps as ExportManagerProps, index_SlotDelete as SlotDelete, type index_SlotDeleteProps as SlotDeleteProps, index_SlotDragHandle as SlotDragHandle, type index_SlotDragHandleProps as SlotDragHandleProps, index_SlotElements as SlotElements, type index_SlotElementsProps as SlotElementsProps, index_SlotEnable as SlotEnable, type index_SlotEnableProps as SlotEnableProps, index_useSlotContext as useSlotContext };
 }
 
-export { ExportManager as E, SlotElements as S, type SlotElementsProps as a, type ExportManagerProps as b, SlotEnable as c, type SlotEnableProps as d, SlotDelete as e, type SlotDeleteProps as f, SlotDragHandle as g, type SlotDragHandleProps as h, index as i };
+export { ExportManager as E, SlotElements as S, type SlotElementsProps as a, type ExportManagerProps as b, SlotEnable as c, type SlotEnableProps as d, SlotDelete as e, type SlotDeleteProps as f, SlotDragHandle as g, type SlotDragHandleProps as h, index as i, useSlotContext as u };

package/dist/index.cjs

@@ -11977,7 +11977,8 @@ __export(slots_exports, {
   SlotDelete: () => SlotDelete,
   SlotDragHandle: () => SlotDragHandle,
   SlotElements: () => SlotElements,
-  SlotEnable: () => SlotEnable
+  SlotEnable: () => SlotEnable,
+  useSlotContext: () => useSlotContext
 });
 
 // src/components/slots/SlotElements.tsx
@@ -15388,6 +15389,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 = React45.useContext(DevContext);
+  const [activeSlotId, setActiveSlotId] = React45.useState(void 0);
+  React45.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: