@donotdev/components 0.0.17 → 0.0.18

package/dist/types.d.ts

@@ -19,7 +19,7 @@ import type { ComponentType, ReactNode } from 'react';
 export type IconType = ComponentType<LucideProps> | string | ReactNode;
 /**
  * Standardized content data structure for all marketing components.
- * This ensures consistency across Waterfall, Reveal, Carousel, etc.
+ * This ensures consistency across Reveal, Carousel, etc.
  *
  * @version 0.0.1
  * @since 0.0.1

package/dist/utils/constants.d.ts

@@ -65,4 +65,17 @@ export declare const CONTROL_VARIANT: {
     readonly DESTRUCTIVE: "destructive";
 };
 export type ControlVariant = ThemeVariant;
+/**
+ * Tone constants - background tone variants for breakthrough components
+ * Used by Section, HeroSection, CallToAction, TechBento for background colors
+ * Single source of truth for tone values
+ */
+export declare const TONE: {
+    readonly GHOST: "ghost";
+    readonly BASE: "base";
+    readonly MUTED: "muted";
+    readonly CONTRAST: "contrast";
+    readonly ACCENT: "accent";
+};
+export type Tone = (typeof TONE)[keyof typeof TONE];
 //# sourceMappingURL=constants.d.ts.map

package/dist/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAEH;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;CAShB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE9E;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;CAIlB,CAAC;AAEX,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;CAAgB,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;CAAgB,CAAC;AAE7C,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAEH;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;CAShB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE9E;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;CAIlB,CAAC;AAEX,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;CAAgB,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;CAAgB,CAAC;AAE7C,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AAEX,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,OAAO,IAAI,CAAC,CAAC"}

package/dist/utils/constants.js

@@ -37,3 +37,15 @@ export const FLOATING_VARIANT = THEME_VARIANT;
  * Uses all THEME_VARIANT values, defaults to primary like Button
  */
 export const CONTROL_VARIANT = THEME_VARIANT;
+/**
+ * Tone constants - background tone variants for breakthrough components
+ * Used by Section, HeroSection, CallToAction, TechBento for background colors
+ * Single source of truth for tone values
+ */
+export const TONE = {
+    GHOST: 'ghost',
+    BASE: 'base',
+    MUTED: 'muted',
+    CONTRAST: 'contrast',
+    ACCENT: 'accent',
+};

package/dist/utils/intersectionObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"intersectionObserver.d.ts","sourceRoot":"","sources":["../../src/utils/intersectionObserver.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH;;;;;;GAMG;AACH,wBAAgB,4BAA4B,IAAI,IAAI,CAiDnD;AAcD;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,GAAE,2BAAgC,GACxC,oBAAoB,CA+BtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,EACpD,OAAO,GAAE,2BAAgC,GACxC,MAAM,IAAI,CAgEZ;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,OAAO,GAAG,IAAI,EACvB,SAAS,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,EACvC,OAAO,GAAE,2BAAgC,GACxC,MAAM,IAAI,CAQZ;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C"}
+{"version":3,"file":"intersectionObserver.d.ts","sourceRoot":"","sources":["../../src/utils/intersectionObserver.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH;;;;;;GAMG;AACH,wBAAgB,4BAA4B,IAAI,IAAI,CAiDnD;AAcD;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,GAAE,2BAAgC,GACxC,oBAAoB,CA+BtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,EACpD,OAAO,GAAE,2BAAgC,GACxC,MAAM,IAAI,CAsDZ;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,OAAO,GAAG,IAAI,EACvB,SAAS,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,EACvC,OAAO,GAAE,2BAAgC,GACxC,MAAM,IAAI,CAQZ;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C"}

package/dist/utils/intersectionObserver.js

@@ -107,17 +107,7 @@ export function getIntersectionObserver(options = {}) {
 export function observeElement(element, callback, options = {}) {
     // SSR safety check
     if (typeof window === 'undefined') {
-        // SSR fallback - call callback with mock entry
-        const mockEntry = {
-            target: element,
-            isIntersecting: true,
-            intersectionRatio: 1,
-            boundingClientRect: element.getBoundingClientRect(),
-            intersectionRect: element.getBoundingClientRect(),
-            rootBounds: null,
-            time: Date.now(),
-        };
-        callback(mockEntry);
+        // SSR fallback - no DOM methods available, just return noop
         return () => { };
     }
     // Ensure polyfill is loaded

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donotdev/components",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "type": "module",
   "private": false,
   "description": "Styled UI components for DoNotDev",
@@ -77,10 +77,10 @@
     "@radix-ui/react-visually-hidden": "^1.2.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "react-day-picker": "^9.6.4"
+    "react-day-picker": "^9.13.2"
   },
   "peerDependencies": {
-    "lucide-react": "^0.563.0",
+    "lucide-react": "^0.574.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "shiki": "^3.22.0"