@humain/ui 2.1.62 → 2.1.65

package/dist/index182.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index182.js","names":[],"sources":["../src/components/organisms/ai/AIThinkingLoader/AIThinkingLoader.tsx"],"sourcesContent":["import './AIThinkingLoader.css';\n\nimport { useAnimate, useReducedMotion } from 'motion/react';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\n// Animated Progress Ovals\n\ninterface AnimatedProgressOvalsProps {\n  className?: string;\n  animationDuration?: number;\n  easing?: string;\n}\n\nfunction AnimatedProgressOvals({\n  className,\n  animationDuration = 3000,\n  easing = 'ease-in-out',\n}: AnimatedProgressOvalsProps) {\n  const prefersReducedMotion = useReducedMotion();\n\n  return (\n    <div\n      data-slot=\"thinking-oval\"\n      aria-hidden=\"true\"\n      className={cn('absolute top-0 bottom-0 pointer-events-none', className)}\n      style={\n        prefersReducedMotion\n          ? undefined\n          : {\n              left: 0,\n              right: '100%',\n              animationName: 'thinking-grow-empty',\n              animationDuration: `${animationDuration}ms`,\n              animationTimingFunction: easing,\n              animationIterationCount: 'infinite',\n              willChange: 'left, right, transform',\n            }\n      }\n    >\n      <div\n        className=\"absolute rounded-full bg-air-200 opacity-20\"\n        style={{ inset: -40 }}\n      />\n      <div\n        className=\"absolute rounded-full bg-air-200 opacity-50\"\n        style={{ inset: -20 }}\n      />\n      <div\n        className=\"absolute rounded-full bg-air-200 opacity-70\"\n        style={{ inset: 0 }}\n      />\n    </div>\n  );\n}\n\nAnimatedProgressOvals.displayName = 'AnimatedProgressOvals';\n\n// Countdown Timer\n\nexport interface CountdownTimerProps {\n  initialTime?: number;\n  isActive?: boolean;\n  onComplete?: () => void;\n  className?: string;\n}\n\nfunction CountdownTimer({\n  initialTime = 5,\n  isActive = true,\n  onComplete,\n  className,\n}: CountdownTimerProps) {\n  const [timeLeft, setTimeLeft] = React.useState(initialTime);\n  const [scope, animate] = useAnimate();\n  const prefersReducedMotion = useReducedMotion();\n  const isFirstTick = React.useRef(true);\n\n  React.useEffect(() => {\n    setTimeLeft(initialTime);\n  }, [initialTime]);\n\n  React.useEffect(() => {\n    if (!isActive) return;\n\n    const timer = setInterval(() => {\n      setTimeLeft((prev) => {\n        if (prev <= 1) {\n          onComplete?.();\n          return initialTime;\n        }\n        return prev - 1;\n      });\n    }, 1000);\n\n    return () => clearInterval(timer);\n  }, [isActive, initialTime, onComplete]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: timeLeft is an intentional trigger — re-run pulse animation on each tick\n  React.useEffect(() => {\n    if (isFirstTick.current) {\n      isFirstTick.current = false;\n      return;\n    }\n    if (!prefersReducedMotion && scope.current) {\n      animate(\n        scope.current,\n        { scale: [1.12, 1], y: [-2, 0] },\n        { duration: 0.3, ease: [0.25, 1, 0.5, 1] },\n      );\n    }\n  }, [timeLeft, animate, prefersReducedMotion, scope]);\n\n  return (\n    <div\n      ref={scope}\n      role=\"timer\"\n      aria-label={`${timeLeft} seconds remaining`}\n      className={cn(\n        'flex items-center justify-center px-3 py-2 rounded-full bg-card/20 shrink-0',\n        !prefersReducedMotion &&\n          'animate-[thinking-pop-in_0.3s_ease-out_0.3s_both]',\n        className,\n      )}\n    >\n      <span className=\"text-sm text-foreground tabular-nums\">{timeLeft}s</span>\n    </div>\n  );\n}\n\nCountdownTimer.displayName = 'CountdownTimer';\n\n// Main AIThinkingLoader Component\n\nexport interface AIThinkingLoaderProps {\n  loadingText?: string;\n  easing?: string;\n  showCountdown?: boolean;\n  countdownTime?: number;\n  animationDuration?: number;\n  onAnimationComplete?: () => void;\n  className?: string;\n}\n\nfunction AIThinkingLoader({\n  loadingText = 'Transferring to AI Agent: Meeting Manager',\n  easing = 'ease-in-out',\n  showCountdown = true,\n  countdownTime = 5,\n  animationDuration = 3000,\n  onAnimationComplete,\n  className,\n}: AIThinkingLoaderProps) {\n  const clipRef = React.useRef<HTMLDivElement>(null);\n  const prefersReducedMotion = useReducedMotion();\n\n  React.useEffect(() => {\n    if (!onAnimationComplete) return;\n\n    const oval = clipRef.current?.querySelector('[data-slot=\"thinking-oval\"]');\n    if (!oval) return;\n\n    const handler = () => onAnimationComplete();\n    oval.addEventListener('animationiteration', handler);\n    return () => oval.removeEventListener('animationiteration', handler);\n  }, [onAnimationComplete]);\n\n  return (\n    <div\n      data-slot=\"ai-thinking-loader\"\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n      aria-label={loadingText}\n      className={cn(\n        'relative flex items-center justify-center gap-2 min-h-[3.25rem] px-4 py-2 rounded-full border border-border bg-card/60',\n        className,\n      )}\n      style={\n        prefersReducedMotion\n          ? undefined\n          : {\n              animation:\n                'thinking-fade-in 0.5s ease-out forwards, thinking-glow 4s ease-in-out 0.5s infinite',\n            }\n      }\n    >\n      <div\n        ref={clipRef}\n        className=\"absolute inset-0 overflow-clip rounded-full\"\n      >\n        <AnimatedProgressOvals\n          easing={easing}\n          animationDuration={animationDuration}\n        />\n      </div>\n\n      <span\n        className={cn(\n          'relative z-10 text-sm text-foreground whitespace-nowrap truncate font-medium',\n          !prefersReducedMotion &&\n            'animate-[thinking-slide-in_0.35s_ease-out_0.15s_both]',\n        )}\n      >\n        {loadingText}\n      </span>\n\n      {showCountdown && (\n        <CountdownTimer\n          initialTime={countdownTime}\n          isActive={true}\n          className=\"relative z-10\"\n        />\n      )}\n    </div>\n  );\n}\n\nAIThinkingLoader.displayName = 'AIThinkingLoader';\n\nexport { AIThinkingLoader, CountdownTimer };\n"],"mappings":"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"}

package/dist/wc/wrench.js

@@ -1,10 +0,0 @@
-import { t as a } from "./createLucideIcon.js";
-var c = [["path", {
-  d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",
-  key: "1ngwbx"
-}]], r = a("wrench", c);
-export {
-  r as t
-};
-
-//# sourceMappingURL=wrench.js.map

package/dist/wc/wrench.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wrench.js","names":[],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.25.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/wrench.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.25.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\",\n      key: \"1ngwbx\"\n    }\n  ]\n];\nconst Wrench = createLucideIcon(\"wrench\", __iconNode);\n\nexport { __iconNode, Wrench as default };\n//# sourceMappingURL=wrench.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";AASA,IAAM,IAAa,CACjB,CACE,QACA;AAAA,EACE,GAAG;AAAA,EACH,KAAK;AACP,CACF,CACF,GACM,IAAS,EAAiB,UAAU,CAAU"}

package/dist/wc-react/wrench.js

@@ -1,10 +0,0 @@
-import { t as a } from "./createLucideIcon.js";
-var c = [["path", {
-  d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",
-  key: "1ngwbx"
-}]], r = a("wrench", c);
-export {
-  r as t
-};
-
-//# sourceMappingURL=wrench.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"wrench.js","names":[],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.25.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/wrench.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.25.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\",\n      key: \"1ngwbx\"\n    }\n  ]\n];\nconst Wrench = createLucideIcon(\"wrench\", __iconNode);\n\nexport { __iconNode, Wrench as default };\n//# sourceMappingURL=wrench.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";AASA,IAAM,IAAa,CACjB,CACE,QACA;AAAA,EACE,GAAG;AAAA,EACH,KAAK;AACP,CACF,CACF,GACM,IAAS,EAAiB,UAAU,CAAU"}