npm - @e-burgos/tucu-ui - Versions diffs - 2.5.0 → 2.7.0 - Mend

@e-burgos/tucu-ui 2.5.0 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1377) hide show

package/demo/pages/features/Accessibility.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare function Accessibility(): import("react/jsx-runtime").JSX.Element;
2	- export default Accessibility;

package/demo/pages/features/FeaturesIntroduction.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export declare function FeaturesIntroduction(): import("react/jsx-runtime").JSX.Element;

package/demo/pages/features/HooksUtilities.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare function HooksUtilities(): import("react/jsx-runtime").JSX.Element;
2	- export default HooksUtilities;

package/demo/pages/features/IconsSystem.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare function IconsSystem(): import("react/jsx-runtime").JSX.Element;
2	- export default IconsSystem;

package/demo/pages/features/RoutingSystem.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare function RoutingSystem(): import("react/jsx-runtime").JSX.Element;
2	- export default RoutingSystem;

package/demo/pages/features/accessibility-sections/BestPracticesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const BestPracticesSection: React.FC;
-export default BestPracticesSection;

package/demo/pages/features/accessibility-sections/CodeExamplesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const CodeExamplesSection: React.FC;
-export default CodeExamplesSection;

package/demo/pages/features/accessibility-sections/ComponentStatusSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const ComponentStatusSection: React.FC;
-export default ComponentStatusSection;

package/demo/pages/features/accessibility-sections/ImplementationStatusSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const ImplementationStatusSection: React.FC;
-export default ImplementationStatusSection;

package/demo/pages/features/accessibility-sections/ImplementedFeaturesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const ImplementedFeaturesSection: React.FC;
-export default ImplementedFeaturesSection;

package/demo/pages/features/accessibility-sections/KeyboardNavigationSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const KeyboardNavigationSection: React.FC;
-export default KeyboardNavigationSection;

package/demo/pages/features/accessibility-sections/TestingSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const TestingSection: React.FC;
-export default TestingSection;

package/demo/pages/features/accessibility-sections/WCAGPrinciplesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const WCAGPrinciplesSection: React.FC;
-export default WCAGPrinciplesSection;

package/demo/pages/features/hooks-utilities-sections/BestPracticesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const BestPracticesSection: React.FC;
-export default BestPracticesSection;

package/demo/pages/features/hooks-utilities-sections/HookCategoriesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const HookCategoriesSection: React.FC;
-export default HookCategoriesSection;

package/demo/pages/features/hooks-utilities-sections/HookDocumentationSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const HookDocumentationSection: React.FC;
-export default HookDocumentationSection;

package/demo/pages/features/hooks-utilities-sections/HookFeaturesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const HookFeaturesSection: React.FC;
-export default HookFeaturesSection;

package/demo/pages/features/hooks-utilities-sections/LiveDemonstrationsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const LiveDemonstrationsSection: React.FC;
-export default LiveDemonstrationsSection;

package/demo/pages/features/icon-system-sections/BestPracticesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const BestPracticesSection: React.FC;
-export default BestPracticesSection;

package/demo/pages/features/icon-system-sections/CustomIconsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const CustomIconsSection: React.FC;
-export default CustomIconsSection;

package/demo/pages/features/icon-system-sections/IconArchitectureSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const IconArchitectureSection: React.FC;
-export default IconArchitectureSection;

package/demo/pages/features/icon-system-sections/IconSizingGuideSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const IconSizingGuideSection: React.FC;
-export default IconSizingGuideSection;

package/demo/pages/features/icon-system-sections/IconSystemAPISection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const IconSystemAPISection: React.FC;
-export default IconSystemAPISection;

package/demo/pages/features/icon-system-sections/IconSystemBenefitsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const IconSystemBenefitsSection: React.FC;
-export default IconSystemBenefitsSection;

package/demo/pages/features/icon-system-sections/LucideIconsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const LucideIconsSection: React.FC;
-export default LucideIconsSection;

package/demo/pages/features/icon-system-sections/UsageExamplesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const UsageExamplesSection: React.FC;
-export default UsageExamplesSection;

package/demo/pages/features/routing-system-sections/APIReferenceSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const APIReferenceSection: React.FC;
-export default APIReferenceSection;

package/demo/pages/features/routing-system-sections/ArchitecturalPatternsComparisonSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const ArchitecturalPatternsComparisonSection: React.FC;
-export default ArchitecturalPatternsComparisonSection;

package/demo/pages/features/routing-system-sections/BestPracticesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const BestPracticesSection: React.FC;
-export default BestPracticesSection;

package/demo/pages/features/routing-system-sections/DynamicRoutesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const DynamicRoutesSection: React.FC;
-export default DynamicRoutesSection;

package/demo/pages/features/routing-system-sections/MFESupportSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const MFESupportSection: React.FC;
-export default MFESupportSection;

package/demo/pages/features/routing-system-sections/NestedRoutesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const NestedRoutesSection: React.FC;
-export default NestedRoutesSection;

package/demo/pages/features/routing-system-sections/RouteConfigurationSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const RouteConfigurationSection: React.FC;
-export default RouteConfigurationSection;

package/demo/pages/features/routing-system-sections/StandaloneAppSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const StandaloneAppSection: React.FC;
-export default StandaloneAppSection;

package/demo/pages/features/routing-system-sections/SystemOverviewSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const SystemOverviewSection: React.FC;
-export default SystemOverviewSection;

package/demo/pages/features/routing-system-sections/ThemeProviderIntegrationSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const ThemeProviderIntegrationSection: React.FC;
-export default ThemeProviderIntegrationSection;

package/demo/pages/form-system/FormSystem.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare function FormSystem(): import("react/jsx-runtime").JSX.Element;
2	- export default FormSystem;

package/demo/pages/form-system/code-example-page.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare function CodeExamplePage(): import("react/jsx-runtime").JSX.Element;
2	- export default CodeExamplePage;

package/demo/pages/form-system/example/constants.d.ts DELETED Viewed

@@ -1,12 +0,0 @@
-export declare const countryOptions: {
-    name: string;
-    value: string;
-}[];
-export declare const genderOptions: {
-    value: string;
-    label: string;
-}[];
-export declare const developerOptions: {
-    value: boolean;
-    label: string;
-}[];

package/demo/pages/form-system/example/simple-form-example.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const SimpleFormExample: React.FC;
-export default SimpleFormExample;

package/demo/pages/form-system/form-example-page.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare function FormExamplePage(): import("react/jsx-runtime").JSX.Element;
2	- export default FormExamplePage;

package/demo/pages/form-system/form-system-sections/AdvancedFeaturesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const AdvancedFeaturesSection: React.FC;
-export default AdvancedFeaturesSection;

package/demo/pages/form-system/form-system-sections/ArchitectureOverviewSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const ArchitectureOverviewSection: React.FC;
-export default ArchitectureOverviewSection;

package/demo/pages/form-system/form-system-sections/BasicUsageSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const BasicUsageSection: React.FC;
-export default BasicUsageSection;

package/demo/pages/form-system/form-system-sections/BestPracticesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const BestPracticesSection: React.FC;
-export default BestPracticesSection;

package/demo/pages/form-system/form-system-sections/FormComponentsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const FormComponentsSection: React.FC;
-export default FormComponentsSection;

package/demo/pages/form-system/form-system-sections/FormMethodsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const FormMethodsSection: React.FC;
-export default FormMethodsSection;

package/demo/pages/form-system/form-system-sections/LiveDemoSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const LiveDemoSection: React.FC;
-export default LiveDemoSection;

package/demo/pages/form-system/form-system-sections/ValidationSystemSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const ValidationSystemSection: React.FC;
-export default ValidationSystemSection;

package/demo/pages/index.d.ts DELETED Viewed

@@ -1,41 +0,0 @@
-export * from './blockchain/BlockchainComponents';
-export * from './components/ComponentsIntroduction';
-export * from './components/ChartsComponents';
-export * from './components/InputsComponents';
-export * from './components/UiComponents';
-export * from './design-system/DesignSystem';
-export * from './design-system/LayoutSystem';
-export * from './design-system/ThemingGuide';
-export * from './features/Accessibility';
-export * from './features/FeaturesIntroduction';
-export * from './features/HooksUtilities';
-export * from './features/IconsSystem';
-export * from './features/RoutingSystem';
-export * from './form-system/code-example-page';
-export * from './form-system/example/constants';
-export * from './form-system/example/simple-form-example';
-export * from './form-system/form-example-page';
-export * from './form-system/FormSystem';
-export * from './introduction/BasicUsageDemo';
-export * from './introduction/BasicUsageExampleCode';
-export * from './introduction/BasicUsageWithCustomRouterExampleCode';
-export * from './introduction/index';
-export * from './tailwind/AccessibilityUtilities';
-export * from './tailwind/BackgroundUtilities';
-export * from './tailwind/BordersUtilities';
-export * from './tailwind/Colors';
-export * from './tailwind/EffectsUtilities';
-export * from './tailwind/FiltersUtilities';
-export * from './tailwind/FlexboxGridUtilities';
-export * from './tailwind/InteractivityUtilities';
-export * from './tailwind/LayoutUtilities';
-export * from './tailwind/SVGUtilities';
-export * from './tailwind/TablesUtilities';
-export * from './tailwind/TailwindIntroduction';
-export * from './tailwind/TransformsUtilities';
-export * from './tailwind/TransitionsAnimations';
-export * from './tailwind/TypographyUtilities';
-export * from './macos/MacOSShowcase';
-export * from './macos/MacOSSonomaShowcase';
-export * from './macos/MacOSTahoeShowcase';
-export * from './mcp/MCPServerPage';

package/demo/pages/introduction/BasicUsageDemo.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export declare const Home: () => React.JSX.Element;

package/demo/pages/introduction/BasicUsageExampleCode.d.ts DELETED Viewed

@@ -1 +0,0 @@

- export declare const BasicUsageExampleCode = "import {\n Button,\n CardContainer,\n Avatar,\n ThemeProvider,\n Typography,\n Badge,\n LucideIcons,\n} from '@e-burgos/tucu-ui';\nimport '@e-burgos/tucu-ui/styles';\n\nfunction App() {\n return (\n <ThemeProvider\n showSettings\n logo={{\n name: 'My',\n secondName: 'App',\n }}\n rightButton={\n <Button variant=\"ghost\" size=\"small\">\n Documentation\n </Button>\n }\n menuItems={[\n {\n name: 'Home',\n path: '/',\n icon: <LucideIcons.Home />,\n component: <Home />,\n },\n {\n name: 'About',\n path: '/about',\n icon: <LucideIcons.Info />,\n component: <About />,\n },\n ]}\n />\n );\n}\n\nexport default App;\n\nexport const Home = (): JSX.Element => {\n const avatarImg =\n 'https://e7.pngegg.com/pngimages/799/987/png-clipart-computer-icons-avatar-icon-design-avatar-heroes-computer-wallpaper-thumbnail.png';\n\n return (\n <CardContainer className=\"flex flex-col items-center justify-center p-6 gap-4\">\n <Avatar image={avatarImg} alt=\"Demo User\" size=\"md\" />\n <div className=\"flex flex-col\">\n <Typography tag=\"h3\" className=\"font-semibold mb-2 text-center\">\n Welcome to Tucu UI\n </Typography>\n <div className=\"flex flex-wrap gap-2 justify-center sm:justify-start\">\n <Badge status=\"active\">Production Ready</Badge>\n <Badge variant=\"outline\" color=\"info\">\n TypeScript\n </Badge>\n <Badge variant=\"outline\" color=\"success\">\n React Hook Form\n </Badge>\n <Badge variant=\"outline\" color=\"warning\">\n Tailwind CSS\n </Badge>\n </div>\n </div>\n <Button size=\"large\" shape=\"rounded\" variant=\"solid\" color=\"primary\">\n <div className=\"flex justify-center items-center\">\n <LucideIcons.Zap className=\"w-4 h-4 mr-2\" />\n Get Started\n </div>\n </Button>\n </CardContainer>\n );\n};\n\nexport const About = (): JSX.Element => {\n return (\n <CardContainer className=\"flex flex-col items-center justify-center p-6 gap-4\">\n <div className=\"flex flex-col w-full px-4\">\n <Typography tag=\"h3\" className=\"font-semibold mb-2 text-center\">\n About My App\n </Typography>\n <div className=\"flex flex-wrap gap-2 justify-center sm:justify-start\">\n <ul className=\"list-disc list-inside\">\n <li className=\"mb-2\">\n This is a demo app built with Tucu UI, React, and Tailwind CSS.\n </li>\n <li className=\"mb-2\">\n It is a simple app that allows you to manage your tasks and\n projects.\n </li>\n <li className=\"mb-2\">\n All the components are built with Tucu UI and are fully\n responsive.\n </li>\n <li className=\"mb-2\">\n The app is fully responsive and works on all devices.\n </li>\n <li className=\"mb-2\">Routes are handled with React Router.</li>\n <li className=\"mb-2\">\n Theme is handled with ThemeProvider and Zustand.\n </li>\n <li className=\"mb-2\">Icons are handled with Lucide React.</li>\n </ul>\n </div>\n </div>\n </CardContainer>\n );\n};\n";

package/demo/pages/introduction/BasicUsageWithCustomRouterExampleCode.d.ts DELETED Viewed

@@ -1 +0,0 @@

- export declare const BasicUsageWithCustomRouterExampleCode = "import {\n Button,\n CardContainer,\n Avatar,\n ThemeProvider,\n Typography,\n Badge,\n LucideIcons,\n ReactRouter,\n} from '@e-burgos/tucu-ui';\nimport '@e-burgos/tucu-ui/styles';\n\nfunction App() {\n return (\n <ThemeProvider\n showSettings\n layout=\"clean\"\n menuItems={[]}\n customRoutes={\n <ReactRouter.Routes>\n <ReactRouter.Route path=\"/\" element={<Home />} />\n <ReactRouter.Route path=\"/about\" element={<About />} />\n </ReactRouter.Routes>\n }\n />\n );\n}\n\nexport default App;\n\nexport const Home = (): JSX.Element => {\n const navigate = ReactRouter.useNavigate();\n const avatarImg =\n 'https://e7.pngegg.com/pngimages/799/987/png-clipart-computer-icons-avatar-icon-design-avatar-heroes-computer-wallpaper-thumbnail.png';\n\n return (\n <div className=\"min-h-full px-4 pb-16 pt-16 sm:px-6 sm:pb-20 lg:px-8 xl:pb-24 xl:pt-24 min-[1780px]:px-10\">\n <CardContainer className=\"flex flex-col items-center justify-center p-6 gap-4\">\n <Avatar image={avatarImg} alt=\"Demo User\" size=\"md\" />\n <div className=\"flex flex-col\">\n <Typography tag=\"h3\" className=\"font-semibold mb-2 text-center\">\n Welcome to Tucu UI\n </Typography>\n <div className=\"flex flex-wrap gap-2 justify-center sm:justify-start\">\n <Badge status=\"active\">Production Ready</Badge>\n <Badge variant=\"outline\" color=\"info\">\n TypeScript\n </Badge>\n <Badge variant=\"outline\" color=\"success\">\n React Hook Form\n </Badge>\n <Badge variant=\"outline\" color=\"warning\">\n Tailwind CSS\n </Badge>\n </div>\n </div>\n <Button\n size=\"large\"\n shape=\"rounded\"\n variant=\"solid\"\n color=\"primary\"\n onClick={() => {\n navigate('/about');\n }}\n >\n <div className=\"flex justify-center items-center\">\n <LucideIcons.Zap className=\"w-4 h-4 mr-2\" />\n Go to About\n </div>\n </Button>\n </CardContainer>\n </div>\n );\n};\n\nexport const About = (): JSX.Element => {\n const navigate = ReactRouter.useNavigate();\n return (\n <div className=\"min-h-full px-4 pb-16 pt-16 sm:px-6 sm:pb-20 lg:px-8 xl:pb-24 xl:pt-24 min-[1780px]:px-10\">\n <CardContainer className=\"flex flex-col items-center justify-center p-6\">\n <div className=\"flex flex-col justify-center items-center gap-8 w-full px-4\">\n <Typography tag=\"h3\" className=\"font-semibold mb-4 text-center\">\n About My App\n </Typography>\n <div className=\"flex flex-wrap gap-2 justify-center sm:justify-start\">\n <ul className=\"list-disc list-inside\">\n <li className=\"mb-2\">\n This is a demo app built with Tucu UI, React, and Tailwind CSS.\n </li>\n <li className=\"mb-2\">\n It is a simple app that allows you to manage your tasks and\n projects.\n </li>\n <li className=\"mb-2\">\n All the components are built with Tucu UI and are fully\n responsive.\n </li>\n <li className=\"mb-2\">\n The app is fully responsive and works on all devices.\n </li>\n <li className=\"mb-2\">Routes are handled with React Router.</li>\n <li className=\"mb-2\">\n Theme is handled with ThemeProvider and Zustand.\n </li>\n <li className=\"mb-2\">Icons are handled with Lucide React.</li>\n </ul>\n </div>\n </div>\n <Button\n size=\"large\"\n shape=\"rounded\"\n variant=\"solid\"\n color=\"primary\"\n onClick={() => {\n navigate('/');\n }}\n >\n Go to Home\n </Button>\n </CardContainer>\n </div>\n );\n};\n";

package/demo/pages/introduction/ThemeProviderExamples.d.ts DELETED Viewed

@@ -1,7 +0,0 @@
-/**
- * Examples demonstrating conditional typing in ThemeProvider
- * based on architecturalPatterns
- */
-export declare const StandaloneAppExample = "import { ThemeProvider, LucideIcons } from '@e-burgos/tucu-ui';\nimport '@e-burgos/tucu-ui/styles';\n\nfunction App() {\n  // Single App Pattern (default)\n  // TypeScript will require: menuItems, and optionally customRoutes\n  // TypeScript will NOT allow: basePath or appRoutesConfig\n  \n  return (\n    <ThemeProvider\n      // architecturalPatterns=\"single\" is optional (default)\n      showSettings\n      logo={{\n        name: 'My',\n        secondName: 'App',\n      }}\n      menuItems={[\n        {\n          name: 'Home',\n          path: '/',\n          icon: <LucideIcons.Home />,\n          component: <Home />,\n        },\n        {\n          name: 'Dashboard',\n          path: '/dashboard',\n          icon: <LucideIcons.LayoutDashboard />,\n          component: <Dashboard />,\n        },\n      ]}\n      // customRoutes is optional for more control\n      customRoutes={\n        <Routes>\n          <Route path=\"/\" element={<Home />} />\n          <Route path=\"/dashboard\" element={<Dashboard />} />\n        </Routes>\n      }\n    />\n  );\n}\n\nexport default App;\n";
-export declare const MfeAppExample = "import { ThemeProvider } from '@e-burgos/tucu-ui';\nimport '@e-burgos/tucu-ui/styles';\n\nfunction App() {\n  // MFE Pattern\n  // TypeScript will require: architecturalPatterns=\"mfe\", basePath, appRoutesConfig\n  // TypeScript will NOT allow: menuItems or customRoutes\n  \n  return (\n    <ThemeProvider\n      architecturalPatterns=\"mfe\"\n      basePath=\"/my-app\"\n      appRoutesConfig={[\n        {\n          key: 'home',\n          path: '/',\n          element: <Home />,\n          isPublic: true,\n        },\n        {\n          key: 'dashboard',\n          path: '/dashboard',\n          element: <Dashboard />,\n          isPublic: false,\n        },\n        {\n          key: 'settings',\n          path: '/settings',\n          element: <Settings />,\n          disabled: false,\n        },\n      ]}\n      showSettings\n      logo={{\n        name: 'My',\n        secondName: 'MFE',\n      }}\n    />\n  );\n}\n\nexport default App;\n";
-export declare const ConditionalTypingExplanation = "\n# Conditional Typing in ThemeProvider\n\nThe ThemeProvider uses TypeScript discriminated unions to provide different prop requirements based on the `architecturalPatterns` prop.\n\n## How It Works\n\nThe type system uses a discriminated union:\n\n```typescript\ntype StandaloneAppThemeProviderProps = StandaloneAppProviderProps & {\n  architecturalPatterns?: 'single';\n};\n\ntype MfeThemeProviderProps = MfeAppThemeProviderProps & {\n  architecturalPatterns: 'mfe';\n};\n\ntype ThemeProviderProps = StandaloneAppThemeProviderProps | MfeThemeProviderProps;\n```\n\n## Benefits\n\n### 1. Type Safety\n- **Single App**: TypeScript enforces `menuItems` and allows `customRoutes`\n- **MFE**: TypeScript enforces `basePath` and `appRoutesConfig`\n\n### 2. IntelliSense Support\nWhen you type `architecturalPatterns=\"mfe\"`, your IDE will automatically:\n- Show only relevant props (`basePath`, `appRoutesConfig`)\n- Hide irrelevant props (`menuItems`, `customRoutes`)\n- Provide autocomplete for the correct props\n\n### 3. Compile-Time Errors\nInvalid combinations will fail at compile time:\n\n```typescript\n// \u274C This will fail - mixing MFE pattern with Single App props\n<ThemeProvider\n  architecturalPatterns=\"mfe\"\n  menuItems={[...]}  // Error: Property 'menuItems' does not exist\n/>\n\n// \u274C This will fail - MFE pattern requires basePath and appRoutesConfig\n<ThemeProvider\n  architecturalPatterns=\"mfe\"\n  // Error: Property 'basePath' is missing\n/>\n\n// \u2705 This is correct - MFE pattern with required props\n<ThemeProvider\n  architecturalPatterns=\"mfe\"\n  basePath=\"/app\"\n  appRoutesConfig={[...]}\n/>\n\n// \u2705 This is correct - Single App pattern (default)\n<ThemeProvider\n  menuItems={[...]}\n/>\n```\n\n## Pattern Selection\n\n### Use Single App Pattern when:\n- Building a standalone application\n- You want automatic route generation from menuItems\n- You need simple navigation structure\n- Default pattern (no `architecturalPatterns` prop needed)\n\n### Use MFE Pattern when:\n- Building a micro-frontend architecture\n- You need explicit route configuration\n- You want to integrate multiple apps with a base path\n- You need granular control over route access (isPublic, disabled)\n\n## Advanced Usage\n\n### Single App with Custom Routes\n```typescript\n<ThemeProvider\n  menuItems={menuConfig}\n  customRoutes={\n    <Routes>\n      <Route path=\"/\" element={<Home />} />\n      <Route path=\"/dashboard/*\" element={<Dashboard />}>\n        <Route path=\"analytics\" element={<Analytics />} />\n        <Route path=\"reports\" element={<Reports />} />\n      </Route>\n    </Routes>\n  }\n/>\n```\n\n### MFE with Route Guards\n```typescript\n<ThemeProvider\n  architecturalPatterns=\"mfe\"\n  basePath=\"/admin\"\n  appRoutesConfig={[\n    {\n      key: 'public-home',\n      path: '/',\n      element: <Home />,\n      isPublic: true,  // No authentication required\n    },\n    {\n      key: 'private-dashboard',\n      path: '/dashboard',\n      element: <Dashboard />,\n      isPublic: false,  // Authentication required\n    },\n    {\n      key: 'disabled-feature',\n      path: '/beta-feature',\n      element: <BetaFeature />,\n      disabled: true,  // Temporarily disabled\n    },\n  ]}\n/>\n```\n";

package/demo/pages/introduction/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export declare function Introduction(): import("react/jsx-runtime").JSX.Element;

package/demo/pages/macos/MacOSShowcase.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare function MacOSShowcase(): import("react/jsx-runtime").JSX.Element;
2	- export default MacOSShowcase;

package/demo/pages/macos/MacOSSonomaShowcase.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare function MacOSSonomaShowcase(): import("react/jsx-runtime").JSX.Element;
2	- export default MacOSSonomaShowcase;

package/demo/pages/macos/MacOSTahoeShowcase.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare function MacOSTahoeShowcase(): import("react/jsx-runtime").JSX.Element;
2	- export default MacOSTahoeShowcase;

package/demo/pages/macos/macos-sections/sonoma/MacOSCommandPaletteSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSCommandPaletteSection: React.FC;
-export default MacOSCommandPaletteSection;

package/demo/pages/macos/macos-sections/sonoma/MacOSNotificationBannerSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSNotificationBannerSection: React.FC;
-export default MacOSNotificationBannerSection;

package/demo/pages/macos/macos-sections/sonoma/MacOSPopoverSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSPopoverSection: React.FC;
-export default MacOSPopoverSection;

package/demo/pages/macos/macos-sections/sonoma/MacOSSearchBarSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSSearchBarSection: React.FC;
-export default MacOSSearchBarSection;

package/demo/pages/macos/macos-sections/sonoma/MacOSSegmentedControlSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSSegmentedControlSection: React.FC;
-export default MacOSSegmentedControlSection;

package/demo/pages/macos/macos-sections/sonoma/MacOSSidebarSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSSidebarSection: React.FC;
-export default MacOSSidebarSection;

package/demo/pages/macos/macos-sections/sonoma/MacOSToolbarSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSToolbarSection: React.FC;
-export default MacOSToolbarSection;

package/demo/pages/macos/macos-sections/sonoma/MacOSWidgetSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSWidgetSection: React.FC;
-export default MacOSWidgetSection;

package/demo/pages/macos/macos-sections/sonoma/MacOSWindowSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSWindowSection: React.FC;
-export default MacOSWindowSection;

package/demo/pages/macos/macos-sections/sonoma/SonomaColorsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const SonomaColorsSection: React.FC;
-export default SonomaColorsSection;

package/demo/pages/macos/macos-sections/sonoma/SonomaLayoutContentSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const SonomaLayoutContentSection: React.FC;
-export default SonomaLayoutContentSection;

package/demo/pages/macos/macos-sections/sonoma/SonomaLayoutSidebarSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const SonomaLayoutSidebarSection: React.FC;
-export default SonomaLayoutSidebarSection;

package/demo/pages/macos/macos-sections/sonoma/SonomaMaterialsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const SonomaMaterialsSection: React.FC;
-export default SonomaMaterialsSection;

package/demo/pages/macos/macos-sections/sonoma/SonomaShapesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const SonomaShapesSection: React.FC;
-export default SonomaShapesSection;

package/demo/pages/macos/macos-sections/sonoma/SonomaTypographySection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const SonomaTypographySection: React.FC;
-export default SonomaTypographySection;

package/demo/pages/macos/macos-sections/tahoe/MacOSBackgroundsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSBackgroundsSection: React.FC;
-export default MacOSBackgroundsSection;

package/demo/pages/macos/macos-sections/tahoe/MacOSColorsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSColorsSection: React.FC;
-export default MacOSColorsSection;

package/demo/pages/macos/macos-sections/tahoe/MacOSMaterialsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const MacOSMaterialsSection: React.FC;
-export default MacOSMaterialsSection;

package/demo/pages/macos/macos-sections/tahoe/MacOSTahoeSection.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare const TahoeDemoContent: () => import("react/jsx-runtime").JSX.Element;
2	- export default function MacOSTahoeSection(): import("react/jsx-runtime").JSX.Element;

package/demo/pages/macos/macos-sections/tahoe/MacOSTextStylesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const MacOSTextStylesSection: React.FC;
-export default MacOSTextStylesSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeCommandPaletteSection.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- declare const TahoeCommandPaletteSection: () => import("react/jsx-runtime").JSX.Element;
2	- export default TahoeCommandPaletteSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeDialogSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoeDialogSection: React.FC;
-export default TahoeDialogSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeDockSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoeDockSection: React.FC;
-export default TahoeDockSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeLayoutContentSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoeLayoutContentSection: React.FC;
-export default TahoeLayoutContentSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeLayoutSidebarSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoeLayoutSidebarSection: React.FC;
-export default TahoeLayoutSidebarSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeNotificationBannerSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoeNotificationBannerSection: React.FC;
-export default TahoeNotificationBannerSection;

package/demo/pages/macos/macos-sections/tahoe/TahoePopoverSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoePopoverSection: React.FC;
-export default TahoePopoverSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeProgressBarSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoeProgressBarSection: React.FC;
-export default TahoeProgressBarSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeSearchBarSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoeSearchBarSection: React.FC;
-export default TahoeSearchBarSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeSegmentedControlSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoeSegmentedControlSection: React.FC;
-export default TahoeSegmentedControlSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeToolbarSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoeToolbarSection: React.FC;
-export default TahoeToolbarSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeWidgetSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoeWidgetSection: React.FC;
-export default TahoeWidgetSection;

package/demo/pages/macos/macos-sections/tahoe/TahoeWindowSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const TahoeWindowSection: React.FC;
-export default TahoeWindowSection;

package/demo/pages/mcp/MCPServerPage.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare function MCPServerPage(): import("react/jsx-runtime").JSX.Element;
2	- export default MCPServerPage;

package/demo/pages/mcp/mcp-sections/ClientConfigSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const ClientConfigSection: React.FC;
-export default ClientConfigSection;

package/demo/pages/mcp/mcp-sections/DeploymentSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const DeploymentSection: React.FC;
-export default DeploymentSection;

package/demo/pages/mcp/mcp-sections/InstallationSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const InstallationSection: React.FC;
-export default InstallationSection;

package/demo/pages/mcp/mcp-sections/OverviewSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const OverviewSection: React.FC;
-export default OverviewSection;

package/demo/pages/mcp/mcp-sections/PromptsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const PromptsSection: React.FC;
-export default PromptsSection;

package/demo/pages/mcp/mcp-sections/ResourcesSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const ResourcesSection: React.FC;
-export default ResourcesSection;

package/demo/pages/mcp/mcp-sections/SecuritySection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const SecuritySection: React.FC;
-export default SecuritySection;

package/demo/pages/mcp/mcp-sections/ToolsSection.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const ToolsSection: React.FC;
-export default ToolsSection;

package/demo/pages/tailwind/AccessibilityUtilities.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export declare function AccessibilityUtilities(): import("react/jsx-runtime").JSX.Element;

package/demo/pages/tailwind/BackgroundUtilities.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export declare function BackgroundUtilities(): import("react/jsx-runtime").JSX.Element;