@codefast/ui 0.3.10 → 0.3.11-canary.0

package/dist/primitives/progress-circle.cjs

@@ -42,7 +42,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_context_namespaceObject = require("@radix-ui/react-context");
 const external_react_namespaceObject = require("react");
-const PROGRESS_CIRCLE_PROVIDER_NAME = 'ProgressCircleProvider';
+const PROGRESS_CIRCLE_PROVIDER_NAME = "ProgressCircleProvider";
 const [createProgressCircleContext, createProgressCircleScope] = (0, react_context_namespaceObject.createContextScope)(PROGRESS_CIRCLE_PROVIDER_NAME);
 const [ProgressCircleContextProvider, useProgressCircleContext] = createProgressCircleContext(PROGRESS_CIRCLE_PROVIDER_NAME);
 function ProgressCircleProvider({ __scopeProgressCircle, children, formatValue, id: propertyId, max = 100, min = 0, size = 48, startAngle = -90, strokeWidth = 4, thresholds, value }) {
@@ -104,7 +104,7 @@ function ProgressCircle({ __scopeProgressCircle, ...props }) {
         ...props
     });
 }
-const PROGRESS_CIRCLE_SVG_NAME = 'ProgressCircleSVG';
+const PROGRESS_CIRCLE_SVG_NAME = "ProgressCircleSVG";
 function ProgressCircleSVG({ __scopeProgressCircle, ...props }) {
     const { clampedValue, id, max, min, size, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_SVG_NAME, __scopeProgressCircle);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
@@ -121,7 +121,7 @@ function ProgressCircleSVG({ __scopeProgressCircle, ...props }) {
         ...props
     });
 }
-const PROGRESS_CIRCLE_TRACK_NAME = 'ProgressCircleTrack';
+const PROGRESS_CIRCLE_TRACK_NAME = "ProgressCircleTrack";
 function ProgressCircleTrack({ __scopeProgressCircle, ...props }) {
     const { center, radius, strokeWidth, threshold } = useProgressCircleContext(PROGRESS_CIRCLE_TRACK_NAME, __scopeProgressCircle);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
@@ -129,12 +129,12 @@ function ProgressCircleTrack({ __scopeProgressCircle, ...props }) {
         cy: center,
         fill: "transparent",
         r: radius,
-        stroke: threshold?.background ?? 'currentColor',
+        stroke: threshold?.background ?? "currentColor",
         strokeWidth: strokeWidth,
         ...props
     });
 }
-const PROGRESS_CIRCLE_INDICATOR_NAME = 'ProgressCircleIndicator';
+const PROGRESS_CIRCLE_INDICATOR_NAME = "ProgressCircleIndicator";
 function ProgressCircleIndicator({ __scopeProgressCircle, ...props }) {
     const { center, circumference, radius, rotationTransform, strokeDashoffset, strokeWidth, threshold } = useProgressCircleContext(PROGRESS_CIRCLE_INDICATOR_NAME, __scopeProgressCircle);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
@@ -142,7 +142,7 @@ function ProgressCircleIndicator({ __scopeProgressCircle, ...props }) {
         cy: center,
         fill: "transparent",
         r: radius,
-        stroke: threshold?.color ?? 'currentColor',
+        stroke: threshold?.color ?? "currentColor",
         strokeDasharray: circumference,
         strokeDashoffset: strokeDashoffset,
         strokeLinecap: "round",
@@ -151,10 +151,10 @@ function ProgressCircleIndicator({ __scopeProgressCircle, ...props }) {
         ...props
     });
 }
-const PROGRESS_CIRCLE_VALUE_NAME = 'ProgressCircleValue';
+const PROGRESS_CIRCLE_VALUE_NAME = "ProgressCircleValue";
 function ProgressCircleValue({ __scopeProgressCircle, children, ...props }) {
     const { clampedValue, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_VALUE_NAME, __scopeProgressCircle);
-    if ('function' == typeof children) return children({
+    if ("function" == typeof children) return children({
         value: clampedValue,
         valueText
     });

package/dist/primitives/progress-circle.d.ts

@@ -1,5 +1,5 @@
-import type { Scope } from '@radix-ui/react-context';
-import type { ComponentProps, ReactNode } from 'react';
+import type { Scope } from "@radix-ui/react-context";
+import type { ComponentProps, ReactNode } from "react";
 type ScopedProps<P> = P & {
     __scopeProgressCircle?: Scope;
 };
@@ -71,35 +71,35 @@ interface ProgressCircleProviderProps {
  * ```
  */
 declare function ProgressCircleProvider({ __scopeProgressCircle, children, formatValue, id: propertyId, max, min, size, startAngle, strokeWidth, thresholds, value, }: ScopedProps<ProgressCircleProviderProps>): ReactNode;
-type ProgressCircleProps = ComponentProps<'div'>;
+type ProgressCircleProps = ComponentProps<"div">;
 /**
  * Root component for the progress circle
  *
  * Serves as a wrapper for other progress circle components.
  */
 declare function ProgressCircle({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleProps>): ReactNode;
-type ProgressCircleSVGProps = ComponentProps<'svg'>;
+type ProgressCircleSVGProps = ComponentProps<"svg">;
 /**
  * SVG container for the progress circle
  *
  * Renders the SVG with accessibility attributes and supports indeterminate state.
  */
 declare function ProgressCircleSVG({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleSVGProps>): ReactNode;
-type ProgressCircleTrackProps = ComponentProps<'circle'>;
+type ProgressCircleTrackProps = ComponentProps<"circle">;
 /**
  * Background circle for the progress indicator
  *
  * Renders the static track of the progress circle.
  */
 declare function ProgressCircleTrack({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleTrackProps>): ReactNode;
-type ProgressCircleIndicatorProps = ComponentProps<'circle'>;
+type ProgressCircleIndicatorProps = ComponentProps<"circle">;
 /**
  * Foreground circle showing progress
  *
  * Renders the dynamic progress indicator with stroke dash properties.
  */
 declare function ProgressCircleIndicator({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleIndicatorProps>): ReactNode;
-interface ProgressCircleValueProps extends Omit<ComponentProps<'div'>, 'children'> {
+interface ProgressCircleValueProps extends Omit<ComponentProps<"div">, "children"> {
     children?: ((context: {
         value: number | undefined;
         valueText: string;

package/dist/primitives/progress-circle.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { createContextScope } from "@radix-ui/react-context";
 import { useId, useMemo } from "react";
-const PROGRESS_CIRCLE_PROVIDER_NAME = 'ProgressCircleProvider';
+const PROGRESS_CIRCLE_PROVIDER_NAME = "ProgressCircleProvider";
 const [createProgressCircleContext, createProgressCircleScope] = createContextScope(PROGRESS_CIRCLE_PROVIDER_NAME);
 const [ProgressCircleContextProvider, useProgressCircleContext] = createProgressCircleContext(PROGRESS_CIRCLE_PROVIDER_NAME);
 function ProgressCircleProvider({ __scopeProgressCircle, children, formatValue, id: propertyId, max = 100, min = 0, size = 48, startAngle = -90, strokeWidth = 4, thresholds, value }) {
@@ -64,7 +64,7 @@ function ProgressCircle({ __scopeProgressCircle, ...props }) {
         ...props
     });
 }
-const PROGRESS_CIRCLE_SVG_NAME = 'ProgressCircleSVG';
+const PROGRESS_CIRCLE_SVG_NAME = "ProgressCircleSVG";
 function ProgressCircleSVG({ __scopeProgressCircle, ...props }) {
     const { clampedValue, id, max, min, size, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_SVG_NAME, __scopeProgressCircle);
     return /*#__PURE__*/ jsx("svg", {
@@ -81,7 +81,7 @@ function ProgressCircleSVG({ __scopeProgressCircle, ...props }) {
         ...props
     });
 }
-const PROGRESS_CIRCLE_TRACK_NAME = 'ProgressCircleTrack';
+const PROGRESS_CIRCLE_TRACK_NAME = "ProgressCircleTrack";
 function ProgressCircleTrack({ __scopeProgressCircle, ...props }) {
     const { center, radius, strokeWidth, threshold } = useProgressCircleContext(PROGRESS_CIRCLE_TRACK_NAME, __scopeProgressCircle);
     return /*#__PURE__*/ jsx("circle", {
@@ -89,12 +89,12 @@ function ProgressCircleTrack({ __scopeProgressCircle, ...props }) {
         cy: center,
         fill: "transparent",
         r: radius,
-        stroke: threshold?.background ?? 'currentColor',
+        stroke: threshold?.background ?? "currentColor",
         strokeWidth: strokeWidth,
         ...props
     });
 }
-const PROGRESS_CIRCLE_INDICATOR_NAME = 'ProgressCircleIndicator';
+const PROGRESS_CIRCLE_INDICATOR_NAME = "ProgressCircleIndicator";
 function ProgressCircleIndicator({ __scopeProgressCircle, ...props }) {
     const { center, circumference, radius, rotationTransform, strokeDashoffset, strokeWidth, threshold } = useProgressCircleContext(PROGRESS_CIRCLE_INDICATOR_NAME, __scopeProgressCircle);
     return /*#__PURE__*/ jsx("circle", {
@@ -102,7 +102,7 @@ function ProgressCircleIndicator({ __scopeProgressCircle, ...props }) {
         cy: center,
         fill: "transparent",
         r: radius,
-        stroke: threshold?.color ?? 'currentColor',
+        stroke: threshold?.color ?? "currentColor",
         strokeDasharray: circumference,
         strokeDashoffset: strokeDashoffset,
         strokeLinecap: "round",
@@ -111,10 +111,10 @@ function ProgressCircleIndicator({ __scopeProgressCircle, ...props }) {
         ...props
     });
 }
-const PROGRESS_CIRCLE_VALUE_NAME = 'ProgressCircleValue';
+const PROGRESS_CIRCLE_VALUE_NAME = "ProgressCircleValue";
 function ProgressCircleValue({ __scopeProgressCircle, children, ...props }) {
     const { clampedValue, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_VALUE_NAME, __scopeProgressCircle);
-    if ('function' == typeof children) return children({
+    if ("function" == typeof children) return children({
         value: clampedValue,
         valueText
     });

package/package.json

@@ -1,33 +1,42 @@
 {
   "name": "@codefast/ui",
-  "version": "0.3.10",
+  "version": "0.3.11-canary.0",
   "description": "Core UI components library built with React and Tailwind CSS",
   "keywords": [
-    "ui",
     "components",
+    "design-system",
+    "monorepo",
+    "radix-ui",
     "react",
     "tailwind",
     "tailwindcss",
-    "radix-ui",
-    "design-system",
     "typescript",
-    "monorepo"
+    "ui"
   ],
   "homepage": "https://github.com/codefastlabs/codefast/tree/main/packages/ui#readme",
   "bugs": {
     "url": "https://github.com/codefastlabs/codefast/issues"
   },
+  "license": "MIT",
+  "author": "Vuong Phan <mr.thevuong@gmail.com>",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/codefastlabs/codefast.git",
     "directory": "packages/ui"
   },
-  "license": "MIT",
-  "author": "Vuong Phan <mr.thevuong@gmail.com>",
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "README.md",
+    "LICENSE"
+  ],
+  "type": "module",
   "sideEffects": [
     "./dist/css/**/*.css"
   ],
-  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -397,15 +406,9 @@
     "./css/*": "./dist/css/*",
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist",
-    "CHANGELOG.md",
-    "README.md",
-    "LICENSE"
-  ],
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
     "@radix-ui/primitive": "^1.1.3",
     "@radix-ui/react-accordion": "^1.2.12",
@@ -444,40 +447,38 @@
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^0.563.0",
+    "lucide-react": "^1.7.0",
     "next-themes": "^0.4.6",
-    "react-day-picker": "^9.13.0",
-    "react-hook-form": "^7.71.1",
-    "react-resizable-panels": "^4.5.9",
-    "recharts": "^3.7.0",
+    "react-day-picker": "^9.14.0",
+    "react-hook-form": "^7.72.0",
+    "react-resizable-panels": "^4.7.6",
+    "recharts": "^3.8.1",
     "sonner": "^2.0.7",
     "tw-animate-css": "^1.4.0",
     "vaul": "^1.1.2",
-    "@codefast/tailwind-variants": "0.3.10"
+    "@codefast/tailwind-variants": "0.3.11-canary.0"
   },
   "devDependencies": {
-    "@rsbuild/plugin-react": "^1.4.5",
-    "@rslib/core": "^0.19.4",
-    "@swc/core": "^1.15.11",
+    "@rsbuild/plugin-react": "^1.4.6",
+    "@rslib/core": "^0.19.1",
+    "@swc/core": "^1.15.21",
     "@swc/jest": "^0.2.39",
-    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/postcss": "^4.2.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^30.0.0",
     "@types/jest-axe": "^3.5.9",
-    "@types/node": "^25.2.0",
-    "eslint": "^9.39.2",
-    "jest": "^30.2.0",
+    "@types/node": "^25.5.0",
+    "jest": "^30.3.0",
     "jest-axe": "^10.0.0",
-    "jest-environment-jsdom": "^30.2.0",
-    "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.18",
+    "jest-environment-jsdom": "^30.3.0",
+    "postcss": "^8.5.8",
+    "tailwindcss": "^4.2.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
-    "@codefast/eslint-config": "0.3.10",
-    "@codefast/typescript-config": "0.3.10"
+    "@codefast/typescript-config": "0.3.11-canary.0"
   },
   "peerDependencies": {
     "@types/react": "^19.0",
@@ -493,19 +494,14 @@
       "optional": true
     }
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
     "build": "rslib build",
-    "check-types": "tsc --noEmit",
     "clean": "rm -rf dist",
     "dev": "rslib build --watch",
-    "lint": "TIMING=1 eslint --max-warnings 0",
-    "lint:fix": "TIMING=1 eslint --max-warnings 0 --fix",
     "test": "jest",
     "test:coverage": "jest --coverage",
     "test:coverage:ci": "jest --coverage --ci",
-    "test:watch": "jest --watch"
+    "test:watch": "jest --watch",
+    "typecheck": "tsc --noEmit"
   }
 }