doccupine 0.0.98 → 0.0.99

package/dist/templates/theme.js

@@ -1,307 +0,0 @@
-export const themeTemplate = `"use client";
-import customThemeJson from "@/theme.json";
-
-interface CustomTheme {
-  default?: Partial<Colors>;
-  dark?: Partial<Colors>;
-}
-
-const customTheme = customThemeJson as CustomTheme;
-
-export const breakpoints: Breakpoints = {
-  xs: 0,
-  sm: 576,
-  md: 768,
-  lg: 992,
-  xl: 1200,
-  xxl: 1440,
-  xxxl: 1920,
-};
-
-export function mq(minWidth: keyof Breakpoints) {
-  return \`@media screen and (min-width: \${breakpoints[minWidth]}px)\`;
-}
-
-export const spacing: Spacing = {
-  maxWidth: { xs: "1280px", xxxl: "1440px" },
-  padding: { xs: "20px", lg: "40px" },
-  radius: { xs: "6px", lg: "12px", xl: "30px" },
-  gridGap: { xs: "20px", lg: "40px" },
-};
-
-export const colors: Colors = {
-  primaryLight: "#93c5fd",
-  primary: "#3b82f6",
-  primaryDark: "#1e40af",
-
-  secondaryLight: "#475569",
-  secondary: "#1e293b",
-  secondaryDark: "#020617",
-
-  tertiaryLight: "#ebccb9",
-  tertiary: "#816b5a",
-  tertiaryDark: "#675445",
-
-  grayLight: "#e5e7eb",
-  gray: "#9ca3af",
-  grayDark: "#4b5563",
-
-  success: "#84cc16",
-  error: "#ef4444",
-  warning: "#eab308",
-  info: "#06b6d4",
-
-  dark: "#000000",
-  light: "#ffffff",
-
-  ...(customTheme.default ? (customTheme.default as Partial<Colors>) : {}),
-};
-
-export const colorsDark: Colors = {
-  primaryLight: "#9bcaff",
-  primary: "#1e7ae0",
-  primaryDark: "#033d7e",
-
-  secondaryLight: "#a4b17b",
-  secondary: "#5c6e46",
-  secondaryDark: "#354c2b",
-
-  tertiaryLight: "#0B0E13",
-  tertiary: "#372414",
-  tertiaryDark: "",
-
-  grayLight: "#1a1a1a",
-  gray: "#454444",
-  grayDark: "#808080",
-
-  success: "#84cc16",
-  error: "#ef4444",
-  warning: "#eab308",
-  info: "#06b6d4",
-
-  dark: "#ffffff",
-  light: "#000000",
-
-  ...(customTheme.dark ? (customTheme.dark as Partial<Colors>) : {}),
-};
-
-export const shadows: Shadows = {
-  xs: "0px 4px 4px 0px rgba(18, 18, 18, 0.04), 0px 1px 3px 0px rgba(39, 41, 45, 0.02)",
-  sm: "0px 4px 4px 0px rgba(18, 18, 18, 0.08), 0px 1px 3px 0px rgba(39, 41, 45, 0.04)",
-  md: "0px 8px 8px 0px rgba(18, 18, 18, 0.16), 0px 2px 3px 0px rgba(39, 41, 45, 0.06)",
-  lg: "0px 16px 24px 0px rgba(18, 18, 18, 0.20), 0px 2px 3px 0px rgba(39, 41, 45, 0.08)",
-  xl: "0px 24px 32px 0px rgba(18, 18, 18, 0.24), 0px 2px 3px 0px rgba(39, 41, 45, 0.12)",
-};
-
-export const shadowsDark: Shadows = {
-  xs: "0px 4px 4px 0px rgba(255, 255, 255, 0.04), 0px 1px 3px 0px rgba(255, 255, 255, 0.02)",
-  sm: "0px 4px 4px 0px rgba(255, 255, 255, 0.08), 0px 1px 3px 0px rgba(255, 255, 255, 0.04)",
-  md: "0px 8px 8px 0px rgba(255, 255, 255, 0.16), 0px 2px 3px 0px rgba(255, 255, 255, 0.06)",
-  lg: "0px 16px 24px 0px rgba(255, 255, 255, 0.20), 0px 2px 3px 0px rgba(255, 255, 255, 0.08)",
-  xl: "0px 24px 32px 0px rgba(255, 255, 255, 0.24), 0px 2px 3px 0px rgba(255, 255, 255, 0.12)",
-};
-
-export const fonts: Fonts = {
-  text: "Inter",
-  head: "Inter",
-  mono: "Roboto Mono, monospace",
-};
-
-export const fontSizes: FontSizes = {
-  hero1: { xs: "72px", lg: "128px" },
-  hero2: { xs: "60px", lg: "96px" },
-  hero3: { xs: "36px", lg: "72px" },
-
-  h1: { xs: "40px", lg: "60px" },
-  h2: { xs: "30px", lg: "36px" },
-  h3: { xs: "28px", lg: "30px" },
-  h4: { xs: "24px", lg: "26px" },
-  h5: { xs: "18px", lg: "20px" },
-  h6: { xs: "16px", lg: "18px" },
-
-  text: { xs: "14px", lg: "16px" },
-  strong: { xs: "14px", lg: "16px" },
-  small: { xs: "12px", lg: "14px" },
-
-  blockquote: { xs: "16px", lg: "18px" },
-  code: { xs: "14px", lg: "16px" },
-
-  button: { xs: "16px", lg: "16px" },
-  buttonBig: { xs: "18px", lg: "18px" },
-
-  input: { xs: "16px", lg: "16px" },
-  inputBig: { xs: "18px", lg: "18px" },
-  inputSmall: { xs: "14px", lg: "14px" },
-};
-
-export const lineHeights: LineHeights = {
-  hero1: { xs: "1.1", lg: "1.1" },
-  hero2: { xs: "1.1", lg: "1.1" },
-  hero3: { xs: "1.17", lg: "1.1" },
-
-  h1: { xs: "1", lg: "1.07" },
-  h2: { xs: "1.2", lg: "1.2" },
-  h3: { xs: "1.3", lg: "1.5" },
-  h4: { xs: "1.3", lg: "1.5" },
-  h5: { xs: "1.6", lg: "1.5" },
-  h6: { xs: "1.6", lg: "1.6" },
-
-  text: { xs: "1.7", lg: "1.7" },
-  strong: { xs: "1.7", lg: "1.7" },
-  small: { xs: "1.7", lg: "1.7" },
-
-  blockquote: { xs: "1.7", lg: "1.7" },
-  code: { xs: "1.7", lg: "1.7" },
-
-  button: { xs: "1", lg: "1" },
-  buttonBig: { xs: "1", lg: "1" },
-
-  input: { xs: "1", lg: "1" },
-  inputBig: { xs: "1", lg: "1" },
-  inputSmall: { xs: "1.00", lg: "1.00" },
-};
-
-export const theme: Theme = {
-  breakpoints,
-  spacing,
-  colors,
-  shadows,
-  fonts,
-  fontSizes,
-  lineHeights,
-  isDark: false,
-};
-
-export const themeDark: Theme = {
-  breakpoints,
-  spacing,
-  colors: colorsDark,
-  shadows: shadowsDark,
-  fonts,
-  fontSizes,
-  lineHeights,
-  isDark: true,
-};
-
-export interface Breakpoints<TNumber = number> {
-  xs: TNumber;
-  sm: TNumber;
-  md: TNumber;
-  lg: TNumber;
-  xl: TNumber;
-  xxl: TNumber;
-  xxxl: TNumber;
-}
-
-export interface Spacing<TString = string> {
-  maxWidth: { xs: TString; xxxl: TString };
-  padding: { xs: TString; lg: TString };
-  radius: { xs: TString; lg: TString; xl: TString };
-  gridGap: { xs: TString; lg: TString };
-}
-
-export interface Colors<TString = string> {
-  primaryLight: TString;
-  primary: TString;
-  primaryDark: TString;
-
-  secondaryLight: TString;
-  secondary: TString;
-  secondaryDark: TString;
-
-  tertiaryLight: TString;
-  tertiary: TString;
-  tertiaryDark: TString;
-
-  grayLight: TString;
-  gray: TString;
-  grayDark: TString;
-
-  success: TString;
-  error: TString;
-  warning: TString;
-  info: TString;
-
-  dark: TString;
-  light: TString;
-}
-
-interface Shadows<TString = string> {
-  xs: TString;
-  sm: TString;
-  md: TString;
-  lg: TString;
-  xl: TString;
-}
-
-export interface Fonts<TString = string> {
-  head: TString;
-  text: TString;
-  mono: TString;
-}
-
-export interface FontSizes<TString = string> {
-  hero1: { xs: TString; lg: TString };
-  hero2: { xs: TString; lg: TString };
-  hero3: { xs: TString; lg: TString };
-
-  h1: { xs: TString; lg: TString };
-  h2: { xs: TString; lg: TString };
-  h3: { xs: TString; lg: TString };
-  h4: { xs: TString; lg: TString };
-  h5: { xs: TString; lg: TString };
-  h6: { xs: TString; lg: TString };
-
-  text: { xs: TString; lg: TString };
-  strong: { xs: TString; lg: TString };
-  small: { xs: TString; lg: TString };
-
-  blockquote: { xs: TString; lg: TString };
-  code: { xs: TString; lg: TString };
-
-  button: { xs: TString; lg: TString };
-  buttonBig: { xs: TString; lg: TString };
-
-  input: { xs: TString; lg: TString };
-  inputBig: { xs: TString; lg: TString };
-  inputSmall: { xs: TString; lg: TString };
-}
-
-export interface LineHeights<TString = string> {
-  hero1: { xs: TString; lg: TString };
-  hero2: { xs: TString; lg: TString };
-  hero3: { xs: TString; lg: TString };
-
-  h1: { xs: TString; lg: TString };
-  h2: { xs: TString; lg: TString };
-  h3: { xs: TString; lg: TString };
-  h4: { xs: TString; lg: TString };
-  h5: { xs: TString; lg: TString };
-  h6: { xs: TString; lg: TString };
-
-  text: { xs: TString; lg: TString };
-  strong: { xs: TString; lg: TString };
-  small: { xs: TString; lg: TString };
-
-  blockquote: { xs: TString; lg: TString };
-  code: { xs: TString; lg: TString };
-
-  button: { xs: TString; lg: TString };
-  buttonBig: { xs: TString; lg: TString };
-
-  input: { xs: TString; lg: TString };
-  inputBig: { xs: TString; lg: TString };
-  inputSmall: { xs: TString; lg: TString };
-}
-
-export interface Theme {
-  breakpoints: Breakpoints;
-  spacing: Spacing;
-  colors: Colors;
-  shadows: Shadows;
-  fonts: Fonts;
-  fontSizes: FontSizes;
-  lineHeights: LineHeights;
-  isDark: boolean;
-}
-`;

package/dist/templates/typography.d.ts

@@ -1 +0,0 @@
-export declare const typographyTemplate = "\n\"use client\";\nimport {\n  styledH1,\n  styledH2,\n  styledH3,\n  styledH4,\n  styledH5,\n  styledH6,\n  styledText,\n  Theme,\n} from \"cherry-styled-components/src/lib\";\nimport styled, { css } from \"styled-components\";\n\nconst StyledHeading = css`\n  font-weight: 900;\n`; \n\nexport const StyledH1 = styled.h1<{ theme: Theme }>` \n  ${StyledHeading};\n  ${({ theme }) => styledH1(theme)}\n`; \n\nexport const StyledH2 = styled.h2<{ theme: Theme }>` \n  ${StyledHeading};\n  ${({ theme }) => styledH2(theme)}\n`; \n\nexport const StyledH3 = styled.h3<{ theme: Theme }>` \n  ${StyledHeading};\n  ${({ theme }) => styledH3(theme)}\n`; \n\nexport const StyledH4 = styled.h4<{ theme: Theme }>` \n  ${StyledHeading};\n  ${({ theme }) => styledH4(theme)}\n`; \n\nexport const StyledH5 = styled.h5<{ theme: Theme }>` \n  ${StyledHeading};\n  ${({ theme }) => styledH5(theme)}\n`; \n\nexport const StyledH6 = styled.h6<{ theme: Theme }>` \n  ${StyledHeading};\n  ${({ theme }) => styledH6(theme)}\n`; \n\nexport const StyledText = styled.p<{ theme: Theme }>` \n  ${({ theme }) => styledText(theme)}\n`; \n";

package/dist/templates/typography.js

@@ -1,52 +0,0 @@
-export const typographyTemplate = `
-"use client";
-import {
-  styledH1,
-  styledH2,
-  styledH3,
-  styledH4,
-  styledH5,
-  styledH6,
-  styledText,
-  Theme,
-} from "cherry-styled-components/src/lib";
-import styled, { css } from "styled-components";
-
-const StyledHeading = css\`
-  font-weight: 900;
-\`; 
-
-export const StyledH1 = styled.h1<{ theme: Theme }>\` 
-  \${StyledHeading};
-  \${({ theme }) => styledH1(theme)}
-\`; 
-
-export const StyledH2 = styled.h2<{ theme: Theme }>\` 
-  \${StyledHeading};
-  \${({ theme }) => styledH2(theme)}
-\`; 
-
-export const StyledH3 = styled.h3<{ theme: Theme }>\` 
-  \${StyledHeading};
-  \${({ theme }) => styledH3(theme)}
-\`; 
-
-export const StyledH4 = styled.h4<{ theme: Theme }>\` 
-  \${StyledHeading};
-  \${({ theme }) => styledH4(theme)}
-\`; 
-
-export const StyledH5 = styled.h5<{ theme: Theme }>\` 
-  \${StyledHeading};
-  \${({ theme }) => styledH5(theme)}
-\`; 
-
-export const StyledH6 = styled.h6<{ theme: Theme }>\` 
-  \${StyledHeading};
-  \${({ theme }) => styledH6(theme)}
-\`; 
-
-export const StyledText = styled.p<{ theme: Theme }>\` 
-  \${({ theme }) => styledText(theme)}
-\`; 
-`;

package/dist/templates/update.mdx.d.ts

@@ -1 +0,0 @@
-export declare const updateMdxTemplate = "---\ntitle: \"Update\"\ndescription: \"This is my first Doccupine project\"\ndate: \"2025-01-15\"\ncategory: \"Components\"\ncategoryOrder: 0\norder: 10\n---\n# Update\n\nEasily manage and present change history.\n\nThe `Update` component helps you display release notes, version details, and changelogs in a standardized format.\n\n<Update label=\"Example\" description=\"v0.0.1\">\n  ## Example entry\n\n  You can include anything here\u2014images, code snippets, or a bullet list of modifications.\n\n  ![Demo Image](https://doccupine.com/demo.png)\n\n  ### Key additions\n\n  - Fully responsive layout\n  - Individual anchor for each update\n  - Automatic RSS feed entry generation\n</Update>\n\n## Update Usage\n\nYou can combine multiple `Update` components to build complete changelogs.\n\n~~~text\n<Update label=\"Example\" description=\"v0.0.1\">\n  ## Example entry\n\n  You can include anything here\u2014images, code snippets, or a bullet list of modifications.\n\n  ![Demo Image](https://doccupine.com/demo.png)\n\n  ### Key additions\n\n  - Fully responsive layout\n  - Individual anchor for each update\n  - Automatic RSS feed entry generation\n</Update>\n~~~\n\n## Properties\n\n<Field value=\"label\" type=\"string\" required>\n  The label of the update.\n</Field>\n\n<Field value=\"description\" type=\"string\" required>\n  The description of the update.\n</Field>\n";

package/dist/templates/update.mdx.js

@@ -1,58 +0,0 @@
-export const updateMdxTemplate = `---
-title: "Update"
-description: "This is my first Doccupine project"
-date: "2025-01-15"
-category: "Components"
-categoryOrder: 0
-order: 10
----
-# Update
-
-Easily manage and present change history.
-
-The \`Update\` component helps you display release notes, version details, and changelogs in a standardized format.
-
-<Update label="Example" description="v0.0.1">
-  ## Example entry
-
-  You can include anything here—images, code snippets, or a bullet list of modifications.
-
-  ![Demo Image](https://doccupine.com/demo.png)
-
-  ### Key additions
-
-  - Fully responsive layout
-  - Individual anchor for each update
-  - Automatic RSS feed entry generation
-</Update>
-
-## Update Usage
-
-You can combine multiple \`Update\` components to build complete changelogs.
-
-~~~text
-<Update label="Example" description="v0.0.1">
-  ## Example entry
-
-  You can include anything here—images, code snippets, or a bullet list of modifications.
-
-  ![Demo Image](https://doccupine.com/demo.png)
-
-  ### Key additions
-
-  - Fully responsive layout
-  - Individual anchor for each update
-  - Automatic RSS feed entry generation
-</Update>
-~~~
-
-## Properties
-
-<Field value="label" type="string" required>
-  The label of the update.
-</Field>
-
-<Field value="description" type="string" required>
-  The description of the update.
-</Field>
-`;