@ansh-ui/react 0.2.0

package/dist/chunk-SFU5EPSN.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+require('react');
+
+// src/primitives/compose.ts
+function composeEventHandlers(theirs, ours, options = {}) {
+  const { checkForDefaultPrevented = true } = options;
+  return (event) => {
+    theirs?.(event);
+    if (checkForDefaultPrevented && event.defaultPrevented) return;
+    ours(event);
+  };
+}
+function assignRef(ref, node) {
+  if (!ref) return;
+  if (typeof ref === "function") ref(node);
+  else ref.current = node;
+}
+function mergeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) assignRef(ref, node);
+  };
+}
+function mergeProps(slotProps, childProps) {
+  const merged = { ...slotProps, ...childProps };
+  for (const key of Object.keys(slotProps)) {
+    const slotValue = slotProps[key];
+    const childValue = childProps[key];
+    if (/^on[A-Z]/.test(key) && typeof slotValue === "function") {
+      if (typeof childValue === "function") {
+        merged[key] = (...args) => {
+          childValue(...args);
+          slotValue(...args);
+        };
+      } else {
+        merged[key] = slotValue;
+      }
+      continue;
+    }
+    if (key === "style") {
+      merged[key] = { ...slotValue, ...childValue };
+      continue;
+    }
+    if (key === "className") {
+      merged[key] = [slotValue, childValue].filter(Boolean).join(" ");
+      continue;
+    }
+  }
+  return merged;
+}
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+
+exports.assignRef = assignRef;
+exports.composeEventHandlers = composeEventHandlers;
+exports.cx = cx;
+exports.mergeProps = mergeProps;
+exports.mergeRefs = mergeRefs;
+//# sourceMappingURL=chunk-SFU5EPSN.cjs.map
+//# sourceMappingURL=chunk-SFU5EPSN.cjs.map

package/dist/chunk-SFU5EPSN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/compose.ts"],"names":[],"mappings":";;;;;AASO,SAAS,oBAAA,CACd,MAAA,EACA,IAAA,EACA,OAAA,GAAkD,EAAC,EAC/B;AACpB,EAAA,MAAM,EAAE,wBAAA,GAA2B,IAAA,EAAK,GAAI,OAAA;AAC5C,EAAA,OAAO,CAAC,KAAA,KAAa;AACnB,IAAA,MAAA,GAAS,KAAK,CAAA;AACd,IAAA,IAAI,wBAAA,IAA4B,MAAM,gBAAA,EAAkB;AACxD,IAAA,IAAA,CAAK,KAAK,CAAA;AAAA,EACZ,CAAA;AACF;AAGO,SAAS,SAAA,CAAa,KAAgC,IAAA,EAAsB;AACjF,EAAA,IAAI,CAAC,GAAA,EAAK;AACV,EAAA,IAAI,OAAO,GAAA,KAAQ,UAAA,EAAY,GAAA,CAAI,IAAI,CAAA;AAAA,OACjC,IAAyC,OAAA,GAAU,IAAA;AAC3D;AAQO,SAAS,aAAgB,IAAA,EAAkE;AAChG,EAAA,OAAO,CAAC,IAAA,KAAmB;AACzB,IAAA,KAAA,MAAW,GAAA,IAAO,IAAA,EAAM,SAAA,CAAU,GAAA,EAAK,IAAI,CAAA;AAAA,EAC7C,CAAA;AACF;AAUO,SAAS,UAAA,CACd,WACA,UAAA,EACyB;AACzB,EAAA,MAAM,MAAA,GAAkC,EAAE,GAAG,SAAA,EAAW,GAAG,UAAA,EAAW;AAEtE,EAAA,KAAA,MAAW,GAAA,IAAO,MAAA,CAAO,IAAA,CAAK,SAAS,CAAA,EAAG;AACxC,IAAA,MAAM,SAAA,GAAY,UAAU,GAAG,CAAA;AAC/B,IAAA,MAAM,UAAA,GAAa,WAAW,GAAG,CAAA;AAGjC,IAAA,IAAI,WAAW,IAAA,CAAK,GAAG,CAAA,IAAK,OAAO,cAAc,UAAA,EAAY;AAC3D,MAAA,IAAI,OAAO,eAAe,UAAA,EAAY;AACpC,QAAA,MAAA,CAAO,GAAG,CAAA,GAAI,CAAA,GAAI,IAAA,KAAoB;AACnC,UAAC,UAAA,CAAyC,GAAG,IAAI,CAAA;AACjD,UAAC,SAAA,CAAwC,GAAG,IAAI,CAAA;AAAA,QACnD,CAAA;AAAA,MACF,CAAA,MAAO;AACL,QAAA,MAAA,CAAO,GAAG,CAAA,GAAI,SAAA;AAAA,MAChB;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,QAAQ,OAAA,EAAS;AACnB,MAAA,MAAA,CAAO,GAAG,CAAA,GAAI,EAAE,GAAI,SAAA,EAAsB,GAAI,UAAA,EAAsB;AACpE,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,QAAQ,WAAA,EAAa;AACvB,MAAA,MAAA,CAAO,GAAG,CAAA,GAAI,CAAC,SAAA,EAAW,UAAU,EAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAC9D,MAAA;AAAA,IACF;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT;AAGO,SAAS,MAAM,KAAA,EAAyD;AAC7E,EAAA,OAAO,KAAA,CAAM,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AACvC","file":"chunk-SFU5EPSN.cjs","sourcesContent":["import { type Ref, type SyntheticEvent } from 'react'\n\n/**\n * Run a component's own handler after the consumer's, unless the consumer prevented default.\n *\n * The order matters and so does the check. A consumer's `onClick` on a `<Dialog.Close>` should be\n * able to call `event.preventDefault()` to stop the dialog closing — that is the escape hatch that\n * keeps composed components usable. Calling the internal handler first would make it impossible.\n */\nexport function composeEventHandlers<E extends SyntheticEvent | Event>(\n  theirs: ((event: E) => void) | undefined,\n  ours: (event: E) => void,\n  options: { checkForDefaultPrevented?: boolean } = {},\n): (event: E) => void {\n  const { checkForDefaultPrevented = true } = options\n  return (event: E) => {\n    theirs?.(event)\n    if (checkForDefaultPrevented && event.defaultPrevented) return\n    ours(event)\n  }\n}\n\n/** Assign a node to any ref shape — callback, object, or nothing. */\nexport function assignRef<T>(ref: Ref<T> | undefined | null, node: T | null): void {\n  if (!ref) return\n  if (typeof ref === 'function') ref(node)\n  else (ref as React.MutableRefObject<T | null>).current = node\n}\n\n/**\n * Merge refs without a hook.\n *\n * `useMergedRef` is the hook form and should be preferred inside components. This exists for the\n * places a ref must be merged outside of a render — cloning an element in a `Slot`, for instance.\n */\nexport function mergeRefs<T>(...refs: Array<Ref<T> | undefined | null>): (node: T | null) => void {\n  return (node: T | null) => {\n    for (const ref of refs) assignRef(ref, node)\n  }\n}\n\n/**\n * Merge two sets of props, with the child's winning for everything except handlers, `className`\n * and `style`, which compose.\n *\n * This is the merge strategy `asChild` needs. A naive spread would let a child's `onClick`\n * silently delete a `Popover.Trigger`'s open handler, producing a trigger that renders perfectly\n * and does nothing.\n */\nexport function mergeProps(\n  slotProps: Record<string, unknown>,\n  childProps: Record<string, unknown>,\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...slotProps, ...childProps }\n\n  for (const key of Object.keys(slotProps)) {\n    const slotValue = slotProps[key]\n    const childValue = childProps[key]\n\n    // `onClick`, `onKeyDown`, … — chain them, child first.\n    if (/^on[A-Z]/.test(key) && typeof slotValue === 'function') {\n      if (typeof childValue === 'function') {\n        merged[key] = (...args: unknown[]) => {\n          ;(childValue as (...a: unknown[]) => void)(...args)\n          ;(slotValue as (...a: unknown[]) => void)(...args)\n        }\n      } else {\n        merged[key] = slotValue\n      }\n      continue\n    }\n\n    if (key === 'style') {\n      merged[key] = { ...(slotValue as object), ...(childValue as object) }\n      continue\n    }\n\n    if (key === 'className') {\n      merged[key] = [slotValue, childValue].filter(Boolean).join(' ')\n      continue\n    }\n  }\n\n  return merged\n}\n\n/** Join class names, dropping falsy entries. The whole of `clsx` that this library actually uses. */\nexport function cx(...parts: Array<string | false | null | undefined>): string {\n  return parts.filter(Boolean).join(' ')\n}\n"]}