Auto commit for build : 151

commit by: ayoub <hassani.ayoub@gmail.com>

 with message : till the footer

components/Accordion/Accordion.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactElement } from 'react';
+import { AccordionItemProps } from './AccordionItem';
+interface AccordionProps {
+    children: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];
+}
+export declare const Accordion: React.FC<AccordionProps>;
+export {};

components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AccordionItemProps {
+    title: string;
+    children: React.ReactNode;
+    isOpen?: boolean;
+    onToggle?: () => void;
+}
+export declare const AccordionItem: React.FC<AccordionItemProps>;

components/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Accordion';
+export * from './AccordionItem';

components/Accordion1/Accordion.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface AccordionProps {
+    children: React.ReactNode;
+}
+export declare const Accordion: React.FC<AccordionProps>;
+export {};

components/Accordion1/AccordionItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface AccordionItemProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+}
+export declare const AccordionItem: React.FC<AccordionItemProps>;
+export {};

components/Accordion1/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Accordion';
+export * from './AccordionItem';

components/Button/ButtonGroup.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ButtonGroupProps {
+    items: ButtonGroupItem[];
+}
+export interface ButtonGroupItem {
+    label: string;
+    onClick: () => void;
+    icon?: React.ReactNode;
+    isActive?: boolean;
+    disabled?: boolean;
+}
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;

components/Button/index.d.ts

@@ -1 +1,2 @@
 export * from './Button';
+export * from './ButtonGroup';

components/Card/Card.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type CardProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare const Card: React.FC<CardProps>;
+export {};

components/Card/CardContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type CardContentProps = {
+    children: React.ReactNode;
+};
+export declare const CardContent: React.FC<CardContentProps>;
+export {};

components/Card/CardFooter.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type CardFooterProps = {
+    children: React.ReactNode;
+};
+export declare const CardFooter: React.FC<CardFooterProps>;
+export {};

components/Card/CardImage.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type CardImageProps = {
+    src: string;
+    alt?: string;
+};
+export declare const CardImage: React.FC<CardImageProps>;
+export {};

components/Card/CardTitle.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type CardTitleProps = {
+    children: React.ReactNode;
+};
+export declare const CardTitle: React.FC<CardTitleProps>;
+export {};

components/Card/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Card';
+export * from './CardContent';
+export * from './CardTitle';
+export * from './CardImage';
+export * from './CardFooter';

components/Layouts/Footer.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type FooterLink = {
+    label: string;
+    href: string;
+};
+type FooterProps = {
+    year?: number;
+    brand?: string;
+    brandUrl?: string;
+    links?: FooterLink[];
+};
+declare const Footer: React.FC<FooterProps>;
+export default Footer;

components/Layouts/index.d.ts

@@ -1,2 +1,3 @@
 export { default as MainContent } from './MainContent';
 export { default as ColorsPage } from './ColorsPage';
+export { default as Footer } from './Footer';

components/Navbar/Navbar.d.ts

@@ -5,10 +5,9 @@ interface NavbarLogo {
     slogan: string;
 }
 interface NavbarItem {
-    src: any;
     label: string;
-    href: string;
+    href?: string;
-    to: string;
+    to?: string;
 }
 interface NavbarProps {
     logo?: NavbarLogo;

components/commun/clsx.d.ts

@@ -0,0 +1 @@
+export declare function clsx(...args: any[]): string;

index.d.ts

@@ -11,3 +11,5 @@ export * from './components/Toast';
 export * from './components/SpeedDial';
 export * from './components/Progress';
 export * from './components/Gallery';
+export * from './components/Card';
+export * from './components/Accordion';

package.json

@@ -19,5 +19,8 @@
         "react-dom": "^19.1.0",
         "react-router-dom": "^7.5.3",
         "tsconfig-paths-webpack-plugin": "^4.2.0"
+    },
+    "publishConfig": {
+        "access": "public"
     }
 }

style.css

@@ -147,7 +147,9 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
+    --breakpoint-xl: 80rem;
     --container-xs: 20rem;
+    --container-sm: 24rem;
     --container-2xl: 42rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
@@ -164,8 +166,11 @@
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --tracking-tight: -0.025em;
     --leading-relaxed: 1.625;
     --radius-sm: 0.25rem;
+    --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --animate-spin: spin 1s linear infinite;
     --default-transition-duration: 150ms;
@@ -336,6 +341,9 @@
   .pointer-events-none {
     pointer-events: none;
   }
+  .collapse {
+    visibility: collapse;
+  }
   .sr-only {
     position: absolute;
     width: 1px;
@@ -395,6 +403,9 @@
   .z-50 {
     z-index: 50;
   }
+  .m-4 {
+    margin: calc(var(--spacing) * 4);
+  }
   .-mx-1\.5 {
     margin-inline: calc(var(--spacing) * -1.5);
   }
@@ -407,6 +418,9 @@
   .my-3 {
     margin-block: calc(var(--spacing) * 3);
   }
+  .ms-2 {
+    margin-inline-start: calc(var(--spacing) * 2);
+  }
   .ms-3 {
     margin-inline-start: calc(var(--spacing) * 3);
   }
@@ -419,15 +433,27 @@
   .me-2 {
     margin-inline-end: calc(var(--spacing) * 2);
   }
+  .me-4 {
+    margin-inline-end: calc(var(--spacing) * 4);
+  }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
   .mt-14 {
     margin-top: calc(var(--spacing) * 14);
   }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
@@ -557,6 +583,12 @@
   .max-w-full {
     max-width: 100%;
   }
+  .max-w-screen-xl {
+    max-width: var(--breakpoint-xl);
+  }
+  .max-w-sm {
+    max-width: var(--container-sm);
+  }
   .max-w-xs {
     max-width: var(--container-xs);
   }
@@ -574,6 +606,9 @@
   .rotate-45 {
     rotate: 45deg;
   }
+  .rotate-180 {
+    rotate: 180deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -610,6 +645,9 @@
   .justify-center {
     justify-content: center;
   }
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
@@ -663,13 +701,28 @@
   .rounded-lg {
     border-radius: var(--radius-lg);
   }
+  .rounded-md {
+    border-radius: var(--radius-md);
+  }
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
+  .rounded-s-lg {
+    border-start-start-radius: var(--radius-lg);
+    border-end-start-radius: var(--radius-lg);
+  }
+  .rounded-e-lg {
+    border-start-end-radius: var(--radius-lg);
+    border-end-end-radius: var(--radius-lg);
+  }
   .rounded-t {
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
   }
+  .rounded-t-lg {
+    border-top-left-radius: var(--radius-lg);
+    border-top-right-radius: var(--radius-lg);
+  }
   .rounded-b {
     border-bottom-right-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
@@ -1164,6 +1217,9 @@
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
+  .p-5 {
+    padding: calc(var(--spacing) * 5);
+  }
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
@@ -1188,6 +1244,9 @@
   .py-2\.5 {
     padding-block: calc(var(--spacing) * 2.5);
   }
+  .py-5 {
+    padding-block: calc(var(--spacing) * 5);
+  }
   .ps-3 {
     padding-inline-start: calc(var(--spacing) * 3);
   }
@@ -1237,6 +1296,10 @@
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
   }
+  .font-bold {
+    --tw-font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-bold);
+  }
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -1249,6 +1312,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-tight {
+    --tw-tracking: var(--tracking-tight);
+    letter-spacing: var(--tracking-tight);
+  }
   .break-words {
     overflow-wrap: break-word;
   }
@@ -1288,6 +1355,9 @@
   .underline {
     text-decoration-line: underline;
   }
+  .opacity-50 {
+    opacity: 50%;
+  }
   .shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1319,6 +1389,10 @@
     --tw-duration: 75ms;
     transition-duration: 75ms;
   }
+  .duration-300 {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
   .group-hover\:text-gray-900 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -1396,6 +1470,13 @@
       }
     }
   }
+  .hover\:underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: underline;
+      }
+    }
+  }
   .focus\:z-10 {
     &:focus {
       z-index: 10;
@@ -1433,6 +1514,11 @@
       --tw-ring-color: var(--color-blue-500);
     }
   }
+  .focus\:ring-blue-700 {
+    &:focus {
+      --tw-ring-color: var(--color-blue-700);
+    }
+  }
   .focus\:ring-gray-100 {
     &:focus {
       --tw-ring-color: var(--color-gray-100);
@@ -1460,6 +1546,11 @@
       outline-style: none;
     }
   }
+  .sm\:mt-0 {
+    @media (width >= 40rem) {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
   .sm\:ml-64 {
     @media (width >= 40rem) {
       margin-left: calc(var(--spacing) * 64);
@@ -1476,6 +1567,11 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .sm\:text-center {
+    @media (width >= 40rem) {
+      text-align: center;
+    }
+  }
   .md\:order-1 {
     @media (width >= 48rem) {
       order: 1;
@@ -1486,6 +1582,11 @@
       order: 2;
     }
   }
+  .md\:me-6 {
+    @media (width >= 48rem) {
+      margin-inline-end: calc(var(--spacing) * 6);
+    }
+  }
   .md\:block {
     @media (width >= 48rem) {
       display: block;
@@ -1521,6 +1622,11 @@
       align-items: center;
     }
   }
+  .md\:justify-between {
+    @media (width >= 48rem) {
+      justify-content: space-between;
+    }
+  }
   .md\:space-x-8 {
     @media (width >= 48rem) {
       :where(& > :not(:last-child)) {
@@ -1589,6 +1695,11 @@
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
   }
+  .rtl\:rotate-180 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      rotate: 180deg;
+    }
+  }
   .rtl\:space-x-reverse {
     &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
       :where(& > :not(:last-child)) {
@@ -1596,6 +1707,11 @@
       }
     }
   }
+  .rtl\:text-right {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      text-align: right;
+    }
+  }
   .dark\:border-gray-600 {
     @media (prefers-color-scheme: dark) {
       border-color: var(--color-gray-600);
@@ -1921,6 +2037,10 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -2012,6 +2132,7 @@
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;