@humain/ui 2.4.2 → 2.4.4

package/dist/wc-react/xychartDiagram-S5SC5T6Z.js

@@ -1,4 +1,4 @@
-import { Et as Pt, Q as vt, Y as Et } from "./vendor/recharts.js";
+import { Q as Pt, Y as vt, wt as Et } from "./vendor/recharts.js";
 import { n as a } from "./chunk-Y2CYZVJY.js";
 import { t as zt } from "./chunk-X3CZISLH.js";
 import { D as oi, H as hi, K as ri, U as li, a as ci, b as pt, c as gi, f as ui, v as xi, w as Bt, y as di, z as fi } from "./chunk-DU6HZSFF.js";
@@ -1542,13 +1542,13 @@ var mt = class {
     a(this, "BandAxis");
   }
   constructor(t, i, e, s, n) {
-    super(t, s, n, i), this.categories = e, this.scale = vt().domain(this.categories).range(this.getRange());
+    super(t, s, n, i), this.categories = e, this.scale = Pt().domain(this.categories).range(this.getRange());
   }
   setRange(t) {
     super.setRange(t);
   }
   recalculateScale() {
-    this.scale = vt().domain(this.categories).range(this.getRange()).paddingInner(1).paddingOuter(0).align(0.5), zt.trace("BandAxis axis final categories, range: ", this.categories, this.getRange());
+    this.scale = Pt().domain(this.categories).range(this.getRange()).paddingInner(1).paddingOuter(0).align(0.5), zt.trace("BandAxis axis final categories, range: ", this.categories, this.getRange());
   }
   getTickValues() {
     return this.categories;
@@ -1561,14 +1561,14 @@ var mt = class {
     a(this, "LinearAxis");
   }
   constructor(t, i, e, s, n) {
-    super(t, s, n, i), this.domain = e, this.scale = Et().domain(this.domain).range(this.getRange());
+    super(t, s, n, i), this.domain = e, this.scale = vt().domain(this.domain).range(this.getRange());
   }
   getTickValues() {
     return this.scale.ticks();
   }
   recalculateScale() {
     const t = [...this.domain];
-    this.axisPosition === "left" && t.reverse(), this.scale = Et().domain(t).range(this.getRange());
+    this.axisPosition === "left" && t.reverse(), this.scale = vt().domain(t).range(this.getRange());
   }
   getScaleValue(t) {
     return this.scale(t);
@@ -1722,7 +1722,7 @@ var ki = class {
   getDrawableElement() {
     const t = this.plotData.data.map((s) => [this.xAxis.getScaleValue(s[0]), this.yAxis.getScaleValue(s[1])]);
     let i;
-    if (this.orientation === "horizontal" ? i = Pt().y((s) => s[0]).x((s) => s[1])(t) : i = Pt().x((s) => s[0]).y((s) => s[1])(t), !i) return [];
+    if (this.orientation === "horizontal" ? i = Et().y((s) => s[0]).x((s) => s[1])(t) : i = Et().x((s) => s[0]).y((s) => s[1])(t), !i) return [];
     const e = [{
       groupTexts: ["plot", `line-plot-${this.plotIndex}`],
       type: "path",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humain/ui",
-  "version": "2.4.2",
+  "version": "2.4.4",
   "description": "HUMAIN UI - React components, design tokens, and Web Components",
   "author": "Ali Abdul-Karim <akarim@humain.com>",
   "owner": "Humain",

package/skills/humain-ui/SKILL.md

@@ -3,7 +3,7 @@ name: humain-ui
 description: Use when building, migrating, auditing, or bootstrapping React UI with @humain/ui, including pages, dashboards, app shells, forms, dialogs, data tables, charts, AI chat workspaces, or Figma-to-Humain mapping.
 ---
 
-# Humain Foundation UI (v2.4.2)
+# Humain Foundation UI (v2.4.4)
 
 Build product UI with `@humain/ui`, a React 18/19 component library with Tailwind v4, dark mode, design tokens, Web Component projections, and AI-facing references.
 

package/skills/humain-ui-wc/SKILL.md

@@ -3,7 +3,7 @@ name: humain-ui-wc
 description: Use when building browser-native prototypes, iframe artifacts, static HTML, custom-element demos, framework-neutral integrations, or any HUMAIN UI that must use hf-* Web Components instead of React JSX.
 ---
 
-# Humain Foundation UI Web Components (v2.4.2)
+# Humain Foundation UI Web Components (v2.4.4)
 
 **Identity** - You build HUMAIN interfaces with `hf-*` custom elements. You keep the same product taste, spacing discipline, and component intent as the React `humain-ui` skill, but you only use Web Component APIs that actually exist in the manifest.
 

package/dist/wc/useOpenChangeComplete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOpenChangeComplete.js","names":[],"sources":["../../../../node_modules/.bun/@base-ui+react@1.7.0+8a291ac5721f2b4f/node_modules/@base-ui/react/internals/useTransitionStatus.mjs","../../../../node_modules/.bun/@base-ui+react@1.7.0+8a291ac5721f2b4f/node_modules/@base-ui/react/internals/stateAttributesMapping.mjs","../../../../node_modules/.bun/@base-ui+react@1.7.0+8a291ac5721f2b4f/node_modules/@base-ui/react/utils/resolveRef.mjs","../../../../node_modules/.bun/@base-ui+react@1.7.0+8a291ac5721f2b4f/node_modules/@base-ui/react/internals/useAnimationsFinished.mjs","../../../../node_modules/.bun/@base-ui+react@1.7.0+8a291ac5721f2b4f/node_modules/@base-ui/react/internals/useOpenChangeComplete.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { AnimationFrame } from '@base-ui/utils/useAnimationFrame';\n/**\n * Provides a status string for CSS animations.\n * @param open - a boolean that determines if the element is open.\n * @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`\n */\nexport function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) {\n  const [transitionStatus, setTransitionStatus] = React.useState(open && enableIdleState ? 'idle' : undefined);\n  const [mounted, setMounted] = React.useState(open);\n  if (open && !mounted) {\n    setMounted(true);\n    setTransitionStatus('starting');\n  }\n  if (!open && mounted && transitionStatus !== 'ending' && !deferEndingState) {\n    setTransitionStatus('ending');\n  }\n  if (!open && !mounted && transitionStatus === 'ending') {\n    setTransitionStatus(undefined);\n  }\n  useIsoLayoutEffect(() => {\n    if (!open && mounted && transitionStatus !== 'ending' && deferEndingState) {\n      const frame = AnimationFrame.request(() => {\n        setTransitionStatus('ending');\n      });\n      return () => {\n        AnimationFrame.cancel(frame);\n      };\n    }\n    return undefined;\n  }, [open, mounted, transitionStatus, deferEndingState]);\n  useIsoLayoutEffect(() => {\n    if (!open || enableIdleState) {\n      return undefined;\n    }\n    const frame = AnimationFrame.request(() => {\n      // Avoid `flushSync` here due to Firefox.\n      // See https://github.com/mui/base-ui/pull/3424\n      setTransitionStatus(undefined);\n    });\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open]);\n  useIsoLayoutEffect(() => {\n    if (!open || !enableIdleState) {\n      return undefined;\n    }\n    if (open && mounted && transitionStatus !== 'idle') {\n      setTransitionStatus('starting');\n    }\n    const frame = AnimationFrame.request(() => {\n      setTransitionStatus('idle');\n    });\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open, mounted, transitionStatus]);\n  return {\n    mounted,\n    setMounted,\n    transitionStatus\n  };\n}","export let TransitionStatusDataAttributes = /*#__PURE__*/function (TransitionStatusDataAttributes) {\n  /**\n   * Present when the component begins animating in.\n   */\n  TransitionStatusDataAttributes[\"startingStyle\"] = \"data-starting-style\";\n  /**\n   * Present when the component is animating out.\n   */\n  TransitionStatusDataAttributes[\"endingStyle\"] = \"data-ending-style\";\n  return TransitionStatusDataAttributes;\n}({});\nconst STARTING_HOOK = {\n  'data-starting-style': ''\n};\nconst ENDING_HOOK = {\n  'data-ending-style': ''\n};\nexport const transitionStatusMapping = {\n  transitionStatus(value) {\n    if (value === 'starting') {\n      return STARTING_HOOK;\n    }\n    if (value === 'ending') {\n      return ENDING_HOOK;\n    }\n    return null;\n  }\n};","/**\n * If the provided argument is a ref object, returns its `current` value.\n * Otherwise, returns the argument itself.\n */\nexport function resolveRef(maybeRef) {\n  if (maybeRef == null) {\n    return maybeRef;\n  }\n  return 'current' in maybeRef ? maybeRef.current : maybeRef;\n}","'use client';\n\nimport * as ReactDOM from 'react-dom';\nimport { useAnimationFrame } from '@base-ui/utils/useAnimationFrame';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { resolveRef } from \"../utils/resolveRef.mjs\";\n\n/**\n * Executes a function once all animations have finished on the provided element.\n * If an animation is canceled, waits for any replacement animations before executing.\n * @param elementOrRef - The element to watch for animations.\n * @param waitForStartingStyleRemoved - Whether to wait for [data-starting-style] to be removed before checking for animations.\n * @returns A function that takes a callback to execute once all animations have finished, and an optional AbortSignal to abort the callback\n */\nexport function useAnimationsFinished(elementOrRef, waitForStartingStyleRemoved = false) {\n  const frame = useAnimationFrame();\n  return useStableCallback((fnToExecute,\n  /**\n   * An optional [AbortSignal](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal) that\n   * can be used to abort `fnToExecute` before all the animations have finished.\n   * @default null\n   */\n  signal = null) => {\n    frame.cancel();\n    const element = resolveRef(elementOrRef);\n    if (element == null) {\n      return;\n    }\n    const resolvedElement = element;\n    const done = () => {\n      // Synchronously flush the unmounting of the component so that the browser doesn't\n      // paint: https://github.com/mui/base-ui/issues/979\n      ReactDOM.flushSync(fnToExecute);\n    };\n    if (typeof resolvedElement.getAnimations !== 'function' || globalThis.BASE_UI_ANIMATIONS_DISABLED) {\n      fnToExecute();\n      return;\n    }\n    function exec() {\n      Promise.all(resolvedElement.getAnimations().map(animation => animation.finished)).then(() => {\n        if (!signal?.aborted) {\n          done();\n        }\n      }, () => {\n        if (signal?.aborted) {\n          return;\n        }\n        const currentAnimations = resolvedElement.getAnimations();\n        if (currentAnimations.some(animation => animation.pending || animation.playState !== 'finished')) {\n          // Sometimes animations can be aborted because a property they depend on changes while the animation plays.\n          // In such cases, we need to re-check if any new animations have started.\n          exec();\n          return;\n        }\n        done();\n      });\n    }\n    if (waitForStartingStyleRemoved) {\n      const startingStyleAttribute = 'data-starting-style';\n\n      // If `[data-starting-style]` isn't present, fall back to waiting one more frame\n      // to give \"open\" animations a chance to be registered.\n      if (!resolvedElement.hasAttribute(startingStyleAttribute)) {\n        frame.request(exec);\n        return;\n      }\n\n      // Wait for `[data-starting-style]` to have been removed.\n      const attributeObserver = new MutationObserver(() => {\n        if (!resolvedElement.hasAttribute(startingStyleAttribute)) {\n          attributeObserver.disconnect();\n          exec();\n        }\n      });\n      attributeObserver.observe(resolvedElement, {\n        attributes: true,\n        attributeFilter: [startingStyleAttribute]\n      });\n      signal?.addEventListener('abort', () => attributeObserver.disconnect(), {\n        once: true\n      });\n      return;\n    }\n    frame.request(exec);\n  });\n}","'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useAnimationsFinished } from \"./useAnimationsFinished.mjs\";\n\n/**\n * Calls the provided function when the CSS open/close animation or transition completes.\n */\nexport function useOpenChangeComplete(parameters) {\n  const {\n    enabled = true,\n    open,\n    ref,\n    onComplete: onCompleteParam\n  } = parameters;\n  const onComplete = useStableCallback(onCompleteParam);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, open);\n  React.useEffect(() => {\n    if (!enabled) {\n      return undefined;\n    }\n    const abortController = new AbortController();\n    runOnceAnimationsFinish(onComplete, abortController.signal);\n    return () => {\n      abortController.abort();\n    };\n  }, [enabled, open, onComplete, runOnceAnimationsFinish]);\n}"],"x_google_ignoreList":[0,1,2,3,4],"mappings":"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"}

package/dist/wc-react/useOpenChangeComplete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOpenChangeComplete.js","names":["React"],"sources":["../../../../node_modules/.bun/@base-ui+react@1.7.0+8a291ac5721f2b4f/node_modules/@base-ui/react/internals/useTransitionStatus.mjs","../../../../node_modules/.bun/@base-ui+react@1.7.0+8a291ac5721f2b4f/node_modules/@base-ui/react/internals/stateAttributesMapping.mjs","../../../../node_modules/.bun/@base-ui+react@1.7.0+8a291ac5721f2b4f/node_modules/@base-ui/react/utils/resolveRef.mjs","../../../../node_modules/.bun/@base-ui+react@1.7.0+8a291ac5721f2b4f/node_modules/@base-ui/react/internals/useAnimationsFinished.mjs","../../../../node_modules/.bun/@base-ui+react@1.7.0+8a291ac5721f2b4f/node_modules/@base-ui/react/internals/useOpenChangeComplete.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { AnimationFrame } from '@base-ui/utils/useAnimationFrame';\n/**\n * Provides a status string for CSS animations.\n * @param open - a boolean that determines if the element is open.\n * @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`\n */\nexport function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) {\n  const [transitionStatus, setTransitionStatus] = React.useState(open && enableIdleState ? 'idle' : undefined);\n  const [mounted, setMounted] = React.useState(open);\n  if (open && !mounted) {\n    setMounted(true);\n    setTransitionStatus('starting');\n  }\n  if (!open && mounted && transitionStatus !== 'ending' && !deferEndingState) {\n    setTransitionStatus('ending');\n  }\n  if (!open && !mounted && transitionStatus === 'ending') {\n    setTransitionStatus(undefined);\n  }\n  useIsoLayoutEffect(() => {\n    if (!open && mounted && transitionStatus !== 'ending' && deferEndingState) {\n      const frame = AnimationFrame.request(() => {\n        setTransitionStatus('ending');\n      });\n      return () => {\n        AnimationFrame.cancel(frame);\n      };\n    }\n    return undefined;\n  }, [open, mounted, transitionStatus, deferEndingState]);\n  useIsoLayoutEffect(() => {\n    if (!open || enableIdleState) {\n      return undefined;\n    }\n    const frame = AnimationFrame.request(() => {\n      // Avoid `flushSync` here due to Firefox.\n      // See https://github.com/mui/base-ui/pull/3424\n      setTransitionStatus(undefined);\n    });\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open]);\n  useIsoLayoutEffect(() => {\n    if (!open || !enableIdleState) {\n      return undefined;\n    }\n    if (open && mounted && transitionStatus !== 'idle') {\n      setTransitionStatus('starting');\n    }\n    const frame = AnimationFrame.request(() => {\n      setTransitionStatus('idle');\n    });\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open, mounted, transitionStatus]);\n  return {\n    mounted,\n    setMounted,\n    transitionStatus\n  };\n}","export let TransitionStatusDataAttributes = /*#__PURE__*/function (TransitionStatusDataAttributes) {\n  /**\n   * Present when the component begins animating in.\n   */\n  TransitionStatusDataAttributes[\"startingStyle\"] = \"data-starting-style\";\n  /**\n   * Present when the component is animating out.\n   */\n  TransitionStatusDataAttributes[\"endingStyle\"] = \"data-ending-style\";\n  return TransitionStatusDataAttributes;\n}({});\nconst STARTING_HOOK = {\n  'data-starting-style': ''\n};\nconst ENDING_HOOK = {\n  'data-ending-style': ''\n};\nexport const transitionStatusMapping = {\n  transitionStatus(value) {\n    if (value === 'starting') {\n      return STARTING_HOOK;\n    }\n    if (value === 'ending') {\n      return ENDING_HOOK;\n    }\n    return null;\n  }\n};","/**\n * If the provided argument is a ref object, returns its `current` value.\n * Otherwise, returns the argument itself.\n */\nexport function resolveRef(maybeRef) {\n  if (maybeRef == null) {\n    return maybeRef;\n  }\n  return 'current' in maybeRef ? maybeRef.current : maybeRef;\n}","'use client';\n\nimport * as ReactDOM from 'react-dom';\nimport { useAnimationFrame } from '@base-ui/utils/useAnimationFrame';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { resolveRef } from \"../utils/resolveRef.mjs\";\n\n/**\n * Executes a function once all animations have finished on the provided element.\n * If an animation is canceled, waits for any replacement animations before executing.\n * @param elementOrRef - The element to watch for animations.\n * @param waitForStartingStyleRemoved - Whether to wait for [data-starting-style] to be removed before checking for animations.\n * @returns A function that takes a callback to execute once all animations have finished, and an optional AbortSignal to abort the callback\n */\nexport function useAnimationsFinished(elementOrRef, waitForStartingStyleRemoved = false) {\n  const frame = useAnimationFrame();\n  return useStableCallback((fnToExecute,\n  /**\n   * An optional [AbortSignal](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal) that\n   * can be used to abort `fnToExecute` before all the animations have finished.\n   * @default null\n   */\n  signal = null) => {\n    frame.cancel();\n    const element = resolveRef(elementOrRef);\n    if (element == null) {\n      return;\n    }\n    const resolvedElement = element;\n    const done = () => {\n      // Synchronously flush the unmounting of the component so that the browser doesn't\n      // paint: https://github.com/mui/base-ui/issues/979\n      ReactDOM.flushSync(fnToExecute);\n    };\n    if (typeof resolvedElement.getAnimations !== 'function' || globalThis.BASE_UI_ANIMATIONS_DISABLED) {\n      fnToExecute();\n      return;\n    }\n    function exec() {\n      Promise.all(resolvedElement.getAnimations().map(animation => animation.finished)).then(() => {\n        if (!signal?.aborted) {\n          done();\n        }\n      }, () => {\n        if (signal?.aborted) {\n          return;\n        }\n        const currentAnimations = resolvedElement.getAnimations();\n        if (currentAnimations.some(animation => animation.pending || animation.playState !== 'finished')) {\n          // Sometimes animations can be aborted because a property they depend on changes while the animation plays.\n          // In such cases, we need to re-check if any new animations have started.\n          exec();\n          return;\n        }\n        done();\n      });\n    }\n    if (waitForStartingStyleRemoved) {\n      const startingStyleAttribute = 'data-starting-style';\n\n      // If `[data-starting-style]` isn't present, fall back to waiting one more frame\n      // to give \"open\" animations a chance to be registered.\n      if (!resolvedElement.hasAttribute(startingStyleAttribute)) {\n        frame.request(exec);\n        return;\n      }\n\n      // Wait for `[data-starting-style]` to have been removed.\n      const attributeObserver = new MutationObserver(() => {\n        if (!resolvedElement.hasAttribute(startingStyleAttribute)) {\n          attributeObserver.disconnect();\n          exec();\n        }\n      });\n      attributeObserver.observe(resolvedElement, {\n        attributes: true,\n        attributeFilter: [startingStyleAttribute]\n      });\n      signal?.addEventListener('abort', () => attributeObserver.disconnect(), {\n        once: true\n      });\n      return;\n    }\n    frame.request(exec);\n  });\n}","'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useAnimationsFinished } from \"./useAnimationsFinished.mjs\";\n\n/**\n * Calls the provided function when the CSS open/close animation or transition completes.\n */\nexport function useOpenChangeComplete(parameters) {\n  const {\n    enabled = true,\n    open,\n    ref,\n    onComplete: onCompleteParam\n  } = parameters;\n  const onComplete = useStableCallback(onCompleteParam);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, open);\n  React.useEffect(() => {\n    if (!enabled) {\n      return undefined;\n    }\n    const abortController = new AbortController();\n    runOnceAnimationsFinish(onComplete, abortController.signal);\n    return () => {\n      abortController.abort();\n    };\n  }, [enabled, open, onComplete, runOnceAnimationsFinish]);\n}"],"x_google_ignoreList":[0,1,2,3,4],"mappings":"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"}