feat!: CalendarPreview scale-aware selection

apps/www/src/components/demo/demo-playground.tsx

@@ -36,7 +36,13 @@ const getInitialProps = (
     const value =
       (searchParams && searchParams.get(key)) ?? initialValue ?? defaultValue;
 
-    initialProps[key] = type === 'checkbox' ? value === 'true' : value;
+    /* Only a search param arrives as a string; comparing a real boolean to 'true' unchecks it. */
+    initialProps[key] =
+      type === 'checkbox'
+        ? typeof value === 'string'
+          ? value === 'true'
+          : Boolean(value)
+        : value;
   });
   return initialProps;
 };

apps/www/src/components/demo/demo.tsx

@@ -63,11 +63,7 @@ import { DemoProps } from './types';
 export default function Demo(props: DemoProps) {
   const {
     data,
-    // `...Apsara` carries the 32 icons Apsara publishes, so none of those needs
-    // its own entry, and nothing below may repeat one of their keys, because a
-    // later key shadows the spread. A demo that needs any other glyph names a
-    // lucide component from the block above and sizes it at the call site,
-    // which is exactly what an application does.
+    // Nothing below may repeat an Apsara icon key: a later key shadows the spread.
     scope = {
       ...Apsara,
       DataViewTableDemo,