@sudobility/components 4.0.113 → 4.0.114

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,38 @@
1
+ import { default as React } from 'react';
2
+ export interface ConfettiProps {
3
+ /** Whether to show the confetti animation */
4
+ show: boolean;
5
+ /** Callback when animation completes */
6
+ onComplete?: () => void;
7
+ /** Number of particles */
8
+ particleCount?: number;
9
+ /** Animation duration in milliseconds */
10
+ duration?: number;
11
+ /** Custom colors array */
12
+ colors?: string[];
13
+ /** Additional className for the container */
14
+ className?: string;
15
+ }
16
+ /**
17
+ * Confetti Component
18
+ *
19
+ * Displays a celebratory confetti animation from the center of the screen.
20
+ * Particles explode outward with physics-based movement.
21
+ *
22
+ * @example
23
+ * ```tsx
24
+ * <Confetti show={isComplete} onComplete={() => setIsComplete(false)} />
25
+ * ```
26
+ *
27
+ * @example
28
+ * ```tsx
29
+ * <Confetti
30
+ * show={showCelebration}
31
+ * particleCount={100}
32
+ * duration={5000}
33
+ * colors={['#ff0000', '#00ff00', '#0000ff']}
34
+ * />
35
+ * ```
36
+ */
37
+ export declare const Confetti: React.FC<ConfettiProps>;
38
+ //# sourceMappingURL=confetti.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"confetti.d.ts","sourceRoot":"","sources":["../../src/ui/confetti.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAgBhE,MAAM,WAAW,aAAa;IAC5B,6CAA6C;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkG5C,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { default as React } from 'react';
2
+ export interface TimerDisplayProps {
3
+ /** Formatted time string (e.g., "12:34", "1:23:45") */
4
+ time: string;
5
+ /** Whether the timer is active/running */
6
+ isActive?: boolean;
7
+ /** Size variant */
8
+ size?: 'sm' | 'md' | 'lg';
9
+ /** Show clock icon */
10
+ showIcon?: boolean;
11
+ /** Additional className */
12
+ className?: string;
13
+ }
14
+ /**
15
+ * TimerDisplay Component
16
+ *
17
+ * Displays a formatted time with optional clock icon.
18
+ * Uses monospace font for consistent digit width.
19
+ *
20
+ * @example
21
+ * ```tsx
22
+ * <TimerDisplay time="12:34" isActive />
23
+ * ```
24
+ *
25
+ * @example
26
+ * ```tsx
27
+ * <TimerDisplay time="1:23:45" size="lg" showIcon={false} />
28
+ * ```
29
+ */
30
+ export declare const TimerDisplay: React.FC<TimerDisplayProps>;
31
+ //# sourceMappingURL=timer-display.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timer-display.d.ts","sourceRoot":"","sources":["../../src/ui/timer-display.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+DpD,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sudobility/components",
3
- "version": "4.0.113",
3
+ "version": "4.0.114",
4
4
  "description": "Reusable UI components and design system - Reorganized for better maintainability",
5
5
  "type": "module",
6
6
  "main": "dist/index.umd.js",
@@ -138,6 +138,6 @@
138
138
  "access": "public"
139
139
  },
140
140
  "dependencies": {
141
- "@sudobility/components": "^4.0.111"
141
+ "@sudobility/components": "^4.0.113"
142
142
  }
143
143
  }