canny-ui-react 4.0.0 → 6.0.0

package/dist/utils/withSx.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties, ReactElement } from 'react';
+import type { SxProp } from '../components/Layout/sx';
+export interface WithSxResult {
+    /** Merged class names (base classes + generated responsive-sx class). */
+    className: string;
+    /** Inline style (scalar sx + any explicit style; explicit style wins). */
+    style: CSSProperties | undefined;
+    /** Scoped <style> element for responsive sx, or null. Render inside the root. */
+    styleTag: ReactElement | null;
+}
+/**
+ * Resolve an `sx` prop for a component that isn't built on `Box`.
+ *
+ * Standardizes the same behavior `Box` has: scalar sx → inline style; responsive
+ * sx → a content-hashed class + a scoped `<style>` (SSR-safe). Pass the base
+ * class names last; the generated sx class is appended so it wins the cascade.
+ *
+ * @example
+ * const { className, style, styleTag } = withSx(sx, style, 'card', color);
+ * return <div className={className} style={style}>{styleTag}{children}</div>;
+ */
+export declare function withSx(sx: SxProp | undefined, style: CSSProperties | undefined, ...classNames: (string | false | null | undefined)[]): WithSxResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canny-ui-react",
-  "version": "4.0.0",
+  "version": "6.0.0",
   "description": "React component wrappers for Canny-UI — Button, Input, Select, MultiSelect, Field, Layout primitives, and more. Built on Radix, motion, cmdk.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -20,7 +20,7 @@
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "canny-ui": "^4.0.0"
+    "canny-ui": "^6.0.0"
   },
   "devDependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
@@ -52,7 +52,7 @@
     "typescript": "^5.7.2",
     "vite": "^6.0.3",
     "vitest": "^2.1.8",
-    "canny-ui": "4.0.0"
+    "canny-ui": "6.0.0"
   },
   "keywords": [
     "react",