@tetrax/squircle 1.0.0 → 1.0.1

package/dist/core.d.mts

@@ -1,68 +1,68 @@
-interface SquirclePathParams {
-    width: number;
-    height: number;
-    cornerRadius?: number;
-    topLeftCornerRadius?: number;
-    topRightCornerRadius?: number;
-    bottomRightCornerRadius?: number;
-    bottomLeftCornerRadius?: number;
-    cornerSmoothing?: number;
-    preserveSmoothing?: boolean;
-    g2Continuous?: boolean;
-}
-/**
- * Generate an SVG path string for a squircle rectangle.
- * Direct port of figma-squircle's getSvgPath(), with optional pure G2 Bézier mode.
- */
-declare function getSvgPath({ cornerRadius, topLeftCornerRadius, topRightCornerRadius, bottomRightCornerRadius, bottomLeftCornerRadius, cornerSmoothing, width, height, preserveSmoothing, g2Continuous, }: SquirclePathParams): string;
-/**
- * Compute an SVG path string from width/height/radius/smoothing.
- * Convenience wrapper around getSvgPath().
- */
-declare function computeSquirclePath(width: number, height: number, cornerRadius: number, cornerSmoothing?: number, preserveSmoothing?: boolean, g2Continuous?: boolean): string;
-/**
- * Render a squircle rectangle directly onto a Canvas 2D context using
- * G2 curvature-continuous Bézier curves (Pavel Klavík's optimal coefficients).
- *
- * FIX #5: Rewrote to use the same *relative delta* G2 coefficients as the
- * SVG path drawer, so Canvas and SVG paths are numerically identical.
- * Previous version used accumulated offsets (0.804, 0.912, 0.961) which
- * did not match the SVG path coefficients (0.185, 0.293, 0.342).
- *
- * @example
- * const ctx = canvas.getContext('2d');
- * ctx.beginPath();
- * drawSquircleRect(ctx, 0, 0, 200, 100, 24);
- * ctx.fillStyle = '#3b82f6';
- * ctx.fill();
- */
-declare function drawSquircleRect(ctx: CanvasRenderingContext2D | any, x: number, y: number, width: number, height: number, cornerRadius: number | {
-    tl?: number;
-    tr?: number;
-    br?: number;
-    bl?: number;
-}, smoothing?: number): void;
-
-interface SquircleClassConfig {
-    cornerRadius: number | null;
-    cornerSmoothing: number;
-    squircleBorder: boolean;
-    borderColor: string | null;
-    borderWidth: number;
-    g2Continuous: boolean;
-    restClasses: string;
-}
-/**
- * Parse Tailwind-style class names and extract squircle config.
- *
- * When `squircle-border` is present, standard Tailwind `border-{color}` and
- * `border-{width}` classes are intercepted for the squircle border overlay.
- * Opacity modifiers like `border-gray-600/50` are fully supported.
- *
- * @example
- * parseSquircleClasses("rounded-squircle-24 squircle-border border-gray-600/50")
- * // → { cornerRadius: 24, squircleBorder: true, borderColor: "rgba(75, 85, 99, 0.5)", ... }
- */
-declare function parseSquircleClasses(className?: string): SquircleClassConfig;
-
-export { type SquircleClassConfig, computeSquirclePath, drawSquircleRect, getSvgPath, parseSquircleClasses };
+interface SquirclePathParams {
+    width: number;
+    height: number;
+    cornerRadius?: number;
+    topLeftCornerRadius?: number;
+    topRightCornerRadius?: number;
+    bottomRightCornerRadius?: number;
+    bottomLeftCornerRadius?: number;
+    cornerSmoothing?: number;
+    preserveSmoothing?: boolean;
+    g2Continuous?: boolean;
+}
+/**
+ * Generate an SVG path string for a squircle rectangle.
+ * Direct port of figma-squircle's getSvgPath(), with optional pure G2 Bézier mode.
+ */
+declare function getSvgPath({ cornerRadius, topLeftCornerRadius, topRightCornerRadius, bottomRightCornerRadius, bottomLeftCornerRadius, cornerSmoothing, width, height, preserveSmoothing, g2Continuous, }: SquirclePathParams): string;
+/**
+ * Compute an SVG path string from width/height/radius/smoothing.
+ * Convenience wrapper around getSvgPath().
+ */
+declare function computeSquirclePath(width: number, height: number, cornerRadius: number, cornerSmoothing?: number, preserveSmoothing?: boolean, g2Continuous?: boolean): string;
+/**
+ * Render a squircle rectangle directly onto a Canvas 2D context using
+ * G2 curvature-continuous Bézier curves (Pavel Klavík's optimal coefficients).
+ *
+ * FIX #5: Rewrote to use the same *relative delta* G2 coefficients as the
+ * SVG path drawer, so Canvas and SVG paths are numerically identical.
+ * Previous version used accumulated offsets (0.804, 0.912, 0.961) which
+ * did not match the SVG path coefficients (0.185, 0.293, 0.342).
+ *
+ * @example
+ * const ctx = canvas.getContext('2d');
+ * ctx.beginPath();
+ * drawSquircleRect(ctx, 0, 0, 200, 100, 24);
+ * ctx.fillStyle = '#3b82f6';
+ * ctx.fill();
+ */
+declare function drawSquircleRect(ctx: CanvasRenderingContext2D | any, x: number, y: number, width: number, height: number, cornerRadius: number | {
+    tl?: number;
+    tr?: number;
+    br?: number;
+    bl?: number;
+}, smoothing?: number): void;
+
+interface SquircleClassConfig {
+    cornerRadius: number | null;
+    cornerSmoothing: number;
+    squircleBorder: boolean;
+    borderColor: string | null;
+    borderWidth: number;
+    g2Continuous: boolean;
+    restClasses: string;
+}
+/**
+ * Parse Tailwind-style class names and extract squircle config.
+ *
+ * When `squircle-border` is present, standard Tailwind `border-{color}` and
+ * `border-{width}` classes are intercepted for the squircle border overlay.
+ * Opacity modifiers like `border-gray-600/50` are fully supported.
+ *
+ * @example
+ * parseSquircleClasses("rounded-squircle-24 squircle-border border-gray-600/50")
+ * // → { cornerRadius: 24, squircleBorder: true, borderColor: "rgba(75, 85, 99, 0.5)", ... }
+ */
+declare function parseSquircleClasses(className?: string): SquircleClassConfig;
+
+export { type SquircleClassConfig, computeSquirclePath, drawSquircleRect, getSvgPath, parseSquircleClasses };

package/dist/core.d.ts

@@ -1,68 +1,68 @@
-interface SquirclePathParams {
-    width: number;
-    height: number;
-    cornerRadius?: number;
-    topLeftCornerRadius?: number;
-    topRightCornerRadius?: number;
-    bottomRightCornerRadius?: number;
-    bottomLeftCornerRadius?: number;
-    cornerSmoothing?: number;
-    preserveSmoothing?: boolean;
-    g2Continuous?: boolean;
-}
-/**
- * Generate an SVG path string for a squircle rectangle.
- * Direct port of figma-squircle's getSvgPath(), with optional pure G2 Bézier mode.
- */
-declare function getSvgPath({ cornerRadius, topLeftCornerRadius, topRightCornerRadius, bottomRightCornerRadius, bottomLeftCornerRadius, cornerSmoothing, width, height, preserveSmoothing, g2Continuous, }: SquirclePathParams): string;
-/**
- * Compute an SVG path string from width/height/radius/smoothing.
- * Convenience wrapper around getSvgPath().
- */
-declare function computeSquirclePath(width: number, height: number, cornerRadius: number, cornerSmoothing?: number, preserveSmoothing?: boolean, g2Continuous?: boolean): string;
-/**
- * Render a squircle rectangle directly onto a Canvas 2D context using
- * G2 curvature-continuous Bézier curves (Pavel Klavík's optimal coefficients).
- *
- * FIX #5: Rewrote to use the same *relative delta* G2 coefficients as the
- * SVG path drawer, so Canvas and SVG paths are numerically identical.
- * Previous version used accumulated offsets (0.804, 0.912, 0.961) which
- * did not match the SVG path coefficients (0.185, 0.293, 0.342).
- *
- * @example
- * const ctx = canvas.getContext('2d');
- * ctx.beginPath();
- * drawSquircleRect(ctx, 0, 0, 200, 100, 24);
- * ctx.fillStyle = '#3b82f6';
- * ctx.fill();
- */
-declare function drawSquircleRect(ctx: CanvasRenderingContext2D | any, x: number, y: number, width: number, height: number, cornerRadius: number | {
-    tl?: number;
-    tr?: number;
-    br?: number;
-    bl?: number;
-}, smoothing?: number): void;
-
-interface SquircleClassConfig {
-    cornerRadius: number | null;
-    cornerSmoothing: number;
-    squircleBorder: boolean;
-    borderColor: string | null;
-    borderWidth: number;
-    g2Continuous: boolean;
-    restClasses: string;
-}
-/**
- * Parse Tailwind-style class names and extract squircle config.
- *
- * When `squircle-border` is present, standard Tailwind `border-{color}` and
- * `border-{width}` classes are intercepted for the squircle border overlay.
- * Opacity modifiers like `border-gray-600/50` are fully supported.
- *
- * @example
- * parseSquircleClasses("rounded-squircle-24 squircle-border border-gray-600/50")
- * // → { cornerRadius: 24, squircleBorder: true, borderColor: "rgba(75, 85, 99, 0.5)", ... }
- */
-declare function parseSquircleClasses(className?: string): SquircleClassConfig;
-
-export { type SquircleClassConfig, computeSquirclePath, drawSquircleRect, getSvgPath, parseSquircleClasses };
+interface SquirclePathParams {
+    width: number;
+    height: number;
+    cornerRadius?: number;
+    topLeftCornerRadius?: number;
+    topRightCornerRadius?: number;
+    bottomRightCornerRadius?: number;
+    bottomLeftCornerRadius?: number;
+    cornerSmoothing?: number;
+    preserveSmoothing?: boolean;
+    g2Continuous?: boolean;
+}
+/**
+ * Generate an SVG path string for a squircle rectangle.
+ * Direct port of figma-squircle's getSvgPath(), with optional pure G2 Bézier mode.
+ */
+declare function getSvgPath({ cornerRadius, topLeftCornerRadius, topRightCornerRadius, bottomRightCornerRadius, bottomLeftCornerRadius, cornerSmoothing, width, height, preserveSmoothing, g2Continuous, }: SquirclePathParams): string;
+/**
+ * Compute an SVG path string from width/height/radius/smoothing.
+ * Convenience wrapper around getSvgPath().
+ */
+declare function computeSquirclePath(width: number, height: number, cornerRadius: number, cornerSmoothing?: number, preserveSmoothing?: boolean, g2Continuous?: boolean): string;
+/**
+ * Render a squircle rectangle directly onto a Canvas 2D context using
+ * G2 curvature-continuous Bézier curves (Pavel Klavík's optimal coefficients).
+ *
+ * FIX #5: Rewrote to use the same *relative delta* G2 coefficients as the
+ * SVG path drawer, so Canvas and SVG paths are numerically identical.
+ * Previous version used accumulated offsets (0.804, 0.912, 0.961) which
+ * did not match the SVG path coefficients (0.185, 0.293, 0.342).
+ *
+ * @example
+ * const ctx = canvas.getContext('2d');
+ * ctx.beginPath();
+ * drawSquircleRect(ctx, 0, 0, 200, 100, 24);
+ * ctx.fillStyle = '#3b82f6';
+ * ctx.fill();
+ */
+declare function drawSquircleRect(ctx: CanvasRenderingContext2D | any, x: number, y: number, width: number, height: number, cornerRadius: number | {
+    tl?: number;
+    tr?: number;
+    br?: number;
+    bl?: number;
+}, smoothing?: number): void;
+
+interface SquircleClassConfig {
+    cornerRadius: number | null;
+    cornerSmoothing: number;
+    squircleBorder: boolean;
+    borderColor: string | null;
+    borderWidth: number;
+    g2Continuous: boolean;
+    restClasses: string;
+}
+/**
+ * Parse Tailwind-style class names and extract squircle config.
+ *
+ * When `squircle-border` is present, standard Tailwind `border-{color}` and
+ * `border-{width}` classes are intercepted for the squircle border overlay.
+ * Opacity modifiers like `border-gray-600/50` are fully supported.
+ *
+ * @example
+ * parseSquircleClasses("rounded-squircle-24 squircle-border border-gray-600/50")
+ * // → { cornerRadius: 24, squircleBorder: true, borderColor: "rgba(75, 85, 99, 0.5)", ... }
+ */
+declare function parseSquircleClasses(className?: string): SquircleClassConfig;
+
+export { type SquircleClassConfig, computeSquirclePath, drawSquircleRect, getSvgPath, parseSquircleClasses };