doccupine 0.0.97 → 0.0.99

package/dist/templates/structures.d.ts

@@ -1,2 +0,0 @@
-export declare const appStructure: Record<string, string>;
-export declare const startingDocsStructure: Record<string, string>;

package/dist/templates/structures.js

@@ -1,208 +0,0 @@
-import { envExampleTemplate } from "./env.example.js";
-import { gitignoreTemplate } from "./gitignore.js";
-import { eslintConfigTemplate } from "./eslint.config.js";
-import { nextConfigTemplate } from "./next.config.js";
-import { packageJsonTemplate } from "./package.js";
-import { prettierrcTemplate } from "./prettierrc.js";
-import { prettierignoreTemplate } from "./prettierignore.js";
-import { proxyTemplate } from "./proxy.js";
-import { tsconfigTemplate } from "./tsconfig.js";
-import { mcpRoutesTemplate } from "./app/api/mcp/route.js";
-import { ragRoutesTemplate } from "./app/api/rag/route.js";
-import { routesTemplate } from "./app/api/theme/routes.js";
-import { notFoundTemplate } from "./app/not-found.js";
-import { themeTemplate } from "./app/theme.js";
-import { chatTemplate } from "./components/Chat.js";
-import { clickOutsideTemplate } from "./components/ClickOutside.js";
-import { docsTemplate } from "./components/Docs.js";
-import { docsSideBarTemplate } from "./components/DocsSideBar.js";
-import { mdxComponentsTemplate } from "./components/MDXComponents.js";
-import { sectionNavProviderTemplate } from "./components/SectionNavProvider.js";
-import { sideBarTemplate } from "./components/SideBar.js";
-import { sectionBarTemplate } from "./components/layout/SectionBar.js";
-import { accordionTemplate } from "./components/layout/Accordion.js";
-import { actionBarTemplate } from "./components/layout/ActionBar.js";
-import { buttonTemplate } from "./components/layout/Button.js";
-import { calloutTemplate } from "./components/layout/Callout.js";
-import { cardTemplate } from "./components/layout/Card.js";
-import { cherryThemeProviderTemplate } from "./components/layout/CherryThemeProvider.js";
-import { clientThemeProviderTemplate } from "./components/layout/ClientThemeProvider.js";
-import { codeTemplate } from "./components/layout/Code.js";
-import { columnsTemplate } from "./components/layout/Columns.js";
-import { demoThemeTemplate } from "./components/layout/DemoTheme.js";
-import { docsComponentsTemplate } from "./components/layout/DocsComponents.js";
-import { docsNavigationTemplate } from "./components/layout/DocsNavigation.js";
-import { fieldTemplate } from "./components/layout/Field.js";
-import { footerTemplate } from "./components/layout/Footer.js";
-import { globalStylesTemplate } from "./components/layout/GlobalStyles.js";
-import { headerTemplate } from "./components/layout/Header.js";
-import { iconTemplate } from "./components/layout/Icon.js";
-import { pictogramsTemplate } from "./components/layout/Pictograms.js";
-import { sharedStyledTemplate } from "./components/layout/SharedStyles.js";
-import { staticLinksTemplate } from "./components/layout/StaticLinks.js";
-import { stepsTemplate } from "./components/layout/Steps.js";
-import { tabsTemplate } from "./components/layout/Tabs.js";
-import { themeToggleTemplate } from "./components/layout/ThemeToggle.js";
-import { typographyTemplate } from "./components/layout/Typography.js";
-import { updateTemplate } from "./components/layout/Update.js";
-import { mcpIndexTemplate } from "./services/mcp/index.js";
-import { mcpServerTemplate } from "./services/mcp/server.js";
-import { mcpToolsTemplate } from "./services/mcp/tools.js";
-import { mcpTypesTemplate } from "./services/mcp/types.js";
-import { llmConfigTemplate } from "./services/llm/config.js";
-import { llmFactoryTemplate } from "./services/llm/factory.js";
-import { llmIndexTemplate } from "./services/llm/index.js";
-import { llmTypesTemplate } from "./services/llm/types.js";
-import { styledDTemplate } from "./types/styled.js";
-import { orderNavItemsTemplate } from "./utils/orderNavItems.js";
-import { rateLimitTemplate } from "./utils/rateLimit.js";
-import { brandingTemplate } from "./utils/branding.js";
-import { configTemplate } from "./utils/config.js";
-import { accordionMdxTemplate } from "./mdx/accordion.mdx.js";
-import { aiAssistantMdxTemplate } from "./mdx/ai-assistant.mdx.js";
-import { buttonsMdxTemplate } from "./mdx/buttons.mdx.js";
-import { calloutsMdxTemplate } from "./mdx/callouts.mdx.js";
-import { cardsMdxTemplate } from "./mdx/cards.mdx.js";
-import { codeMdxTemplate } from "./mdx/code.mdx.js";
-import { columnsMdxTemplate } from "./mdx/columns.mdx.js";
-import { commandsMdxTemplate } from "./mdx/commands.mdx.js";
-import { deploymentMdxTemplate } from "./mdx/deployment.mdx.js";
-import { fieldsMdxTemplate } from "./mdx/fields.mdx.js";
-import { fontsMdxTemplate } from "./mdx/fonts.mdx.js";
-import { globalsMdxTemplate } from "./mdx/globals.mdx.js";
-import { headersAndTextMdxTemplate } from "./mdx/headers-and-text.mdx.js";
-import { iconsMdxTemplate } from "./mdx/icons.mdx.js";
-import { imageAndEmbedsMdxTemplate } from "./mdx/image-and-embeds.mdx.js";
-import { indexMdxTemplate } from "./mdx/index.mdx.js";
-import { footerLinksMdxTemplate } from "./mdx/footer-links.mdx.js";
-import { listAndTablesMdxTemplate } from "./mdx/list-and-tables.mdx.js";
-import { mediaAndAssetsMdxTemplate } from "./mdx/media-and-assets.mdx.js";
-import { mcpMdxTemplate } from "./mdx/model-context-protocol.mdx.js";
-import { navigationMdxTemplate } from "./mdx/navigation.mdx.js";
-import { sectionsMdxTemplate } from "./mdx/sections.mdx.js";
-import { stepsMdxTemplate } from "./mdx/steps.mdx.js";
-import { tabsMdxTemplate } from "./mdx/tabs.mdx.js";
-import { themeMdxTemplate } from "./mdx/theme.mdx.js";
-import { updateMdxTemplate } from "./mdx/update.mdx.js";
-import { platformIndexMdxTemplate } from "./mdx/platform/index.mdx.js";
-import { platformFileEditorMdxTemplate } from "./mdx/platform/file-editor.mdx.js";
-import { platformPublishingMdxTemplate } from "./mdx/platform/publishing.mdx.js";
-import { platformCreatingAProjectMdxTemplate } from "./mdx/platform/creating-a-project.mdx.js";
-import { platformSiteSettingsMdxTemplate } from "./mdx/platform/site-settings.mdx.js";
-import { platformThemeSettingsMdxTemplate } from "./mdx/platform/theme-settings.mdx.js";
-import { platformNavigationSettingsMdxTemplate } from "./mdx/platform/navigation-settings.mdx.js";
-import { platformSectionsSettingsMdxTemplate } from "./mdx/platform/sections-settings.mdx.js";
-import { platformFontsSettingsMdxTemplate } from "./mdx/platform/fonts-settings.mdx.js";
-import { platformExternalLinksMdxTemplate } from "./mdx/platform/external-links.mdx.js";
-import { platformAiAssistantMdxTemplate } from "./mdx/platform/ai-assistant.mdx.js";
-import { platformCustomDomainsMdxTemplate } from "./mdx/platform/custom-domains.mdx.js";
-import { platformDeploymentsMdxTemplate } from "./mdx/platform/deployments.mdx.js";
-import { platformTeamMembersMdxTemplate } from "./mdx/platform/team-members.mdx.js";
-import { platformBillingMdxTemplate } from "./mdx/platform/billing.mdx.js";
-import { platformProjectSettingsMdxTemplate } from "./mdx/platform/project-settings.mdx.js";
-export const appStructure = {
-    ".env.example": envExampleTemplate,
-    ".gitignore": gitignoreTemplate,
-    ".prettierrc": prettierrcTemplate,
-    ".prettierignore": prettierignoreTemplate,
-    "eslint.config.mjs": eslintConfigTemplate,
-    "next.config.ts": nextConfigTemplate,
-    "package.json": packageJsonTemplate,
-    "proxy.ts": proxyTemplate,
-    "tsconfig.json": tsconfigTemplate,
-    "app/not-found.tsx": notFoundTemplate,
-    "app/theme.ts": themeTemplate,
-    "app/api/mcp/route.ts": mcpRoutesTemplate,
-    "app/api/rag/route.ts": ragRoutesTemplate,
-    "app/api/theme/route.ts": routesTemplate,
-    "services/mcp/index.ts": mcpIndexTemplate,
-    "services/mcp/server.ts": mcpServerTemplate,
-    "services/mcp/tools.ts": mcpToolsTemplate,
-    "services/mcp/types.ts": mcpTypesTemplate,
-    "services/llm/config.ts": llmConfigTemplate,
-    "services/llm/factory.ts": llmFactoryTemplate,
-    "services/llm/index.ts": llmIndexTemplate,
-    "services/llm/types.ts": llmTypesTemplate,
-    "types/styled.d.ts": styledDTemplate,
-    "utils/branding.ts": brandingTemplate,
-    "utils/orderNavItems.ts": orderNavItemsTemplate,
-    "utils/rateLimit.ts": rateLimitTemplate,
-    "utils/config.ts": configTemplate,
-    "components/Chat.tsx": chatTemplate,
-    "components/ClickOutside.ts": clickOutsideTemplate,
-    "components/Docs.tsx": docsTemplate,
-    "components/DocsSideBar.tsx": docsSideBarTemplate,
-    "components/MDXComponents.tsx": mdxComponentsTemplate,
-    "components/SectionNavProvider.tsx": sectionNavProviderTemplate,
-    "components/SideBar.tsx": sideBarTemplate,
-    "components/layout/Accordion.tsx": accordionTemplate,
-    "components/layout/ActionBar.tsx": actionBarTemplate,
-    "components/layout/Button.tsx": buttonTemplate,
-    "components/layout/Callout.tsx": calloutTemplate,
-    "components/layout/Card.tsx": cardTemplate,
-    "components/layout/CherryThemeProvider.tsx": cherryThemeProviderTemplate,
-    "components/layout/ClientThemeProvider.tsx": clientThemeProviderTemplate,
-    "components/layout/Code.tsx": codeTemplate,
-    "components/layout/Columns.tsx": columnsTemplate,
-    "components/layout/DemoTheme.tsx": demoThemeTemplate,
-    "components/layout/DocsComponents.tsx": docsComponentsTemplate,
-    "components/layout/DocsNavigation.tsx": docsNavigationTemplate,
-    "components/layout/SectionBar.tsx": sectionBarTemplate,
-    "components/layout/Field.tsx": fieldTemplate,
-    "components/layout/Footer.tsx": footerTemplate,
-    "components/layout/GlobalStyles.ts": globalStylesTemplate,
-    "components/layout/Header.tsx": headerTemplate,
-    "components/layout/Icon.tsx": iconTemplate,
-    "components/layout/Pictograms.tsx": pictogramsTemplate,
-    "components/layout/SharedStyled.ts": sharedStyledTemplate,
-    "components/layout/StaticLinks.tsx": staticLinksTemplate,
-    "components/layout/Steps.tsx": stepsTemplate,
-    "components/layout/Tabs.tsx": tabsTemplate,
-    "components/layout/ThemeToggle.tsx": themeToggleTemplate,
-    "components/layout/Typography.ts": typographyTemplate,
-    "components/layout/Update.tsx": updateTemplate,
-};
-export const startingDocsStructure = {
-    "accordion.mdx": accordionMdxTemplate,
-    "ai-assistant.mdx": aiAssistantMdxTemplate,
-    "buttons.mdx": buttonsMdxTemplate,
-    "callouts.mdx": calloutsMdxTemplate,
-    "cards.mdx": cardsMdxTemplate,
-    "code.mdx": codeMdxTemplate,
-    "columns.mdx": columnsMdxTemplate,
-    "commands.mdx": commandsMdxTemplate,
-    "deployment.mdx": deploymentMdxTemplate,
-    "fields.mdx": fieldsMdxTemplate,
-    "fonts.mdx": fontsMdxTemplate,
-    "globals.mdx": globalsMdxTemplate,
-    "headers-and-text.mdx": headersAndTextMdxTemplate,
-    "icons.mdx": iconsMdxTemplate,
-    "image-and-embeds.mdx": imageAndEmbedsMdxTemplate,
-    "index.mdx": indexMdxTemplate,
-    "footer-links.mdx": footerLinksMdxTemplate,
-    "lists-and-tables.mdx": listAndTablesMdxTemplate,
-    "media-and-assets.mdx": mediaAndAssetsMdxTemplate,
-    "model-context-protocol.mdx": mcpMdxTemplate,
-    "navigation.mdx": navigationMdxTemplate,
-    "sections.mdx": sectionsMdxTemplate,
-    "steps.mdx": stepsMdxTemplate,
-    "tabs.mdx": tabsMdxTemplate,
-    "theme.mdx": themeMdxTemplate,
-    "update.mdx": updateMdxTemplate,
-    "platform/index.mdx": platformIndexMdxTemplate,
-    "platform/file-editor.mdx": platformFileEditorMdxTemplate,
-    "platform/publishing.mdx": platformPublishingMdxTemplate,
-    "platform/creating-a-project.mdx": platformCreatingAProjectMdxTemplate,
-    "platform/site-settings.mdx": platformSiteSettingsMdxTemplate,
-    "platform/theme-settings.mdx": platformThemeSettingsMdxTemplate,
-    "platform/navigation-settings.mdx": platformNavigationSettingsMdxTemplate,
-    "platform/sections-settings.mdx": platformSectionsSettingsMdxTemplate,
-    "platform/fonts-settings.mdx": platformFontsSettingsMdxTemplate,
-    "platform/external-links.mdx": platformExternalLinksMdxTemplate,
-    "platform/ai-assistant.mdx": platformAiAssistantMdxTemplate,
-    "platform/custom-domains.mdx": platformCustomDomainsMdxTemplate,
-    "platform/deployments.mdx": platformDeploymentsMdxTemplate,
-    "platform/team-members.mdx": platformTeamMembersMdxTemplate,
-    "platform/billing.mdx": platformBillingMdxTemplate,
-    "platform/project-settings.mdx": platformProjectSettingsMdxTemplate,
-};

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

@@ -1 +0,0 @@
-export declare const tabsMdxTemplate = "---\ntitle: \"Tabs\"\ndescription: \"Doccupine CLI commands\"\ndate: \"2025-01-15\"\ncategory: \"Components\"\ncategoryOrder: 1\norder: 5\n---\n# Tabs\nUse the Tabs component to display different content sections in a switchable panel layout.\n\nTabs are useful for grouping related information while keeping the interface tidy. You can create as many tabs as needed, and each one can hold other components, text, or code snippets.\n\n## Tabs Usage\nYou can use the Tabs component directly within your MDX files without any import. The following example shows a basic usage:\n\n~~~mdx\n<Tabs>\n  <TabContent title=\"First tab\">\n    \u261D\uFE0F This is the content shown only when the first tab is active.\n\n    Tabs can include all kinds of components. For example, a simple Java program:\n    ```java\n      class HelloWorld {\n          public static void main(String[] args) {\n              System.out.println(\"Hello, World!\");\n          }\n      }\n    ```\n  </TabContent>\n  <TabContent title=\"Second tab\">\n    \u270C\uFE0F Content inside this second tab is separate from the first.\n  </TabContent>\n  <TabContent title=\"Third tab\">\n    \uD83D\uDCAA This third tab contains its own unique content.\n  </TabContent>\n</Tabs>\n~~~\n\n<Tabs>\n  <TabContent title=\"First tab\">\n    \u261D\uFE0F This is the content shown only when the first tab is active.\n\n    Tabs can include all kinds of components. For example, a simple Java program:\n    ```java\n    class HelloWorld {\n        public static void main(String[] args) {\n            System.out.println(\"Hello, World!\");\n        }\n    }\n    ```\n  </TabContent>\n  <TabContent title=\"Second tab\" icon=\"leaf\">\n    \u270C\uFE0F Content inside this second tab is separate from the first.\n  </TabContent>\n  <TabContent title=\"Third tab\">\n    \uD83D\uDCAA This third tab contains its own unique content.\n  </TabContent>\n</Tabs>";

package/dist/templates/tabs.mdx.js

@@ -1,59 +0,0 @@
-export const tabsMdxTemplate = `---
-title: "Tabs"
-description: "Doccupine CLI commands"
-date: "2025-01-15"
-category: "Components"
-categoryOrder: 1
-order: 5
----
-# Tabs
-Use the Tabs component to display different content sections in a switchable panel layout.
-
-Tabs are useful for grouping related information while keeping the interface tidy. You can create as many tabs as needed, and each one can hold other components, text, or code snippets.
-
-## Tabs Usage
-You can use the Tabs component directly within your MDX files without any import. The following example shows a basic usage:
-
-~~~mdx
-<Tabs>
-  <TabContent title="First tab">
-    ☝️ This is the content shown only when the first tab is active.
-
-    Tabs can include all kinds of components. For example, a simple Java program:
-    \`\`\`java
-      class HelloWorld {
-          public static void main(String[] args) {
-              System.out.println("Hello, World!");
-          }
-      }
-    \`\`\`
-  </TabContent>
-  <TabContent title="Second tab">
-    ✌️ Content inside this second tab is separate from the first.
-  </TabContent>
-  <TabContent title="Third tab">
-    💪 This third tab contains its own unique content.
-  </TabContent>
-</Tabs>
-~~~
-
-<Tabs>
-  <TabContent title="First tab">
-    ☝️ This is the content shown only when the first tab is active.
-
-    Tabs can include all kinds of components. For example, a simple Java program:
-    \`\`\`java
-    class HelloWorld {
-        public static void main(String[] args) {
-            System.out.println("Hello, World!");
-        }
-    }
-    \`\`\`
-  </TabContent>
-  <TabContent title="Second tab" icon="leaf">
-    ✌️ Content inside this second tab is separate from the first.
-  </TabContent>
-  <TabContent title="Third tab">
-    💪 This third tab contains its own unique content.
-  </TabContent>
-</Tabs>`;

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

@@ -1 +0,0 @@
-export declare const textMdxTemplate = "---\ntitle: \"Headers and Text\"\ndescription: \"Doccupine CLI commands\"\ndate: \"2025-01-15\"\ncategory: \"Components\"\ncategoryOrder: 1\norder: 1\n---\n# Headers and Text\nLearn how to structure and style your content with headers, formatting, and links.\n\n## Headers\nHeaders define the hierarchy of your content and automatically generate navigation anchors. They also appear in the table of contents, helping readers quickly scan through documentation.\n\n### Creating headers\nAdd `#` symbols before text to create headers at various levels:\n\n```text\n## Main section header\n### Subsection header\n#### Nested subsection header\n```\n\n## Text Formatting\nMarkdown text styling is supported for emphasis, highlighting, and readability.\n\n### Basic formatting\nUse these common syntax options:\n\n- Bold: `**bold text**` \u2192 **bold text**\n- Italic: `*italic text*` \u2192 *italic text*\n- Strikethrough: `~~strikethrough~~` \u2192 ~~strikethrough~~\n\n### Combining formats\nYou can mix multiple styles at once for clarity:\n\n```text\n**_bold and italic_**\n**~~bold and strikethrough~~**\n*~~italic and strikethrough~~**\n```\n\n## Superscript and subscript\nFor formulas, notes, or variables, use HTML tags:\n\n- Superscript `X<sup>2</sup>` \u2192 X<sup>2</sup>\n- Subscript `H<sub>2</sub>O` \u2192 H<sub>2</sub>O\n\n## Links\nLinks connect users to internal pages or external resources. Always use descriptive link text for better accessibility.\n\n### Internal links\nReference other docs with root-relative paths:\n\n```text\n[Getting Started](/)\n[Commands](/commands)\n```\n\n- [Getting Started](/)\n- [Commands](/commands)\n\n### External links\nPoint to external pages by including full URLs:\n\n```text\n[Markdown Guide](https://www.markdownguide.org/)\n```\n\n[Markdown Guide](https://www.markdownguide.org/)\n\n## Blockquotes\nBlockquotes are used to visually highlight key information, quotations, or examples.\n\n### Single line blockquotes\nPrefix text with `>` for a single-line blockquote:\n\n```text\n> Highlighted message or quote\n```\n\n> Highlighted message or quote\n\n### Multi-line blockquotes\nFor larger quotes spanning more than one paragraph:\n\n```text\n> This is a blockquote that spans multiple lines.\n> It can include several paragraphs of text.\n> Each new line starts with a `>` symbol.\n```\n\n> This is a blockquote that spans multiple lines.\n> It can include several paragraphs of text.\n> Each new line starts with a `>` symbol.\n\n## Line Breaks and Spacing\nControl spacing to improve readability and layout.\n\n### Paragraph breaks\nSeparate paragraphs with blank lines:\n\n```text\nFirst paragraph.\n\nSecond paragraph.\n```\n\nFirst paragraph.\n\nSecond paragraph.\n\n## Manual line breaks\nFor shorter breaks inside the same paragraph, use `<br />`:\n\n```text\nThis is one line.<br />\nThis is the next line.\n```\n\nThis is one line.<br />\nThis is the next line.\n\n# Best Practices\n\n## Organizing content\n\n- Use headers to establish hierarchy\n- Maintain logical order (avoid skipping levels, e.g., H2 \u2192 H4)\n- Always write meaningful, descriptive headers\n\n## Formatting text\n\n- Use **bold** for key emphasis only\n- Use *italics* for emphasis or technical terms\n- Limit formatting combinations to maintain readability\n\n## Links\n\n- Avoid vague text like \u201Cclick here\u201D\n- Prefer root-relative paths for internal links\n- Regularly validate links to ensure they are not broken";

package/dist/templates/text.mdx.js

@@ -1,142 +0,0 @@
-export const textMdxTemplate = `---
-title: "Headers and Text"
-description: "Doccupine CLI commands"
-date: "2025-01-15"
-category: "Components"
-categoryOrder: 1
-order: 1
----
-# Headers and Text
-Learn how to structure and style your content with headers, formatting, and links.
-
-## Headers
-Headers define the hierarchy of your content and automatically generate navigation anchors. They also appear in the table of contents, helping readers quickly scan through documentation.
-
-### Creating headers
-Add \`#\` symbols before text to create headers at various levels:
-
-\`\`\`text
-## Main section header
-### Subsection header
-#### Nested subsection header
-\`\`\`
-
-## Text Formatting
-Markdown text styling is supported for emphasis, highlighting, and readability.
-
-### Basic formatting
-Use these common syntax options:
-
-- Bold: \`**bold text**\` → **bold text**
-- Italic: \`*italic text*\` → *italic text*
-- Strikethrough: \`~~strikethrough~~\` → ~~strikethrough~~
-
-### Combining formats
-You can mix multiple styles at once for clarity:
-
-\`\`\`text
-**_bold and italic_**
-**~~bold and strikethrough~~**
-*~~italic and strikethrough~~**
-\`\`\`
-
-## Superscript and subscript
-For formulas, notes, or variables, use HTML tags:
-
-- Superscript \`X<sup>2</sup>\` → X<sup>2</sup>
-- Subscript \`H<sub>2</sub>O\` → H<sub>2</sub>O
-
-## Links
-Links connect users to internal pages or external resources. Always use descriptive link text for better accessibility.
-
-### Internal links
-Reference other docs with root-relative paths:
-
-\`\`\`text
-[Getting Started](/)
-[Commands](/commands)
-\`\`\`
-
-- [Getting Started](/)
-- [Commands](/commands)
-
-### External links
-Point to external pages by including full URLs:
-
-\`\`\`text
-[Markdown Guide](https://www.markdownguide.org/)
-\`\`\`
-
-[Markdown Guide](https://www.markdownguide.org/)
-
-## Blockquotes
-Blockquotes are used to visually highlight key information, quotations, or examples.
-
-### Single line blockquotes
-Prefix text with \`>\` for a single-line blockquote:
-
-\`\`\`text
-> Highlighted message or quote
-\`\`\`
-
-> Highlighted message or quote
-
-### Multi-line blockquotes
-For larger quotes spanning more than one paragraph:
-
-\`\`\`text
-> This is a blockquote that spans multiple lines.
-> It can include several paragraphs of text.
-> Each new line starts with a \`>\` symbol.
-\`\`\`
-
-> This is a blockquote that spans multiple lines.
-> It can include several paragraphs of text.
-> Each new line starts with a \`>\` symbol.
-
-## Line Breaks and Spacing
-Control spacing to improve readability and layout.
-
-### Paragraph breaks
-Separate paragraphs with blank lines:
-
-\`\`\`text
-First paragraph.
-
-Second paragraph.
-\`\`\`
-
-First paragraph.
-
-Second paragraph.
-
-## Manual line breaks
-For shorter breaks inside the same paragraph, use \`<br />\`:
-
-\`\`\`text
-This is one line.<br />
-This is the next line.
-\`\`\`
-
-This is one line.<br />
-This is the next line.
-
-# Best Practices
-
-## Organizing content
-
-- Use headers to establish hierarchy
-- Maintain logical order (avoid skipping levels, e.g., H2 → H4)
-- Always write meaningful, descriptive headers
-
-## Formatting text
-
-- Use **bold** for key emphasis only
-- Use *italics* for emphasis or technical terms
-- Limit formatting combinations to maintain readability
-
-## Links
-
-- Avoid vague text like “click here”
-- Prefer root-relative paths for internal links
-- Regularly validate links to ensure they are not broken`;

package/dist/templates/theme-toggle.d.ts

@@ -1 +0,0 @@
-export declare const themeToggleTemplate = "\n\"use client\";\nimport { Theme, resetButton, ThemeContext } from \"cherry-styled-components/src/lib\";\nimport React, { useContext, useEffect } from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\nimport { useSearchParams } from \"next/navigation\";\nimport { theme as themeLight, themeDark } from \"@/app/theme\";\nimport { Icon } from \"@/app/components/layout/Icon\";\n\nconst StyledThemeToggle = styled.button<{ theme: Theme; $hidden?: boolean }>`\n  ${resetButton}\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  display: flex;\n  position: relative;\n  margin: auto 0;\n  transform: scale(1);\n\n  ${({ $hidden }) =>\n    $hidden &&\n    css`\n      display: none;\n    `}\n\n  & svg {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%) translateY(0);\n    margin: auto;\n    transition: all 0.3s ease;\n\n    &.lucide-sun {\n      ${({ theme }) =>\n        theme.isDark &&\n        `opacity: 0;\n\t\t\ttransform: translate(-50%, -50%) translateY(10px);`}\n    }\n\n    &.lucide-moon-star {\n      ${({ theme }) =>\n        !theme.isDark &&\n        `opacity: 0;\n\t\t\ttransform: translate(-50%, -50%) translateY(10px);`}\n    }\n  }\n\n  & svg[stroke] {\n    stroke: ${({ theme }) => theme.colors.primary};\n  }\n\n  @media (hover: hover) {\n    &:hover {\n      transform: scale(1.05);\n      color: ${({ theme }) =>\n        theme.isDark ? theme.colors.primaryLight : theme.colors.primaryDark};\n      Toggle & svg[stroke] {\n        stroke: ${({ theme }) =>\n          theme.isDark ? theme.colors.primaryLight : theme.colors.primaryDark};\n      }\n    }\n  }\n\n  &:active {\n    transform: scale(0.97);\n  }\n`;\n\nfunction ToggleTheme({ $hidden }: { $hidden?: boolean }) {\n  const theme = useTheme() as Theme;\n  const { setTheme } = useContext(ThemeContext);\n\n  const searchParams = useSearchParams();\n  const themeParam = searchParams.get(\"theme\");\n\n  useEffect(() => {\n    if (themeParam === \"light\") {\n      setTheme(themeLight);\n      localStorage.theme = \"light\";\n    } else if (themeParam === \"dark\") {\n      setTheme(themeDark);\n      localStorage.theme = \"dark\";\n    }\n  }, [themeParam, setTheme]);\n\n  return (\n    <StyledThemeToggle\n      onClick={() => {\n        if (theme.isDark) {\n          setTheme(themeLight);\n          localStorage.theme = \"light\";\n        } else {\n          setTheme(themeDark);\n          localStorage.theme = \"dark\";\n        }\n      }}\n      $hidden={$hidden}\n      aria-label=\"Toggle Theme\"\n    >\n      <Icon name=\"MoonStar\" className=\"dark\" />\n      <Icon name=\"Sun\" className=\"light\" />\n    </StyledThemeToggle>\n  );\n}\n\nexport { ToggleTheme };\n";

package/dist/templates/theme-toggle.js

@@ -1,111 +0,0 @@
-export const themeToggleTemplate = `
-"use client";
-import { Theme, resetButton, ThemeContext } from "cherry-styled-components/src/lib";
-import React, { useContext, useEffect } from "react";
-import styled, { css, useTheme } from "styled-components";
-import { useSearchParams } from "next/navigation";
-import { theme as themeLight, themeDark } from "@/app/theme";
-import { Icon } from "@/app/components/layout/Icon";
-
-const StyledThemeToggle = styled.button<{ theme: Theme; $hidden?: boolean }>\`
-  \${resetButton}
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  display: flex;
-  position: relative;
-  margin: auto 0;
-  transform: scale(1);
-
-  \${({ $hidden }) =>
-    $hidden &&
-    css\`
-      display: none;
-    \`}
-
-  & svg {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%) translateY(0);
-    margin: auto;
-    transition: all 0.3s ease;
-
-    &.lucide-sun {
-      \${({ theme }) =>
-        theme.isDark &&
-        \`opacity: 0;
-			transform: translate(-50%, -50%) translateY(10px);\`}
-    }
-
-    &.lucide-moon-star {
-      \${({ theme }) =>
-        !theme.isDark &&
-        \`opacity: 0;
-			transform: translate(-50%, -50%) translateY(10px);\`}
-    }
-  }
-
-  & svg[stroke] {
-    stroke: \${({ theme }) => theme.colors.primary};
-  }
-
-  @media (hover: hover) {
-    &:hover {
-      transform: scale(1.05);
-      color: \${({ theme }) =>
-        theme.isDark ? theme.colors.primaryLight : theme.colors.primaryDark};
-      Toggle & svg[stroke] {
-        stroke: \${({ theme }) =>
-          theme.isDark ? theme.colors.primaryLight : theme.colors.primaryDark};
-      }
-    }
-  }
-
-  &:active {
-    transform: scale(0.97);
-  }
-\`;
-
-function ToggleTheme({ $hidden }: { $hidden?: boolean }) {
-  const theme = useTheme() as Theme;
-  const { setTheme } = useContext(ThemeContext);
-
-  const searchParams = useSearchParams();
-  const themeParam = searchParams.get("theme");
-
-  useEffect(() => {
-    if (themeParam === "light") {
-      setTheme(themeLight);
-      localStorage.theme = "light";
-    } else if (themeParam === "dark") {
-      setTheme(themeDark);
-      localStorage.theme = "dark";
-    }
-  }, [themeParam, setTheme]);
-
-  return (
-    <StyledThemeToggle
-      onClick={() => {
-        if (theme.isDark) {
-          setTheme(themeLight);
-          localStorage.theme = "light";
-        } else {
-          setTheme(themeDark);
-          localStorage.theme = "dark";
-        }
-      }}
-      $hidden={$hidden}
-      aria-label="Toggle Theme"
-    >
-      <Icon name="MoonStar" className="dark" />
-      <Icon name="Sun" className="light" />
-    </StyledThemeToggle>
-  );
-}
-
-export { ToggleTheme };
-`;

package/dist/templates/theme.d.ts

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