@tekus/design-system 4.0.3 → 5.0.1

package/assets/img/tk-logo-compound-dark.svg

@@ -0,0 +1,9 @@
+<svg width="211" height="100" viewBox="0 0 211 100" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="0.160156" width="210.68" height="100" fill="url(#pattern0_1271_900)"/>
+<defs>
+<pattern id="pattern0_1271_900" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1271_900" transform="matrix(0.00149262 0 0 0.00314465 0.126844 0)"/>
+</pattern>
+<image id="image0_1271_900" width="500" height="318" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

package/assets/img/tk-logo-minimal-dark.svg

@@ -0,0 +1,16 @@
+<svg width="92" height="106" viewBox="0 0 92 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.1617 66.6811H37.1923V14.6931H28.1617V66.6811Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.224 39.5931V35.0778V30.5625H50.7364H55.2517V35.0778V39.5931H50.7364H46.224Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M55.2515 30.5632V26.0479V21.5355H59.7668H64.2821V26.0479V30.5632H59.7668H55.2515Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M59.7677 66.6816H55.2524V62.1692V57.6539H59.7677H64.2801V62.1692V66.6816H59.7677Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.1891 48.6228H46.2226V39.5922H37.1891V48.6228Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.2231 57.6533H55.2508V48.6227H46.2231V57.6533Z" fill="#16006F"/>
+<rect x="7.95874" width="75.3019" height="7.95873" fill="#6AD0BC"/>
+<rect x="7.95874" y="7.95874" width="66.7309" height="7.95873" transform="rotate(90 7.95874 7.95874)" fill="#6AD0BC"/>
+<rect x="91.2194" y="7.95874" width="66.7309" height="7.95873" transform="rotate(90 91.2194 7.95874)" fill="#6AD0BC"/>
+<rect x="83.2606" y="82.6484" width="52.6501" height="7.95873" transform="rotate(-180 83.2606 82.6484)" fill="#6AD0BC"/>
+<rect x="7.95874" y="74.6897" width="8.57094" height="15.9175" fill="#6AD0BC"/>
+<rect x="7.95874" y="97.3414" width="8.57094" height="7.95873" fill="#6AD0BC"/>
+<rect x="15.3052" y="89.9949" width="8.57094" height="7.95873" fill="#6AD0BC"/>
+<rect x="22.0396" y="82.6484" width="8.57094" height="7.95873" fill="#6AD0BC"/>
+</svg>

package/assets/img/tk-logo-minimal-light.svg

@@ -0,0 +1,16 @@
+<svg width="92" height="106" viewBox="0 0 92 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.1617 66.6811H37.1923V14.6931H28.1617V66.6811Z" fill="#FFFFFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.224 39.5931V35.0778V30.5625H50.7364H55.2517V35.0778V39.5931H50.7364H46.224Z" fill="#FFFFFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M55.2515 30.5632V26.0479V21.5355H59.7668H64.2821V26.0479V30.5632H59.7668H55.2515Z" fill="#FFFFFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M59.7677 66.6816H55.2524V62.1692V57.6539H59.7677H64.2801V62.1692V66.6816H59.7677Z" fill="#FFFFFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.1891 48.6228H46.2226V39.5922H37.1891V48.6228Z" fill="#FFFFFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.2231 57.6533H55.2508V48.6227H46.2231V57.6533Z" fill="#FFFFFF"/>
+<rect x="7.95874" width="75.3019" height="7.95873" fill="#6AD0BC"/>
+<rect x="7.95874" y="7.95874" width="66.7309" height="7.95873" transform="rotate(90 7.95874 7.95874)" fill="#6AD0BC"/>
+<rect x="91.2194" y="7.95874" width="66.7309" height="7.95873" transform="rotate(90 91.2194 7.95874)" fill="#6AD0BC"/>
+<rect x="83.2606" y="82.6484" width="52.6501" height="7.95873" transform="rotate(-180 83.2606 82.6484)" fill="#6AD0BC"/>
+<rect x="7.95874" y="74.6897" width="8.57094" height="15.9175" fill="#6AD0BC"/>
+<rect x="7.95874" y="97.3414" width="8.57094" height="7.95873" fill="#6AD0BC"/>
+<rect x="15.3052" y="89.9949" width="8.57094" height="7.95873" fill="#6AD0BC"/>
+<rect x="22.0396" y="82.6484" width="8.57094" height="7.95873" fill="#6AD0BC"/>
+</svg>

package/assets/img/tk-logo-normal-dark.svg

@@ -0,0 +1,12 @@
+<svg width="71" height="21" viewBox="0 0 71 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.55814 7.02592H0.893555V3.87944H2.55814V0.532104H6.02193V3.87944H9.22503V7.02592H6.02193V14.4204C6.02193 16.0081 6.57003 16.585 7.84037 16.585C8.27415 16.585 8.67801 16.5562 9.05195 16.4696V19.5584C8.56155 19.6738 7.95576 19.7315 7.26236 19.7315C4.11695 19.7315 2.55814 18.0861 2.55814 14.7954V7.02592Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8682 10.4952C21.8682 9.62982 21.4932 8.87872 20.772 8.27293C20.0498 7.6383 19.2132 7.32098 18.2025 7.32098C17.1341 7.32098 16.1832 7.6383 15.4032 8.24409C14.6244 8.84987 14.1906 9.60097 14.1041 10.4952H21.8682ZM10.5825 12.0541C10.5825 9.74524 11.3037 7.89795 12.7193 6.48337C14.1617 5.0688 15.9801 4.37646 18.2024 4.37646C20.3093 4.37646 22.0412 5.0688 23.3693 6.48337C24.7262 7.89795 25.3896 9.62985 25.3896 11.7079C25.3896 12.1406 25.3608 12.5445 25.332 12.9206H14.0175C14.1329 15.2294 15.8359 16.7294 18.4054 16.7294C19.9055 16.7294 21.2047 16.1814 22.3308 15.0563L24.4088 17.0767C22.7635 18.8075 20.7421 19.674 18.289 19.674C16.0101 19.674 14.1329 18.9806 12.7193 17.6248C11.3037 16.2679 10.5825 14.4495 10.5825 12.1695V12.0541Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.7749 4.34766H46.2675V13.2668C46.2675 15.4602 47.509 16.5276 49.4418 16.5276C51.3767 16.5276 52.6171 15.4314 52.6171 13.2368V4.34766H56.1087V13.4687C56.1087 15.4891 55.4751 17.0468 54.2048 18.1152C52.9344 19.1826 51.3468 19.7029 49.413 19.7029C47.4791 19.7029 45.8915 19.1826 44.651 18.1152C43.4095 17.0468 42.7749 15.5468 42.7749 13.5552V4.34766Z" fill="#6AD0BC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M60.006 14.8827C60.6705 15.9223 62.0841 16.7011 63.8459 16.7011C65.6632 16.7011 66.4421 16.0088 66.4421 15.1135C66.4421 14.6231 66.0959 14.2181 65.6055 13.9585C65.2882 13.7566 64.6824 13.5547 64.2497 13.4104C63.8149 13.2662 62.9505 13.0066 62.4601 12.8046C60.1214 11.967 58.881 10.7843 58.881 8.7062C58.881 7.34932 59.3714 6.31082 60.3532 5.53088C61.3639 4.752 62.5745 4.34814 64.0189 4.34814C66.0682 4.34814 67.627 5.06932 68.7232 6.4839L66.7893 8.53312C66.1547 7.72433 65.2017 7.32047 63.9602 7.32047C62.8928 7.32047 62.2005 7.83972 62.2005 8.61966C62.2005 9.11006 62.4601 9.36968 62.864 9.62931C63.0948 9.77354 63.6728 10.0054 64.0467 10.1486C64.4794 10.265 65.2882 10.5535 65.8641 10.7554C68.5501 11.7074 69.7627 13.0066 69.7627 15.0846C69.7627 17.7685 67.7413 19.7034 63.7871 19.7034C60.8725 19.7034 58.7079 18.5773 57.7837 16.7588L60.006 14.8827Z" fill="#6AD0BC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5913 19.7231H30.9397V0.446777H27.5913V19.7231Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.2881 9.67922V8.00501V6.33081H35.9612H37.6354V8.00501V9.67922H35.9612H34.2881Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.6353 6.33122V4.65702V2.98389H39.3095H40.9837V4.65702V6.33122H39.3095H37.6353Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.3099 19.7233H37.6357V18.0502V16.376H39.3099H40.9831V18.0502V19.7233H39.3099Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.9385 13.0274H34.2879V9.67896H30.9385V13.0274Z" fill="#16006F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.2881 16.3757H37.6354V13.0273H34.2881V16.3757Z" fill="#16006F"/>
+</svg>

package/assets/img/tk-logo-normal-light.svg

@@ -0,0 +1,12 @@
+<svg width="122" height="37" viewBox="0 0 122 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.97748 12.0455H0.0644531V6.53912H2.97748V0.681282H9.03912V6.53912H14.6445V12.0455H9.03912V24.9858C9.03912 27.7642 9.99829 28.7739 12.2214 28.7739C12.9805 28.7739 13.6872 28.7234 14.3417 28.5719V33.9773C13.4834 34.1792 12.4233 34.2802 11.2099 34.2802C5.7054 34.2802 2.97748 31.4008 2.97748 25.6421V12.0455Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.7694 18.1167C36.7694 16.6022 36.1131 15.2878 34.8511 14.2276C33.5871 13.117 32.1231 12.5617 30.3544 12.5617C28.4847 12.5617 26.8206 13.117 25.4557 14.1772C24.0927 15.2373 23.3336 16.5517 23.1821 18.1167H36.7694ZM17.0195 20.8446C17.0195 16.8041 18.2816 13.5714 20.759 11.0958C23.2831 8.62033 26.4654 7.40875 30.3544 7.40875C34.0415 7.40875 37.0723 8.62033 39.3964 11.0958C41.7709 13.5714 42.932 16.6022 42.932 20.2388C42.932 20.996 42.8815 21.7028 42.831 22.3609H23.0307C23.2326 26.4014 26.213 29.0265 30.7096 29.0265C33.3347 29.0265 35.6083 28.0673 37.579 26.0985L41.2156 29.6341C38.3362 32.6631 34.7987 34.1794 30.5058 34.1794C26.5177 34.1794 23.2326 32.966 20.759 30.5933C18.2816 28.2188 17.0195 25.0365 17.0195 21.0465V20.8446Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M73.3574 7.35847H79.4695V22.9669C79.4695 26.8054 81.6422 28.6733 85.0245 28.6733C88.4106 28.6733 90.5813 26.755 90.5813 22.9146V7.35847H96.6916V23.3203C96.6916 26.8559 95.5828 29.582 93.3597 31.4517C91.1366 33.3196 88.3582 34.2301 84.974 34.2301C81.5898 34.2301 78.8114 33.3196 76.6407 31.4517C74.468 29.582 73.3574 26.9569 73.3574 23.4717V7.35847Z" fill="#6AD0BC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M103.512 25.7946C104.675 27.6139 107.149 28.9769 110.232 28.9769C113.412 28.9769 114.775 27.7653 114.775 26.1985C114.775 25.3403 114.169 24.6317 113.311 24.1773C112.756 23.824 111.696 23.4706 110.939 23.2182C110.178 22.9658 108.665 22.5114 107.807 22.158C103.714 20.6922 101.543 18.6224 101.543 14.9858C101.543 12.6112 102.401 10.7939 104.12 9.42897C105.888 8.06595 108.007 7.35919 110.535 7.35919C114.121 7.35919 116.849 8.62125 118.767 11.0968L115.383 14.6829C114.272 13.2675 112.605 12.5608 110.432 12.5608C108.564 12.5608 107.352 13.4694 107.352 14.8343C107.352 15.6925 107.807 16.1469 108.514 16.6012C108.917 16.8536 109.929 17.2594 110.583 17.5099C111.341 17.7137 112.756 18.2185 113.764 18.5719C118.464 20.2378 120.586 22.5114 120.586 26.148C120.586 30.8448 117.049 34.2308 110.129 34.2308C105.028 34.2308 101.24 32.2601 99.623 29.0779L103.512 25.7946Z" fill="#6AD0BC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.7852 34.2654H52.6449V0.531906H46.7852V34.2654Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M58.5059 16.6887V13.7589V10.829H61.4338H64.3637V13.7589V16.6887H61.4338H58.5059Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M64.3633 10.8296V7.89973V4.97174H67.2931H70.223V7.89973V10.8296H67.2931H64.3633Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M67.2931 34.2658H64.3633V31.3378V28.408H67.2931H70.2211V31.3378V34.2658H67.2931Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.6426 22.5479H58.5042V16.6882H52.6426V22.5479Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M58.5039 28.4076H64.3617V22.5479H58.5039V28.4076Z" fill="white"/>
+</svg>

package/assets/styles/_index.scss

@@ -1 +1,11 @@
+@forward '../../tokens/index';
+@forward '../../stories/design-tokens/colors/helper/colors-palette.scss';
+@forward '../../stories/design-tokens/spacing/helper/spacing-viewer.scss';
+@forward '../../stories/helper/copy-to-clipboard/copy-to-clipboard.component.scss';
 @forward './variables';
+@forward './docs/illustrations.doc';
+@forward './docs/paginador.doc';
+@forward './docs/branding.doc';
+@forward './docs/icons.doc';
+@forward './docs/table-of-content';
+@forward './docs/grids.doc';

package/assets/styles/docs/_branding.doc.scss

@@ -0,0 +1,69 @@
+.branding-doc-wrapper {
+  margin: var(--tk-spacing-7) 0 !important;
+  padding: var(--tk-spacing-8) !important;
+  max-width: 400px;
+  width: fit-content;
+  position: relative;
+
+  &.mark-border {
+    border: var(--tk-spacing-8) solid var(--tk-color-danger-100);
+    padding: 0 !important;
+    margin: var(--tk-spacing-7) !important;
+    &::after {
+      content: '40px';
+      position: absolute;
+      left: -40px;
+      top: calc(3px + 100%);
+      height: 40px;
+      font-size: 12px;
+      border-bottom: 2px solid #000;
+      display: flex;
+      align-items: center;
+      padding-left: 8px;
+      bottom: 0;
+    }
+    &::before {
+      content: '40px';
+      position: absolute;
+      left: -45px;
+      top: -40px;
+      height: 40px;
+      font-size: 12px;
+      border-left: 2px solid #000;
+      display: flex;
+      align-items: center;
+      padding-left: 8px;
+    }
+  }
+}
+
+.dark {
+  background-color: var(--tk-color-neutral-800);
+  color: var(--tk-color-full-white);
+}
+
+.branding-doc-content {
+  height: 100px;
+  max-height: 100px;
+  width: fit-content;
+  svg,
+  img {
+    height: 100%;
+    max-height: 100px;
+    width: 100%;
+    object-fit: contain;
+  }
+
+  &.mark-border::after {
+    content: '100px';
+    position: absolute;
+    top: 0;
+    right: calc(10px - 100px);
+    display: flex;
+    align-items: center;
+    height: 100px;
+    border-left: 2px solid;
+    padding-left: 8px;
+    font-size: 12px;
+  }
+}

package/assets/styles/docs/_grids.doc.scss

@@ -0,0 +1,13 @@
+.grid-container-doc {
+  background-color: var(--tk-color-neutral-100);
+  border-radius: var(--tk-rounded-scale-02);
+  width: 100%;
+  min-width: fit-content;
+}
+
+.grid-item-doc {
+  border-radius: var(--tk-rounded-scale-01);
+  background-color: var(--tk-color-full-white);
+  padding: var(--tk-spacing-1);
+  min-height: 32px;
+}

package/assets/styles/docs/_icons.doc.scss

@@ -0,0 +1,102 @@
+@use '../../../components/icon/src/icon.component.scss';
+
+.icons-doc {
+  font-family: 'Poppins', sans-serif;
+
+  &__icon-search {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--tk-spacing-2, 8px);
+  }
+
+  input,
+  select {
+    padding: var(--tk-spacing-2);
+    border-radius: var(--tk-rounded-scale-02);
+    border: 1px solid var(--tk-border-soft);
+    font-size: var(--tk-font-size-2, 16px);
+    flex: 1 1 60%;
+  }
+
+  select {
+    flex: 1 1 20%;
+  }
+
+  &__container {
+    padding: 20px 0px;
+  }
+
+  &__grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+    padding: var(--tk-spacing-5) 0;
+    gap: var(--tk-spacing-4);
+  }
+
+  &__icon-card {
+    border-radius: var(--tk-rounded-scale-02);
+    border: 1px solid var(--tk-border-soft);
+    padding: var(--tk-spacing-3);
+    display: inline-flex;
+    flex-direction: column;
+    gap: var(--tk-spacing-2);
+    justify-content: space-between;
+  }
+
+  &__icon-name {
+    color: var(--tk-text-default-800);
+    background-color: var(--tk-color-neutral-100);
+    font-size: 12px;
+    border-radius: var(--tk-rounded-scale-03);
+    padding: var(--tk-spacing-2);
+  }
+
+  &__icon-tags {
+    font-size: var(--tk-font-size-2, 10px) !important;
+    color: var(--tk-text-default-600);
+  }
+}
+
+.icon-doc-block,
+.copy-to-clipboard {
+  display: flex;
+  justify-content: center;
+}
+
+.icon-colors {
+  display: flex;
+  gap: var(--tk-spacing-2, 8px);
+  flex-direction: row;
+  width: fit-content;
+  padding: var(--tk-spacing-2, 8px);
+  border-radius: var(--tk-rounded-scale-02);
+  align-items: center;
+
+  &--bg-black {
+    background-color: var(--tk-color-neutral-700);
+  }
+
+  &--bg-white {
+    background-color: var(--tk-color-full-white);
+  }
+}
+
+.icon-size-block {
+  display: flex;
+  gap: var(--tk-spacing-4, 16px);
+  &__content {
+    border-radius: var(--tk-rounded-scale-02);
+    border: 1px solid var(--tk-border-soft);
+    padding: var(--tk-spacing-5, 20px);
+  }
+}
+
+.icon-size {
+  display: flex;
+  gap: var(--tk-spacing-2, 8px);
+  flex-direction: row;
+  width: fit-content;
+  padding: var(--tk-spacing-2, 8px);
+  border-radius: var(--tk-rounded-scale-02);
+  align-items: center;
+}

package/assets/styles/docs/_illustrations.doc.scss

@@ -0,0 +1,86 @@
+/*
+  Illustrations Documentation
+  ==========================
+  
+  Illustrations are reusable components that maintain their original aspect ratio when adjusting their size.
+  They can be used in different sizes while maintaining visual quality.
+  
+  Usage examples:
+  ```html
+  <!-- Default size -->
+  <tk-illustration name="success"></tk-illustration>
+  
+  <!-- Custom size -->
+  <tk-illustration name="success" size="300px"></tk-illustration>
+  
+  <!-- Specific width -->
+  <tk-illustration name="success" width="200px"></tk-illustration>
+  
+  <!-- Specific height -->
+  <tk-illustration name="success" height="150px"></tk-illustration>
+  ```
+*/
+.illustration-doc {
+  &__grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+    padding: var(--tk-spacing-5) 0;
+    gap: var(--tk-spacing-4);
+  }
+
+  &__illustration-container {
+    border-radius: var(--tk-rounded-scale-02);
+    border: 1px solid var(--tk-border-soft);
+    padding: var(--tk-spacing-3);
+
+    display: inline-flex;
+    flex-direction: column;
+    gap: var(--tk-spacing-2);
+    justify-content: space-between;
+  }
+
+  &__illustration {
+    width: 150px;
+    height: 150px;
+
+    svg {
+      object-fit: contain;
+      height: 100%;
+      width: 100%;
+    }
+  }
+
+  &__illustration-name {
+    color: var(--tk-text-default-800);
+    background-color: var(--tk-color-neutral-100);
+    font-size: 12px;
+    border-radius: var(--tk-rounded-scale-03);
+    padding: var(--tk-spacing-2);
+  }
+
+  &__copy-clipboard {
+    text-align: center;
+  }
+
+  &__no-found {
+    color: var(--tk-text-default-700);
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  input{
+    margin-bottom: var(--tk-spacing-4);
+    padding: var(--tk-spacing-2);
+    border-radius: var(--tk-rounded-scale-02);
+    border: 1px solid var(--tk-border-soft);
+    width: 100%;
+    font-size: var(--tk-font-size-2, 16px);
+  }
+
+  .illustration-doc__illustration-tags {
+    font-size: var(--tk-font-size-2, 10px);
+    color: var(--tk-text-default-600);
+  }
+}

package/assets/styles/docs/_paginador.doc.scss

@@ -0,0 +1,16 @@
+.paginator-doc {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--tk-spacing-2);
+  &__buttons-nav {
+    padding: var(--tk-spacing-1) var(--tk-spacing-2);
+    font-size: var(--tk-font-size-2, 12px);
+    border-radius: var(--tk-rounded-scale-02);
+    border: 1px solid var(--tk-border-soft);
+  }
+  &__buttons-text {
+    font-size: var(--tk-font-size-2, 12px) !important;
+    color: var(--tk-text-default-700);
+  }
+}

package/assets/styles/docs/_table-of-content.scss

@@ -0,0 +1,22 @@
+.table-of-content {
+  &__container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--tk-spacing-4, 16px);
+    min-width: 0;
+  }
+
+  &__content {
+    flex: 1 1 0%;
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+
+  &__toc {
+    position: sticky;
+    top: 0;
+    padding: var(--tk-spacing-3, 12px);
+    max-height: 100vh;
+    overflow: auto;
+  }
+}

package/{services/typography → components/branding}/index.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-/// <amd-module name="@tekus/design-system/services/typography" />
+/// <amd-module name="@tekus/design-system/components/branding" />
 export * from './public-api';

package/components/branding/public-api.d.ts

@@ -0,0 +1 @@
+export * from './src/branding.component';

package/components/branding/src/branding-register-logo.d.ts

@@ -0,0 +1,22 @@
+/**
+ * An object mapping branding logo variants to their corresponding asset paths.
+ *
+ * The keys represent the logo style and theme combination:
+ * - `normal_light`: Standard logo for light backgrounds.
+ * - `normal_dark`: Standard logo for dark backgrounds.
+ * - `minimal_light`: Minimal logo for light backgrounds.
+ * - `minimal_dark`: Minimal logo for dark backgrounds.
+ * - `compound_light`: Compound logo for light backgrounds.
+ * - `compound_dark`: Compound logo for dark backgrounds.
+ *
+ * The values are relative paths to the SVG logo assets.
+ */
+declare const brandingRegisterLogo: {
+    normal_light: string;
+    normal_dark: string;
+    minimal_light: string;
+    minimal_dark: string;
+    compound_light: string;
+    compound_dark: string;
+};
+export default brandingRegisterLogo;

package/components/branding/src/branding.component.d.ts

@@ -0,0 +1,54 @@
+import { ModelSignal } from '@angular/core';
+import { ThemeLogo, VariantLogo } from '@tekus/design-system/core/types';
+import * as i0 from "@angular/core";
+/**
+ * @component BrandingComponent
+ * @description
+ * Atomic component for managing and displaying the brand logo.
+ * This component allows you to control the appearance of the logo according to the theme (light/dark)
+ * and style variant (minimal, normal, compound), ensuring consistency
+ * throughout the application.
+ *
+ * @usage
+ * ```html
+ * * <tk-branding [theme]="'dark'" [variantLogo]="'normal'"></tk-branding>
+ * * <tk-branding [theme]="'light'" [variantLogo]="'minimal'"></tk-branding>
+ * * <tk-branding [theme]="'dark'" [variantLogo]="'compound'"></tk-branding>
+ * ```
+ */
+export declare class BrandingComponent {
+    /**
+     * @property {ModelSignal<ThemeLogo>} theme
+     * @description Defines the color variant of the logo based on the background color.
+     * - `dark`: Dark logo, ideal for light backgrounds.
+     * - `light`: Light (white) logo, ideal for dark backgrounds.
+     * @default `dark`
+     */
+    theme: ModelSignal<ThemeLogo>;
+    /**
+     * @property {ModelSignal<VariantLogo>} variantLogo
+     * @description Defines the visual complexity or presentation of the logo.
+     * - `minimal`: Only the icon, for small spaces.
+     * - `normal`: The standard logo with icon and name.
+     * - `compound`: The full version of the logo, including slogans or additional details.
+     * @default `normal`
+     */
+    variant: ModelSignal<VariantLogo>;
+    /**
+    * @property {ModelSignal<string | undefined>} altText
+    * @description Alternative text for the logo image, crucial for accessibility (screen readers).
+    *
+    * @default `logo Tekus`
+    */
+    altText: ModelSignal<string>;
+    size: ModelSignal<string>;
+    /**
+     * @property {ComputedSignal<string>} logoSrc
+     * @description Computed signal that determines the full path of the SVG logo file
+     * based on the `theme` and `variantLogo` properties of file brandingRegisterLogo.
+     * The expected naming convention for SVG files is `tk-logo-[variantLogo]-[theme].svg`.
+     */
+    logoSrc: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrandingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrandingComponent, "tk-branding", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "altText": { "alias": "altText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "theme": "themeChange"; "variant": "variantChange"; "altText": "altTextChange"; "size": "sizeChange"; }, never, never, true, never>;
+}

package/components/{tk-search-bar → button}/index.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-/// <amd-module name="@tekus/design-system/components/tk-search-bar" />
+/// <amd-module name="@tekus/design-system/components/button" />
 export * from './public-api';

package/components/button/public-api.d.ts

@@ -0,0 +1 @@
+export * from './src/button.component';

package/components/button/src/button.component.d.ts

@@ -0,0 +1,99 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export type ButtonSeverity = 'primary' | 'secondary' | 'danger';
+/**
+ * @component ButtonComponent
+ * @description
+ * Atomic button component that provides a reusable and customizable button element
+ * across the application.
+ * It uses PrimeNG’s `ButtonModule` under the hood and allows setting different visual
+ * variants (severity), button types, and disabled states.
+ *
+ * This component ensures consistent design and behavior in all button interactions.
+ * It is accessible via both mouse clicks and keyboard actions (Enter/Space).
+ *
+ * @usage
+ * ```html
+ * <tk-button
+ * label="Save"
+ * [severity]="'primary'"
+ * [type]="'submit'"
+ * (clicked)="handleSave()">
+ * </tk-button>
+ *
+ * <tk-button
+ * label="Cancel"
+ * [severity]="'secondary'"
+ * [disabled]="true">
+ * </tk-button>
+ * ```
+ */
+export declare class ButtonComponent {
+    /**
+     * @property {string} label
+     * @description
+     * Text displayed inside the button.
+     *
+     * @default `'Label'`
+     */
+    label: string;
+    /**
+     * @property {boolean} disabled
+     * @description
+     * Disables the button, preventing user interaction and applying a visual style
+     * that indicates the inactive state.
+     *
+     * @default `false`
+     */
+    disabled: boolean;
+    /**
+     * @property {'button' | 'submit'} type
+     * @description
+     * Defines the button’s HTML type attribute.
+     * - `'button'`: Standard clickable button (default).
+     * - `'submit'`: Used to submit forms.
+     *
+     * @default `'button'`
+     */
+    type: 'button' | 'submit';
+    /**
+     * @property {ButtonSeverity} severity
+     * @description
+     * Defines the visual importance or style of the button.
+     * - `'primary'`: Main action button (highlighted).
+     * - `'secondary'`: Default, neutral action.
+     * - `'danger'`: Destructive or warning actions.
+     *
+     * @default `'secondary'`
+     */
+    severity: ButtonSeverity;
+    /**
+     * @property {boolean} link
+     * @description
+     * When true, the button will be styled as a link (text only with underline).
+     *
+     * @default false
+     */
+    link: boolean;
+    /**
+     * @event clicked
+     * @description
+     * Emits when the button is activated via click or keyboard (Enter/Space),
+     * unless the button is disabled.
+     *
+     * @example
+     * ```html
+     * <tk-button label="Click me" (clicked)="handleClick()"></tk-button>
+     * ```
+     */
+    clicked: EventEmitter<"mouse" | "keyboard">;
+    /**
+     * @method onButtonClick
+     * @description
+     * Handles the native click event. Emits the `clicked` event if the button
+     * is not disabled.
+     */
+    onButtonClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "tk-button", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "link": { "alias": "link"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}

package/components/{tk-typography → fallback-view}/index.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-/// <amd-module name="@tekus/design-system/components/tk-typography" />
+/// <amd-module name="@tekus/design-system/components/fallback-view" />
 export * from './public-api';

package/components/fallback-view/public-api.d.ts

@@ -0,0 +1 @@
+export * from './src/fallback-view.component';