@forgedevstack/bear 1.0.7 → 1.0.9

package/dist/utils/createSlots.d.ts

@@ -0,0 +1,70 @@
+import { FC, ReactNode } from 'react';
+/**
+ * Slot definition
+ */
+export interface SlotDefinition {
+    /** Required slot */
+    required?: boolean;
+    /** Allow multiple children in this slot */
+    multiple?: boolean;
+}
+/**
+ * Slot component type
+ */
+export type SlotComponent<P = object> = FC<P & {
+    children?: ReactNode;
+}>;
+/**
+ * Context value for slot management
+ */
+export interface SlotContextValue {
+    registerSlot: (name: string, content: ReactNode) => void;
+    getSlot: (name: string) => ReactNode | null;
+}
+/**
+ * Creates a composable slot-based component pattern
+ *
+ * @description
+ * Allows building components with named sub-components (slots)
+ * that can be composed in any order. Similar to Radix UI patterns.
+ *
+ * @example
+ * ```tsx
+ * const { Root, Slot, useSlots } = createSlots('Dialog', {
+ *   trigger: {},
+ *   title: {},
+ *   content: { required: true },
+ *   footer: {},
+ * });
+ *
+ * // Create compound component
+ * const Dialog = Object.assign(Root, {
+ *   Trigger: Slot('trigger'),
+ *   Title: Slot('title'),
+ *   Content: Slot('content'),
+ *   Footer: Slot('footer'),
+ * });
+ *
+ * // Usage
+ * <Dialog>
+ *   <Dialog.Trigger>Open</Dialog.Trigger>
+ *   <Dialog.Title>Hello</Dialog.Title>
+ *   <Dialog.Content>Body</Dialog.Content>
+ *   <Dialog.Footer>Actions</Dialog.Footer>
+ * </Dialog>
+ * ```
+ */
+export declare function createSlots<T extends Record<string, SlotDefinition>>(displayName: string, slots: T): {
+    Root: FC<{
+        children?: ReactNode;
+        className?: string;
+        style?: React.CSSProperties;
+    }>;
+    Slot: (name: keyof T & string) => FC<{
+        children?: ReactNode;
+        className?: string;
+        style?: React.CSSProperties;
+    }>;
+    useSlots: () => Record<keyof T & string, ReactNode | null>;
+    SlotContext: import('react').Context<SlotContextValue | null>;
+};

package/dist/utils/createSlots.js

@@ -0,0 +1,65 @@
+import { createContext as E, Children as v, isValidElement as w, createElement as a, useContext as M } from "react";
+function b(l, f) {
+  const i = E(null);
+  function x() {
+    const t = M(i);
+    if (!t)
+      throw new Error(`useSlots must be used within ${l}`);
+    const o = {};
+    for (const s of Object.keys(f))
+      o[s] = t.getSlot(s);
+    return o;
+  }
+  const m = Symbol(`${l}Slot`);
+  function C(t) {
+    const o = ({ children: s, className: n, style: S }) => a("div", {
+      className: n,
+      style: S,
+      "data-slot": t,
+      children: s
+    });
+    return o.displayName = `${l}.${String(t)}`, o.__slotName = t, o.__slotMarker = m, o;
+  }
+  const _ = ({
+    children: t,
+    className: o,
+    style: s
+  }) => {
+    const n = /* @__PURE__ */ new Map();
+    v.forEach(t, (e) => {
+      var u;
+      if (w(e)) {
+        const r = e.type;
+        if ((r == null ? void 0 : r.__slotMarker) === m && (r != null && r.__slotName)) {
+          const c = r.__slotName;
+          if ((u = f[c]) != null && u.multiple) {
+            const g = n.get(c);
+            n.set(
+              c,
+              g ? a("fragment", null, g, e) : e
+            );
+          } else
+            n.set(c, e);
+        }
+      }
+    });
+    const S = {
+      registerSlot: (e, u) => n.set(e, u),
+      getSlot: (e) => n.get(e) ?? null
+    };
+    return a(
+      i.Provider,
+      { value: S },
+      a("div", { className: o, style: s, "data-component": l }, t)
+    );
+  };
+  return _.displayName = l, {
+    Root: _,
+    Slot: C,
+    useSlots: x,
+    SlotContext: i
+  };
+}
+export {
+  b as createSlots
+};

package/dist/utils/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cn.cjs"),r=require("./deepMerge.cjs");exports.cn=e.cn;exports.styleForge=e.styleForge;exports.deepMerge=r.deepMerge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cn.cjs"),r=require("./deepMerge.cjs"),t=require("./createSlots.cjs");exports.cn=e.cn;exports.styleForge=e.styleForge;exports.deepMerge=r.deepMerge;exports.createSlots=t.createSlots;

package/dist/utils/index.d.ts

@@ -1,2 +1,4 @@
 export { cn, styleForge } from './cn';
 export { deepMerge } from './deepMerge';
+export { createSlots } from './createSlots';
+export type { SlotDefinition, SlotComponent } from './createSlots';

package/dist/utils/index.js

@@ -1,7 +1,9 @@
-import { cn as o, styleForge as p } from "./cn.js";
+import { cn as o, styleForge as t } from "./cn.js";
 import { deepMerge as f } from "./deepMerge.js";
+import { createSlots as x } from "./createSlots.js";
 export {
   o as cn,
+  x as createSlots,
   f as deepMerge,
-  p as styleForge
+  t as styleForge
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgedevstack/bear",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Strong, reliable React UI components. Tailwind-powered, zero config required. The protective force of ForgeStack.",
   "type": "module",
   "main": "./dist/index.cjs",