@wakastellar/ui 3.5.0 → 3.5.2

package/src/components/waka-streak-counter/WakaStreakCounter.stories.tsx

@@ -15,11 +15,11 @@ const meta: Meta<typeof WakaStreakCounter> = {
   },
   tags: ['autodocs'],
   argTypes: {
-    streak: {
+    count: {
       control: { type: 'number', min: 0, max: 365 },
       description: 'Current streak count',
     },
-    maxStreak: {
+    bestStreak: {
       control: { type: 'number', min: 0, max: 365 },
       description: 'Best streak achieved',
     },
@@ -49,8 +49,8 @@ type Story = StoryObj<typeof WakaStreakCounter>
 
 export const Default: Story = {
   args: {
-    streak: 7,
-    maxStreak: 14,
+    count: 7,
+    bestStreak: 14,
     size: 'md',
     variant: 'default',
     animated: true,
@@ -64,15 +64,15 @@ export const Variants: Story = {
     <div className="flex flex-wrap gap-6 items-start">
       <div className="text-center">
         <p className="text-sm text-muted-foreground mb-2">Default</p>
-        <WakaStreakCounter streak={14} variant="default" />
+        <WakaStreakCounter count={14} variant="default" />
       </div>
       <div className="text-center">
         <p className="text-sm text-muted-foreground mb-2">Compact</p>
-        <WakaStreakCounter streak={14} variant="compact" />
+        <WakaStreakCounter count={14} variant="compact" />
       </div>
       <div className="text-center">
         <p className="text-sm text-muted-foreground mb-2">Detailed</p>
-        <WakaStreakCounter streak={14} maxStreak={30} variant="detailed" />
+        <WakaStreakCounter count={14} bestStreak={30} variant="detailed" />
       </div>
     </div>
   ),
@@ -83,15 +83,15 @@ export const Sizes: Story = {
     <div className="flex items-end gap-6">
       <div className="text-center">
         <p className="text-sm text-muted-foreground mb-2">Small</p>
-        <WakaStreakCounter streak={5} size="sm" />
+        <WakaStreakCounter count={5} size="sm" />
       </div>
       <div className="text-center">
         <p className="text-sm text-muted-foreground mb-2">Medium</p>
-        <WakaStreakCounter streak={10} size="md" />
+        <WakaStreakCounter count={10} size="md" />
       </div>
       <div className="text-center">
         <p className="text-sm text-muted-foreground mb-2">Large</p>
-        <WakaStreakCounter streak={15} size="lg" />
+        <WakaStreakCounter count={15} size="lg" />
       </div>
     </div>
   ),
@@ -102,27 +102,27 @@ export const StreakLevels: Story = {
     <div className="grid grid-cols-2 gap-6">
       <div className="p-4 rounded-lg border text-center">
         <p className="text-sm text-muted-foreground mb-2">No Streak</p>
-        <WakaStreakCounter streak={0} />
+        <WakaStreakCounter count={0} />
       </div>
       <div className="p-4 rounded-lg border text-center">
         <p className="text-sm text-muted-foreground mb-2">Starting (3 days)</p>
-        <WakaStreakCounter streak={3} />
+        <WakaStreakCounter count={3} />
       </div>
       <div className="p-4 rounded-lg border text-center">
         <p className="text-sm text-muted-foreground mb-2">Week (7 days)</p>
-        <WakaStreakCounter streak={7} />
+        <WakaStreakCounter count={7} />
       </div>
       <div className="p-4 rounded-lg border text-center">
         <p className="text-sm text-muted-foreground mb-2">Month (30 days)</p>
-        <WakaStreakCounter streak={30} />
+        <WakaStreakCounter count={30} />
       </div>
       <div className="p-4 rounded-lg border text-center">
         <p className="text-sm text-muted-foreground mb-2">Quarter (90 days)</p>
-        <WakaStreakCounter streak={90} />
+        <WakaStreakCounter count={90} />
       </div>
       <div className="p-4 rounded-lg border text-center">
         <p className="text-sm text-muted-foreground mb-2">Year (365 days)</p>
-        <WakaStreakCounter streak={365} />
+        <WakaStreakCounter count={365} />
       </div>
     </div>
   ),
@@ -133,11 +133,11 @@ export const WithMaxStreak: Story = {
     <div className="space-y-6">
       <div className="p-4 rounded-lg border">
         <p className="text-sm text-muted-foreground mb-2">Current vs Best</p>
-        <WakaStreakCounter streak={12} maxStreak={45} variant="detailed" />
+        <WakaStreakCounter count={12} bestStreak={45} variant="detailed" />
       </div>
       <div className="p-4 rounded-lg border">
         <p className="text-sm text-muted-foreground mb-2">New Personal Best!</p>
-        <WakaStreakCounter streak={50} maxStreak={45} variant="detailed" />
+        <WakaStreakCounter count={50} bestStreak={45} variant="detailed" />
       </div>
     </div>
   ),
@@ -145,13 +145,13 @@ export const WithMaxStreak: Story = {
 
 export const Interactive: Story = {
   render: () => {
-    const [streak, setStreak] = React.useState(5)
-    const [maxStreak, setMaxStreak] = React.useState(10)
+    const [count, setStreak] = React.useState(5)
+    const [bestStreak, setMaxStreak] = React.useState(10)
 
     const incrementStreak = () => {
-      const newStreak = streak + 1
+      const newStreak = count + 1
       setStreak(newStreak)
-      if (newStreak > maxStreak) {
+      if (newStreak > bestStreak) {
         setMaxStreak(newStreak)
       }
     }
@@ -162,7 +162,7 @@ export const Interactive: Story = {
 
     return (
       <div className="space-y-6">
-        <WakaStreakCounter streak={streak} maxStreak={maxStreak} variant="detailed" size="lg" />
+        <WakaStreakCounter count={count} bestStreak={bestStreak} variant="detailed" size="lg" />
 
         <div className="flex gap-2 justify-center">
           <button
@@ -196,7 +196,7 @@ export const DashboardWidget: Story = {
         <h3 className="font-semibold">Daily Streak</h3>
         <span className="text-xs text-muted-foreground">Keep it going!</span>
       </div>
-      <WakaStreakCounter streak={21} maxStreak={35} variant="detailed" />
+      <WakaStreakCounter count={21} bestStreak={35} variant="detailed" />
       <div className="mt-4 pt-4 border-t">
         <div className="flex justify-between text-sm">
           <span className="text-muted-foreground">Next milestone</span>
@@ -212,10 +212,10 @@ export const MultipleUsers: Story = {
     <div className="space-y-4 w-[400px]">
       <h3 className="font-semibold">Leaderboard - Streaks</h3>
       {[
-        { name: 'Alice', streak: 45, avatar: 'A' },
-        { name: 'Bob', streak: 32, avatar: 'B' },
-        { name: 'Carol', streak: 28, avatar: 'C' },
-        { name: 'David', streak: 14, avatar: 'D' },
+        { name: 'Alice', count: 45, avatar: 'A' },
+        { name: 'Bob', count: 32, avatar: 'B' },
+        { name: 'Carol', count: 28, avatar: 'C' },
+        { name: 'David', count: 14, avatar: 'D' },
       ].map((user, index) => (
         <div key={user.name} className="flex items-center gap-3 p-3 rounded-lg border">
           <span className="text-lg font-bold text-muted-foreground w-6">#{index + 1}</span>
@@ -223,7 +223,7 @@ export const MultipleUsers: Story = {
             {user.avatar}
           </div>
           <span className="font-medium flex-1">{user.name}</span>
-          <WakaStreakCounter streak={user.streak} variant="compact" size="sm" />
+          <WakaStreakCounter count={user.count} variant="compact" size="sm" />
         </div>
       ))}
     </div>
@@ -231,5 +231,5 @@ export const MultipleUsers: Story = {
 }
 
 export const NoAnimation: Story = {
-  render: () => <WakaStreakCounter streak={15} animated={false} showFlame={false} />,
+  render: () => <WakaStreakCounter count={15} animated={false} showFlame={false} />,
 }

package/dist/waka-editor-plugins-sGSh9hn2.js

@@ -1 +0,0 @@
-var e=require(`./chunk-14q5BKub.js`).r({getPresetLoaders:()=>h,loadAIPlugins:()=>u,loadComboboxPlugins:()=>m,loadCorePlugins:()=>t,loadDiffPlugin:()=>p,loadDndPlugin:()=>a,loadEmojiPlugin:()=>d,loadFloatingPlugin:()=>f,loadIndentPlugin:()=>s,loadLinkPlugin:()=>n,loadMarkdownPlugin:()=>c,loadMediaPlugins:()=>r,loadMentionPlugins:()=>i,loadSelectionPlugin:()=>l,loadTocPlugin:()=>o});async function t(){let[e,t,n,r]=await Promise.all([import(`@platejs/basic-nodes/react`),import(`@platejs/table/react`),import(`@platejs/layout/react`),import(`@platejs/callout/react`)]);return[e.BoldPlugin,e.ItalicPlugin,e.UnderlinePlugin,e.StrikethroughPlugin,e.CodePlugin,e.HighlightPlugin,e.SuperscriptPlugin,e.SubscriptPlugin,e.H1Plugin,e.H2Plugin,e.H3Plugin,e.H4Plugin,e.H5Plugin,e.H6Plugin,e.BlockquotePlugin,t.TablePlugin,t.TableRowPlugin,t.TableCellPlugin,t.TableCellHeaderPlugin,n.ColumnPlugin,n.ColumnItemPlugin,r.CalloutPlugin]}async function n(){let{LinkPlugin:e}=await import(`@platejs/link/react`);return[e.configure({options:{allowedSchemes:[`http`,`https`,`mailto`,`tel`]}})]}async function r(){let{ImagePlugin:e,MediaEmbedPlugin:t}=await import(`@platejs/media/react`);return[e,t]}async function i(){let{MentionPlugin:e,MentionInputPlugin:t}=await import(`@platejs/mention/react`);return[e.configure({options:{trigger:`@`,triggerPreviousCharPattern:/^$|^[\s"']$/,insertSpaceAfterMention:!0}}),t]}async function a(){let{DndPlugin:e}=await import(`@platejs/dnd/react`);return[e]}async function o(){let{TocPlugin:e}=await import(`@platejs/toc/react`);return[e]}async function s(){let{IndentPlugin:e}=await import(`@platejs/indent/react`);return[e]}async function c(){let{MarkdownPlugin:e}=await import(`@platejs/markdown`);return[e]}async function l(){let{BlockSelectionPlugin:e}=await import(`@platejs/selection/react`);return[e]}async function u(e){let{AIPlugin:t,AIChatPlugin:n}=await import(`@platejs/ai/react`),r=[t];return e?.endpoint?r.push(n.configure({options:{chat:{api:e.endpoint,body:{system:e.systemPrompt??`You are a helpful writing assistant.`},headers:e.headers}}})):r.push(n),r}async function d(){let{EmojiPlugin:e}=await import(`@platejs/emoji/react`);return[e]}async function f(){return[]}async function p(){return[]}async function m(){let{SlashPlugin:e,SlashInputPlugin:t}=await import(`@platejs/combobox/react`);return[e.configure({options:{trigger:`/`,triggerPreviousCharPattern:/^$|^[\s"']$/}}),t]}function h(e){switch(e){case`minimal`:return[];case`standard`:return[n,s];case`full`:return[n,r,i,a,o,s,c,l]}}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return n}});