aha-components 1.7.4 → 1.7.5

package/dist/Loading.esm.js

@@ -0,0 +1,2 @@
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as a,useRef as i,useEffect as e}from"react";var n={name:"Thinking Five",tag:"Custom Rose Trail",rotate:!0,particleCount:90,trailSpan:.38,durationMs:4600,rotationDurationMs:28e3,pulseDurationMs:4200,strokeWidth:5.2,baseRadius:7,detailAmplitude:3,petalCount:5,curveScale:4};function o(t,r,a){var i=t*Math.PI*2,e=Math.round(a.petalCount),n=a.baseRadius*Math.cos(i)-a.detailAmplitude*r*Math.cos(e*i),o=a.baseRadius*Math.sin(i)-a.detailAmplitude*r*Math.sin(e*i);return{x:50+n*a.curveScale,y:50+o*a.curveScale}}var u=function(u){var c=u.width,l=void 0===c?80:c,s=u.height,d=void 0===s?80:s,h=u.strokeWidth,p=u.color,m=void 0===p?"var(--theme-color, #5A31F0)":p,v=u.className,M=a(0),f=M[0],x=M[1],y=i(null);e(function(){var t,r=function(a){null===y.current&&(y.current=a),x(a-y.current),t=requestAnimationFrame(r)};return t=requestAnimationFrame(r),function(){return cancelAnimationFrame(t)}},[]);for(var g,A,C=f,k=(A=C%(g=n).pulseDurationMs/g.pulseDurationMs,.55+.45*(.5+.5*Math.sin(A*Math.PI*2))),D=C%n.durationMs/n.durationMs,F=C%n.rotationDurationMs/n.rotationDurationMs*360,b=Math.max(1,n.particleCount-1),R=null!=h?h:n.strokeWidth,S=[],w=0;w<n.particleCount;w+=1){var T=D-w/b*n.trailSpan,W=o(T=(T%1+1)%1,k,n),q=W.x,I=W.y,N=1-w/n.particleCount,P=.12+.88*N,j=R/8*(.85+.35*N);S.push({cx:q,cy:I,opacity:P,r:j})}return t("div",{className:v,style:{width:l,height:d,display:"inline-block",color:m},role:"status","aria-label":"Loading",children:r("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet",children:[t("title",{children:"Thinking Five"}),t("g",{transform:"rotate(".concat(F," 50 50)"),children:S.map(function(r,a){return t("circle",{cx:r.cx,cy:r.cy,r:r.r,fill:"currentColor",opacity:r.opacity},a)})})]})})};export{u as default};
+//# sourceMappingURL=Loading.esm.js.map

package/dist/Loading.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.esm.js","sources":["../src/components/Loading/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nconst curve = {\n  name: 'Thinking Five',\n  tag: 'Custom Rose Trail',\n  rotate: true,\n  particleCount: 90,\n  trailSpan: 0.38,\n  durationMs: 4600,\n  rotationDurationMs: 28000,\n  pulseDurationMs: 4200,\n  strokeWidth: 5.2,\n  baseRadius: 7,\n  detailAmplitude: 3,\n  petalCount: 5,\n  curveScale: 4,\n} as const;\n\ntype CurveConfig = typeof curve;\n\nfunction point(\n  progress: number,\n  detailScaleValue: number,\n  config: CurveConfig\n): { x: number; y: number } {\n  const t = progress * Math.PI * 2;\n  const petals = Math.round(config.petalCount);\n  const x =\n    config.baseRadius * Math.cos(t) -\n    config.detailAmplitude * detailScaleValue * Math.cos(petals * t);\n  const y =\n    config.baseRadius * Math.sin(t) -\n    config.detailAmplitude * detailScaleValue * Math.sin(petals * t);\n  return {\n    x: 50 + x * config.curveScale,\n    y: 50 + y * config.curveScale,\n  };\n}\n\nfunction detailScale(elapsedMs: number, config: CurveConfig): number {\n  const t = (elapsedMs % config.pulseDurationMs) / config.pulseDurationMs;\n  return 0.55 + 0.45 * (0.5 + 0.5 * Math.sin(t * Math.PI * 2));\n}\n\nexport interface LoadingProps {\n  width?: number | string;\n  height?: number | string;\n  strokeWidth?: number;\n  color?: string;\n  className?: string;\n}\n\nconst Loading: React.FC<LoadingProps> = ({\n  width = 80,\n  height = 80,\n  strokeWidth: strokeWidthProp,\n  color = 'var(--theme-color, #5A31F0)',\n  className,\n}) => {\n  const [frame, setFrame] = useState(0);\n  const startRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    let id: number;\n    const tick = (now: number) => {\n      if (startRef.current === null) {\n        startRef.current = now;\n      }\n      setFrame(now - startRef.current);\n      id = requestAnimationFrame(tick);\n    };\n    id = requestAnimationFrame(tick);\n    return () => cancelAnimationFrame(id);\n  }, []);\n\n  const elapsed = frame;\n  const s = detailScale(elapsed, curve);\n  const phase = (elapsed % curve.durationMs) / curve.durationMs;\n  const rotationDeg =\n    ((elapsed % curve.rotationDurationMs) / curve.rotationDurationMs) * 360;\n  const denom = Math.max(1, curve.particleCount - 1);\n  const lineWeight = strokeWidthProp ?? curve.strokeWidth;\n\n  const particles: { cx: number; cy: number; opacity: number; r: number }[] =\n    [];\n  for (let i = 0; i < curve.particleCount; i += 1) {\n    let p = phase - (i / denom) * curve.trailSpan;\n    p = ((p % 1) + 1) % 1;\n    const { x, y } = point(p, s, curve);\n    const headBias = 1 - i / curve.particleCount;\n    const opacity = 0.12 + headBias * 0.88;\n    const r = (lineWeight / 8) * (0.85 + headBias * 0.35);\n    particles.push({ cx: x, cy: y, opacity, r });\n  }\n\n  return (\n    <div\n      className={className}\n      style={{\n        width,\n        height,\n        display: 'inline-block',\n        color,\n      }}\n      role=\"status\"\n      aria-label=\"Loading\"\n    >\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        viewBox=\"0 0 100 100\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      >\n        <title>Thinking Five</title>\n        <g\n          transform={curve.rotate ? `rotate(${rotationDeg} 50 50)` : undefined}\n        >\n          {particles.map((pt, i) => (\n            <circle\n              key={i}\n              cx={pt.cx}\n              cy={pt.cy}\n              r={pt.r}\n              fill=\"currentColor\"\n              opacity={pt.opacity}\n            />\n          ))}\n        </g>\n      </svg>\n    </div>\n  );\n};\n\nexport default Loading;\n"],"names":["curve","name","tag","rotate","particleCount","trailSpan","durationMs","rotationDurationMs","pulseDurationMs","strokeWidth","baseRadius","detailAmplitude","petalCount","curveScale","point","progress","detailScaleValue","config","t","Math","PI","petals","round","x","cos","y","sin","Loading","_a","_b","width","_c","height","strokeWidthProp","_d","color","className","_e","useState","frame","setFrame","startRef","useRef","useEffect","id","tick","now","current","requestAnimationFrame","cancelAnimationFrame","elapsed","s","phase","rotationDeg","denom","max","lineWeight","particles","i","p","_f","headBias","opacity","r","push","cx","cy","_jsx","style","display","role","children","_jsxs","viewBox","preserveAspectRatio","transform","map","pt","fill"],"mappings":"8GAEA,IAAMA,EAAQ,CACZC,KAAM,gBACNC,IAAK,oBACLC,QAAQ,EACRC,cAAe,GACfC,UAAW,IACXC,WAAY,KACZC,mBAAoB,KACpBC,gBAAiB,KACjBC,YAAa,IACbC,WAAY,EACZC,gBAAiB,EACjBC,WAAY,EACZC,WAAY,GAKd,SAASC,EACPC,EACAC,EACAC,GAEA,IAAMC,EAAIH,EAAWI,KAAKC,GAAK,EACzBC,EAASF,KAAKG,MAAML,EAAOL,YAC3BW,EACJN,EAAOP,WAAaS,KAAKK,IAAIN,GAC7BD,EAAON,gBAAkBK,EAAmBG,KAAKK,IAAIH,EAASH,GAC1DO,EACJR,EAAOP,WAAaS,KAAKO,IAAIR,GAC7BD,EAAON,gBAAkBK,EAAmBG,KAAKO,IAAIL,EAASH,GAChE,MAAO,CACLK,EAAG,GAAKA,EAAIN,EAAOJ,WACnBY,EAAG,GAAKA,EAAIR,EAAOJ,WAEvB,CAeM,IAAAc,EAAkC,SAACC,OACvCC,EAAUD,EAAAE,MAAVA,OAAK,IAAAD,EAAG,GAAEA,EACVE,EAAWH,EAAAI,OAAXA,OAAM,IAAAD,EAAG,GAAEA,EACEE,EAAeL,EAAAnB,YAC5ByB,EAAAN,EAAAO,MAAAA,aAAQ,8BAA6BD,EACrCE,EAASR,EAAAQ,UAEHC,EAAoBC,EAAS,GAA5BC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAWC,EAAsB,MAEvCC,EAAU,WACR,IAAIC,EACEC,EAAO,SAACC,GACa,OAArBL,EAASM,UACXN,EAASM,QAAUD,GAErBN,EAASM,EAAML,EAASM,SACxBH,EAAKI,sBAAsBH,EAC7B,EAEA,OADAD,EAAKI,sBAAsBH,GACpB,WAAM,OAAAI,qBAAqBL,EAAG,CACtC,EAAE,IAYH,IAVA,IApCsC3B,EAChCC,EAmCAgC,EAAUX,EACVY,GApCAjC,EAoCgBgC,GArCgBjC,EAqCPjB,GApCDQ,gBAAmBS,EAAOT,gBACjD,IAAO,KAAQ,GAAM,GAAMW,KAAKO,IAAIR,EAAIC,KAAKC,GAAK,KAoCnDgC,EAASF,EAAUlD,EAAMM,WAAcN,EAAMM,WAC7C+C,EACFH,EAAUlD,EAAMO,mBAAsBP,EAAMO,mBAAsB,IAChE+C,EAAQnC,KAAKoC,IAAI,EAAGvD,EAAMI,cAAgB,GAC1CoD,EAAavB,QAAAA,EAAmBjC,EAAMS,YAEtCgD,EACJ,GACOC,EAAI,EAAGA,EAAI1D,EAAMI,cAAesD,GAAK,EAAG,CAC/C,IAAIC,EAAIP,EAASM,EAAIJ,EAAStD,EAAMK,UAE9BuD,EAAW9C,EADjB6C,GAAMA,EAAI,EAAK,GAAK,EACMR,EAAGnD,GAArBuB,EAACqC,EAAArC,EAAEE,MACLoC,EAAW,EAAIH,EAAI1D,EAAMI,cACzB0D,EAAU,IAAkB,IAAXD,EACjBE,EAAKP,EAAa,GAAM,IAAkB,IAAXK,GACrCJ,EAAUO,KAAK,CAAEC,GAAI1C,EAAG2C,GAAIzC,EAAGqC,QAAOA,EAAEC,EAACA,GAC1C,CAED,OACEI,EACE,MAAA,CAAA/B,UAAWA,EACXgC,MAAO,CACLtC,MAAKA,EACLE,OAAMA,EACNqC,QAAS,eACTlC,MAAKA,GAEPmC,KAAK,SAAQ,aACF,UAEXC,SAAAC,EAAA,MAAA,CACE1C,MAAM,OACNE,OAAO,OACPyC,QAAQ,cACRC,oBAAoB,0BAEpBP,EAA4B,QAAA,CAAAI,SAAA,kBAC5BJ,OACEQ,UAA0B,iBAAUtB,EAAW,WAE9CkB,SAAAd,EAAUmB,IAAI,SAACC,EAAInB,GAAM,OACxBS,EAEE,SAAA,CAAAF,GAAIY,EAAGZ,GACPC,GAAIW,EAAGX,GACPH,EAAGc,EAAGd,EACNe,KAAK,eACLhB,QAASe,EAAGf,SALPJ,WAYnB"}

package/dist/Loading.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),r={name:"Thinking Five",tag:"Custom Rose Trail",rotate:!0,particleCount:90,trailSpan:.38,durationMs:4600,rotationDurationMs:28e3,pulseDurationMs:4200,strokeWidth:5.2,baseRadius:7,detailAmplitude:3,petalCount:5,curveScale:4};function i(t,e,r){var i=t*Math.PI*2,a=Math.round(r.petalCount),n=r.baseRadius*Math.cos(i)-r.detailAmplitude*e*Math.cos(a*i),o=r.baseRadius*Math.sin(i)-r.detailAmplitude*e*Math.sin(a*i);return{x:50+n*r.curveScale,y:50+o*r.curveScale}}exports.default=function(a){var n=a.width,o=void 0===n?80:n,u=a.height,s=void 0===u?80:u,c=a.strokeWidth,l=a.color,d=void 0===l?"var(--theme-color, #5A31F0)":l,h=a.className,p=e.useState(0),M=p[0],v=p[1],m=e.useRef(null);e.useEffect(function(){var t,e=function(r){null===m.current&&(m.current=r),v(r-m.current),t=requestAnimationFrame(e)};return t=requestAnimationFrame(e),function(){return cancelAnimationFrame(t)}},[]);for(var x,f,y=M,g=(f=y%(x=r).pulseDurationMs/x.pulseDurationMs,.55+.45*(.5+.5*Math.sin(f*Math.PI*2))),A=y%r.durationMs/r.durationMs,C=y%r.rotationDurationMs/r.rotationDurationMs*360,j=Math.max(1,r.particleCount-1),b=null!=c?c:r.strokeWidth,k=[],D=0;D<r.particleCount;D+=1){var F=A-D/j*r.trailSpan,R=i(F=(F%1+1)%1,g,r),S=R.x,q=R.y,w=1-D/r.particleCount,P=.12+.88*w,T=b/8*(.85+.35*w);k.push({cx:S,cy:q,opacity:P,r:T})}return t.jsx("div",{className:h,style:{width:o,height:s,display:"inline-block",color:d},role:"status","aria-label":"Loading",children:t.jsxs("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet",children:[t.jsx("title",{children:"Thinking Five"}),t.jsx("g",{transform:"rotate(".concat(C," 50 50)"),children:k.map(function(e,r){return t.jsx("circle",{cx:e.cx,cy:e.cy,r:e.r,fill:"currentColor",opacity:e.opacity},r)})})]})})};
+//# sourceMappingURL=Loading.js.map

package/dist/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sources":["../src/components/Loading/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nconst curve = {\n  name: 'Thinking Five',\n  tag: 'Custom Rose Trail',\n  rotate: true,\n  particleCount: 90,\n  trailSpan: 0.38,\n  durationMs: 4600,\n  rotationDurationMs: 28000,\n  pulseDurationMs: 4200,\n  strokeWidth: 5.2,\n  baseRadius: 7,\n  detailAmplitude: 3,\n  petalCount: 5,\n  curveScale: 4,\n} as const;\n\ntype CurveConfig = typeof curve;\n\nfunction point(\n  progress: number,\n  detailScaleValue: number,\n  config: CurveConfig\n): { x: number; y: number } {\n  const t = progress * Math.PI * 2;\n  const petals = Math.round(config.petalCount);\n  const x =\n    config.baseRadius * Math.cos(t) -\n    config.detailAmplitude * detailScaleValue * Math.cos(petals * t);\n  const y =\n    config.baseRadius * Math.sin(t) -\n    config.detailAmplitude * detailScaleValue * Math.sin(petals * t);\n  return {\n    x: 50 + x * config.curveScale,\n    y: 50 + y * config.curveScale,\n  };\n}\n\nfunction detailScale(elapsedMs: number, config: CurveConfig): number {\n  const t = (elapsedMs % config.pulseDurationMs) / config.pulseDurationMs;\n  return 0.55 + 0.45 * (0.5 + 0.5 * Math.sin(t * Math.PI * 2));\n}\n\nexport interface LoadingProps {\n  width?: number | string;\n  height?: number | string;\n  strokeWidth?: number;\n  color?: string;\n  className?: string;\n}\n\nconst Loading: React.FC<LoadingProps> = ({\n  width = 80,\n  height = 80,\n  strokeWidth: strokeWidthProp,\n  color = 'var(--theme-color, #5A31F0)',\n  className,\n}) => {\n  const [frame, setFrame] = useState(0);\n  const startRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    let id: number;\n    const tick = (now: number) => {\n      if (startRef.current === null) {\n        startRef.current = now;\n      }\n      setFrame(now - startRef.current);\n      id = requestAnimationFrame(tick);\n    };\n    id = requestAnimationFrame(tick);\n    return () => cancelAnimationFrame(id);\n  }, []);\n\n  const elapsed = frame;\n  const s = detailScale(elapsed, curve);\n  const phase = (elapsed % curve.durationMs) / curve.durationMs;\n  const rotationDeg =\n    ((elapsed % curve.rotationDurationMs) / curve.rotationDurationMs) * 360;\n  const denom = Math.max(1, curve.particleCount - 1);\n  const lineWeight = strokeWidthProp ?? curve.strokeWidth;\n\n  const particles: { cx: number; cy: number; opacity: number; r: number }[] =\n    [];\n  for (let i = 0; i < curve.particleCount; i += 1) {\n    let p = phase - (i / denom) * curve.trailSpan;\n    p = ((p % 1) + 1) % 1;\n    const { x, y } = point(p, s, curve);\n    const headBias = 1 - i / curve.particleCount;\n    const opacity = 0.12 + headBias * 0.88;\n    const r = (lineWeight / 8) * (0.85 + headBias * 0.35);\n    particles.push({ cx: x, cy: y, opacity, r });\n  }\n\n  return (\n    <div\n      className={className}\n      style={{\n        width,\n        height,\n        display: 'inline-block',\n        color,\n      }}\n      role=\"status\"\n      aria-label=\"Loading\"\n    >\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        viewBox=\"0 0 100 100\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      >\n        <title>Thinking Five</title>\n        <g\n          transform={curve.rotate ? `rotate(${rotationDeg} 50 50)` : undefined}\n        >\n          {particles.map((pt, i) => (\n            <circle\n              key={i}\n              cx={pt.cx}\n              cy={pt.cy}\n              r={pt.r}\n              fill=\"currentColor\"\n              opacity={pt.opacity}\n            />\n          ))}\n        </g>\n      </svg>\n    </div>\n  );\n};\n\nexport default Loading;\n"],"names":["curve","name","tag","rotate","particleCount","trailSpan","durationMs","rotationDurationMs","pulseDurationMs","strokeWidth","baseRadius","detailAmplitude","petalCount","curveScale","point","progress","detailScaleValue","config","t","Math","PI","petals","round","x","cos","y","sin","_a","_b","width","_c","height","strokeWidthProp","_d","color","className","_e","useState","frame","setFrame","startRef","useRef","useEffect","id","tick","now","current","requestAnimationFrame","cancelAnimationFrame","elapsed","s","phase","rotationDeg","denom","max","lineWeight","particles","i","p","_f","headBias","opacity","r","push","cx","cy","_jsx","jsx","style","display","role","children","_jsxs","jsxs","viewBox","preserveAspectRatio","transform","map","pt","fill"],"mappings":"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"}

package/dist/components/Loading/Loading.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Loading from './index';
+import '../../index.css';
+declare const meta: Meta<typeof Loading>;
+export default meta;
+type Story = StoryObj<typeof Loading>;
+export declare const Basic: Story;
+export declare const DifferentSizes: Story;
+export declare const CustomColors: Story;
+export declare const StrokeWidthVariants: Story;
+export declare const InlineUsage: Story;

package/dist/components/Loading/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface LoadingProps {
+    width?: number | string;
+    height?: number | string;
+    strokeWidth?: number;
+    color?: string;
+    className?: string;
+}
+declare const Loading: React.FC<LoadingProps>;
+export default Loading;

package/dist/index.d.ts

@@ -968,6 +968,15 @@ interface DrawerProps {
 }
 declare const Drawer: React.FC<DrawerProps>;
 
+interface LoadingProps {
+    width?: number | string;
+    height?: number | string;
+    strokeWidth?: number;
+    color?: string;
+    className?: string;
+}
+declare const Loading: React.FC<LoadingProps>;
+
 interface ThemeConfig {
     primaryColor?: string;
 }
@@ -987,4 +996,4 @@ declare const MinusIcon: React.FC<{
     style?: React.CSSProperties;
 }>;
 
-export { Alert, AlertProps, Button, ButtonProps, CheckIcon, Checkbox, CheckboxProps, ColumnType, DatePicker, DatePickerProps, DateRange, Drawer, DrawerPlacement, DrawerProps, FormWithItem as Form, FormInstance, FormItemProps, FormProps, Input, InputProps, MenuGroupType, MenuItemType, MenuList, MenuListProps, MinusIcon, Pagination, PaginationProps, Popover, PopoverPlacement, PopoverProps, PopoverTrigger, Progress, ProgressProps, ProgressStatus, ProgressType, Radio, RadioProps, Select, SelectOption, SelectProps, SortOrder, SorterResult, Switch, SwitchProps, Tab, TabItem, TabLayout, TabProps, TabVariant, Table, TableCurrentDataSource, TableLayout, TableProps, TableRowSelection, TableSize, Tag, TagProps, Textarea, TextareaProps, ThemeConfig, ThemeProvider, ThemeProviderProps, Toast, ToastPosition, ToastProps, ToastProvider, ToastType, Tooltip, TooltipPosition, TooltipProps, UserProfileType, clearAllToasts, closeToast, debugToast, toast, toastError, toastInfo, toastQuestion, toastSuccess, useTheme };
+export { Alert, AlertProps, Button, ButtonProps, CheckIcon, Checkbox, CheckboxProps, ColumnType, DatePicker, DatePickerProps, DateRange, Drawer, DrawerPlacement, DrawerProps, FormWithItem as Form, FormInstance, FormItemProps, FormProps, Input, InputProps, Loading, LoadingProps, MenuGroupType, MenuItemType, MenuList, MenuListProps, MinusIcon, Pagination, PaginationProps, Popover, PopoverPlacement, PopoverProps, PopoverTrigger, Progress, ProgressProps, ProgressStatus, ProgressType, Radio, RadioProps, Select, SelectOption, SelectProps, SortOrder, SorterResult, Switch, SwitchProps, Tab, TabItem, TabLayout, TabProps, TabVariant, Table, TableCurrentDataSource, TableLayout, TableProps, TableRowSelection, TableSize, Tag, TagProps, Textarea, TextareaProps, ThemeConfig, ThemeProvider, ThemeProviderProps, Toast, ToastPosition, ToastProps, ToastProvider, ToastType, Tooltip, TooltipPosition, TooltipProps, UserProfileType, clearAllToasts, closeToast, debugToast, toast, toastError, toastInfo, toastQuestion, toastSuccess, useTheme };