@codecanon/next-presets 0.0.1

package/README.md

@@ -0,0 +1,40 @@
+# @codecanon/next-presets
+
+Allow your user to choose from a list of shadcn presets.
+
+## Installation
+
+```bash
+bun add @codecanon/next-presets
+```
+
+```css
+/* Then add to your global css file */
+@import "@codecanon/next-presets/styles.css";
+```
+
+## Development
+
+- Install dependencies:
+
+```bash
+npm install
+```
+
+- Run the playground:
+
+```bash
+npm run play
+```
+
+- Run the unit tests:
+
+```bash
+npm run test
+```
+
+- Build the library:
+
+```bash
+npm run build
+```

package/dist/index.d.ts

@@ -0,0 +1,112 @@
+import { ThemeProviderProps as ThemeProviderProps$1 } from "next-themes";
+import * as React$1 from "react";
+import { PropsWithChildren, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { Dialog } from "radix-ui";
+
+//#region src/presets/index.d.ts
+declare const PRESETS: [["nuteral", "Nuteral"], ["nuteral-accent", "Nuteral (Accent)"], ["new", "Anew"], ["red", "Red"], ["rose", "Rose"], ["orange", "Orange"], ["green", "Green"], ["blue", "Blue"], ["yellow", "Yellow"], ["violet", "Violet"], ["modern-minimal", "Modern Minimal"], ["violet-bloom", "Violet Bloom"], ["t3-chat", "T3 Chat"], ["twitter", "Twitter"], ["mocha-mousse", "Mocha Mousse"], ["bubblegum", "Bubblegum"], ["amethyst-haze", "Amethyst Haze"], ["notebook", "Notebook"], ["doom-64", "Doom 64"], ["catppuccin", "Catppuccin"], ["graphite", "Graphite"], ["perpetuity", "Perpetuity"], ["kodama-grove", "Kodama Grove"], ["cosmic-night", "Cosmic Night"], ["tangerine", "Tangerine"], ["quantum-rose", "Quantum Rose"], ["nature", "Nature"], ["bold-tech", "Bold Tech"], ["elegant-luxury", "Elegant Luxury"], ["amber-minimal", "Amber Minimal"], ["supabase", "Supabase"], ["neo-brutalism", "Neo Brutalism"], ["solar-dusk", "Solar Dusk"], ["claymorphism", "Claymorphism"], ["cyberpunk", "Cyberpunk"], ["pastel-dreams", "Pastel Dreams"], ["clean-slate", "Clean Slate"], ["caffeine", "Caffeine"], ["ocean-breeze", "Ocean Breeze"], ["retro-arcade", "Retro Arcade"], ["midnight-bloom", "Midnight Bloom"], ["candyland", "Candyland"], ["northern-lights", "Northern Lights"], ["vintage-paper", "Vintage Paper"], ["sunset-horizon", "Sunset Horizon"], ["starry-night", "Starry Night"], ["claude", "Claude"], ["vercel", "Vercel"], ["darkmatter", "Darkmatter"], ["mono", "Mono"], ["soft-pop", "Soft Pop"], ["sage-garden", "Sage Garden"]];
+type PresetKeys = (typeof PRESETS)[number][0];
+declare const DEFAULT_PRESET: PresetKeys;
+//#endregion
+//#region src/providers.d.ts
+type ColorScheme = "dark" | "light";
+type Theme = ColorScheme | "system";
+type PresetProviderProps = {
+  children: ReactNode;
+  defaultPreset?: PresetKeys;
+  presetKey?: string;
+};
+type PresetState = {
+  preset?: PresetKeys;
+  resetPreset: () => void;
+  setPreset: (preset: PresetKeys) => void;
+};
+declare function PresetProvider({
+  children,
+  presetKey
+}: PresetProviderProps): _$react_jsx_runtime0.JSX.Element;
+declare function usePreset(): PresetState;
+type ThemeProviderProps = ThemeProviderProps$1 & {
+  defaultTheme?: Theme;
+  themeKey?: string;
+};
+declare function ThemeProvider({
+  children,
+  defaultTheme,
+  themeKey,
+  ...nextThemeProps
+}: ThemeProviderProps): _$react_jsx_runtime0.JSX.Element;
+declare function useTheme(): {
+  colorScheme: ColorScheme;
+  isDarkTheme: boolean; /** List of all available theme names */
+  themes: Theme[]; /** Forced theme name for the current page */
+  forcedTheme?: Theme | undefined; /** Update the theme */
+  setTheme: React.Dispatch<React.SetStateAction<Theme>>; /** Active theme name */
+  theme?: Theme | undefined; /** If `enableSystem` is true and the active theme is "system", this returns whether the system preference resolved to "dark" or "light". Otherwise, identical to `theme` */
+  resolvedTheme?: ColorScheme | undefined; /** If enableSystem is true, returns the System theme preference ("dark" or "light"), regardless what the active theme is */
+  systemTheme?: ColorScheme | undefined;
+};
+//#endregion
+//#region src/components/ui/sheet.d.ts
+declare function Sheet({
+  ...props
+}: React$1.ComponentProps<typeof Dialog.Root>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/card.d.ts
+declare function Card({
+  className,
+  size,
+  ...props
+}: React$1.ComponentProps<"div"> & {
+  size?: "default" | "sm";
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/default-app-preview-card.d.ts
+declare function DefaultAppPreviewCard({
+  presetKey,
+  label,
+  active,
+  showDock,
+  highlighted,
+  className,
+  ref,
+  ...props
+}: {
+  showDock?: boolean;
+  label?: string;
+  presetKey?: PresetKeys;
+  active?: boolean;
+  highlighted?: boolean;
+  ref?: React.Ref<HTMLDivElement>;
+} & React.ComponentProps<typeof Card>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/preset-picker.d.ts
+type PresetPickerState = {
+  open: boolean;
+  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+  toggleOpen: () => void;
+};
+declare function PresetPicker({
+  children
+}: PropsWithChildren): _$react_jsx_runtime0.JSX.Element;
+declare function usePresetPicker(caller?: string): PresetPickerState;
+declare function PresetPickerThemeToggleGroup({
+  className,
+  ...props
+}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+declare function PresetPickerContent({
+  showDock,
+  previewCard: AppPreviewCard,
+  className,
+  ...props
+}: {
+  showDock?: boolean;
+  previewCard?: typeof DefaultAppPreviewCard;
+} & React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+declare function PresetPickerSheet({
+  children,
+  ...props
+}: React.ComponentProps<typeof Sheet>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { type ColorScheme, DEFAULT_PRESET, DefaultAppPreviewCard, PRESETS, PresetKeys, PresetPicker, PresetPickerContent, PresetPickerSheet, PresetPickerThemeToggleGroup, PresetProvider, type PresetProviderProps, type Theme, ThemeProvider, type ThemeProviderProps, usePreset, usePresetPicker, useTheme };