@cerberus-design/react 0.0.1-next-895830d → 0.0.1-next-34efe9a

package/build/legacy/_tsup-dts-rollup.d.cts

@@ -1,5 +1,6 @@
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
 
 declare type ColorModes = 'light' | 'dark';
 export { ColorModes }
@@ -17,6 +18,22 @@ declare const MODE_KEY = "cerberus-mode";
 export { MODE_KEY }
 export { MODE_KEY as MODE_KEY_alias_1 }
 
+/**
+ * Conditionally render its children or an optional fallback component
+ * based on the SolidJS component.
+ * @description https://docs.solidjs.com/reference/components/show
+ */
+declare function Show(props: PropsWithChildren<ShowProps>): ReactNode;
+export { Show }
+export { Show as Show_alias_1 }
+
+declare interface ShowProps {
+    when: boolean | null | undefined;
+    fallback?: ReactNode;
+}
+export { ShowProps }
+export { ShowProps as ShowProps_alias_1 }
+
 declare const THEME_KEY = "cerberus-theme";
 export { THEME_KEY }
 export { THEME_KEY as THEME_KEY_alias_1 }

package/build/legacy/_tsup-dts-rollup.d.ts

@@ -1,5 +1,6 @@
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
 
 declare type ColorModes = 'light' | 'dark';
 export { ColorModes }
@@ -17,6 +18,22 @@ declare const MODE_KEY = "cerberus-mode";
 export { MODE_KEY }
 export { MODE_KEY as MODE_KEY_alias_1 }
 
+/**
+ * Conditionally render its children or an optional fallback component
+ * based on the SolidJS component.
+ * @description https://docs.solidjs.com/reference/components/show
+ */
+declare function Show(props: PropsWithChildren<ShowProps>): ReactNode;
+export { Show }
+export { Show as Show_alias_1 }
+
+declare interface ShowProps {
+    when: boolean | null | undefined;
+    fallback?: ReactNode;
+}
+export { ShowProps }
+export { ShowProps as ShowProps_alias_1 }
+
 declare const THEME_KEY = "cerberus-theme";
 export { THEME_KEY }
 export { THEME_KEY as THEME_KEY_alias_1 }

package/build/legacy/index.cjs

@@ -17,10 +17,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./components/Show.cjs"), module.exports);
 __reExport(src_exports, require("./context/theme.cjs"), module.exports);
 __reExport(src_exports, require("./hooks/useTheme.cjs"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ...require("./components/Show.cjs"),
   ...require("./context/theme.cjs"),
   ...require("./hooks/useTheme.cjs")
 });

package/build/legacy/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// context\n\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAEA,wBAAc,gCAFd;AAMA,wBAAc,iCANd;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Show'\n\n// context\n\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAEA,wBAAc,kCAFd;AAMA,wBAAc,gCANd;AAUA,wBAAc,iCAVd;","names":[]}

package/build/legacy/index.d.cts

@@ -1,3 +1,5 @@
+export { Show } from './_tsup-dts-rollup';
+export { ShowProps } from './_tsup-dts-rollup';
 export { ThemeProvider } from './_tsup-dts-rollup';
 export { useThemeContext } from './_tsup-dts-rollup';
 export { DefaultThemes } from './_tsup-dts-rollup';

package/build/legacy/index.d.ts

@@ -1,3 +1,5 @@
+export { Show } from './_tsup-dts-rollup';
+export { ShowProps } from './_tsup-dts-rollup';
 export { ThemeProvider } from './_tsup-dts-rollup';
 export { useThemeContext } from './_tsup-dts-rollup';
 export { DefaultThemes } from './_tsup-dts-rollup';

package/build/legacy/index.js

@@ -1,4 +1,5 @@
 // src/index.ts
+export * from "./components/Show.js";
 export * from "./context/theme.js";
 export * from "./hooks/useTheme.js";
 //# sourceMappingURL=index.js.map

package/build/legacy/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// context\n\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n"],"mappings":";AAEA,cAAc;AAId,cAAc;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Show'\n\n// context\n\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n"],"mappings":";AAEA,cAAc;AAId,cAAc;AAId,cAAc;","names":[]}

package/build/modern/_tsup-dts-rollup.d.cts

@@ -1,5 +1,6 @@
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
 
 declare type ColorModes = 'light' | 'dark';
 export { ColorModes }
@@ -17,6 +18,22 @@ declare const MODE_KEY = "cerberus-mode";
 export { MODE_KEY }
 export { MODE_KEY as MODE_KEY_alias_1 }
 
+/**
+ * Conditionally render its children or an optional fallback component
+ * based on the SolidJS component.
+ * @description https://docs.solidjs.com/reference/components/show
+ */
+declare function Show(props: PropsWithChildren<ShowProps>): ReactNode;
+export { Show }
+export { Show as Show_alias_1 }
+
+declare interface ShowProps {
+    when: boolean | null | undefined;
+    fallback?: ReactNode;
+}
+export { ShowProps }
+export { ShowProps as ShowProps_alias_1 }
+
 declare const THEME_KEY = "cerberus-theme";
 export { THEME_KEY }
 export { THEME_KEY as THEME_KEY_alias_1 }

package/build/modern/_tsup-dts-rollup.d.ts

@@ -1,5 +1,6 @@
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
 
 declare type ColorModes = 'light' | 'dark';
 export { ColorModes }
@@ -17,6 +18,22 @@ declare const MODE_KEY = "cerberus-mode";
 export { MODE_KEY }
 export { MODE_KEY as MODE_KEY_alias_1 }
 
+/**
+ * Conditionally render its children or an optional fallback component
+ * based on the SolidJS component.
+ * @description https://docs.solidjs.com/reference/components/show
+ */
+declare function Show(props: PropsWithChildren<ShowProps>): ReactNode;
+export { Show }
+export { Show as Show_alias_1 }
+
+declare interface ShowProps {
+    when: boolean | null | undefined;
+    fallback?: ReactNode;
+}
+export { ShowProps }
+export { ShowProps as ShowProps_alias_1 }
+
 declare const THEME_KEY = "cerberus-theme";
 export { THEME_KEY }
 export { THEME_KEY as THEME_KEY_alias_1 }

package/build/modern/index.cjs

@@ -17,10 +17,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./components/Show.cjs"), module.exports);
 __reExport(src_exports, require("./context/theme.cjs"), module.exports);
 __reExport(src_exports, require("./hooks/useTheme.cjs"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ...require("./components/Show.cjs"),
   ...require("./context/theme.cjs"),
   ...require("./hooks/useTheme.cjs")
 });

package/build/modern/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// context\n\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAEA,wBAAc,gCAFd;AAMA,wBAAc,iCANd;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Show'\n\n// context\n\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAEA,wBAAc,kCAFd;AAMA,wBAAc,gCANd;AAUA,wBAAc,iCAVd;","names":[]}

package/build/modern/index.d.cts

@@ -1,3 +1,5 @@
+export { Show } from './_tsup-dts-rollup';
+export { ShowProps } from './_tsup-dts-rollup';
 export { ThemeProvider } from './_tsup-dts-rollup';
 export { useThemeContext } from './_tsup-dts-rollup';
 export { DefaultThemes } from './_tsup-dts-rollup';

package/build/modern/index.d.ts

@@ -1,3 +1,5 @@
+export { Show } from './_tsup-dts-rollup';
+export { ShowProps } from './_tsup-dts-rollup';
 export { ThemeProvider } from './_tsup-dts-rollup';
 export { useThemeContext } from './_tsup-dts-rollup';
 export { DefaultThemes } from './_tsup-dts-rollup';

package/build/modern/index.js

@@ -1,4 +1,5 @@
 // src/index.ts
+export * from "./components/Show.js";
 export * from "./context/theme.js";
 export * from "./hooks/useTheme.js";
 //# sourceMappingURL=index.js.map

package/build/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// context\n\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n"],"mappings":";AAEA,cAAc;AAId,cAAc;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Show'\n\n// context\n\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n"],"mappings":";AAEA,cAAc;AAId,cAAc;AAId,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.0.1-next-895830d",
+  "version": "0.0.1-next-34efe9a",
   "description": "The Cerberus Design React component library",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,

package/src/components/Show.tsx

@@ -0,0 +1,23 @@
+'use client'
+
+import { useMemo, type PropsWithChildren, type ReactNode } from 'react'
+
+export interface ShowProps {
+  when: boolean | null | undefined
+  fallback?: ReactNode
+}
+
+/**
+ * Conditionally render its children or an optional fallback component
+ * based on the SolidJS component.
+ * @description https://docs.solidjs.com/reference/components/show
+ */
+export function Show(props: PropsWithChildren<ShowProps>) {
+  const { when, children, fallback } = props
+  const condition = useMemo(() => when ?? false, [when])
+
+  return useMemo(() => {
+    if (condition) return children
+    return fallback ?? null
+  }, [condition, children, fallback])
+}

package/src/index.ts

@@ -1,3 +1,7 @@
+// components
+
+export * from './components/Show'
+
 // context
 
 export * from './context/theme'