@kato-lee/components 1.1.4 → 3.0.0

package/assets/components/_tables.scss

@@ -1,12 +1,13 @@
+// is a example
 html {
   --tak-table-border: 1px solid var(--tak-dark-color-100);
   --tak-header-table-background-color: rgba(25, 42, 86, 1);
-  --tak-paginator-container-background-color: rgb(255, 255, 255);
+  --tak-table-background-color: rgb(255, 255, 255);
   --tak-table-header-color: rgb(255, 255, 255);
   --tak-table-row-subcontent-color: rgb(128, 128, 128);
   --tak-table-selectable-hover-color: rgba(0, 0, 0, 0.12);
-  --tak-table-container-box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
-    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+  --tak-table-container-box-shadow:
+    rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
   --tak-table-container-border-color: none;
   --tak-table-selectable-row-hover: rgba(204, 204, 204, 0.4);
   --tak-table-not-selectable-row: #f5b5c0c4;
@@ -23,48 +24,23 @@ html {
   --tak-table-border-color: none;
 }
 
-html.dark-theme,
-html[data-theme='dark'] {
-  --tak-table-border: 1px solid var(--tak-dark-color-100);
-  --tak-paginator-container-background-color: rgb(13, 17, 23);
-  --tak-table-selectable-row-hover: rgba(124, 124, 124, 0.4);
-  --tak-table-selectable-hover-color: rgba(255, 255, 255, 0.12);
-  --tak-table-container-box-shadow: none;
-  --tak-table-container-border-color: rgba(255, 255, 255, 0.12);
-  --tak-table-not-selectable-row: #c45366c4;
-  --tak-table-not-selectable-row-hover: #cc3c54ea;
-  --tak-table-success-row: #73c453c4;
-  --tak-table-success-row-hover: #54cc3cea;
-  --tak-table-priority-1: #c7f5b5e1;
-  --tak-table-priority-1-hover: #aaf082ea;
-  --tak-table-priority-2: #f5f4b5ea;
-  --tak-table-priority-2-hover: #f3f574ea;
-  --tak-table-priority-3: #f5d9b5ea;
-  --tak-table-priority-3-hover: #f3c385ea;
-  --tak-table-header-background-color: rgb(13, 17, 23);
-  --tak-table-border-color: var(--tak-dark-color-100);
-
-  .excel-icon,
-  .pdf-icon,
-  .text-icon {
-    filter: invert(100%);
-  }
-}
-
 $CTM_TABLE_PAGINATOR_HEIGHT: 56px;
 $CTM_TABLE_HEADER_HEIGHT: 70px;
 $CTM_TABLE_BORDER_RADIUS: 10px;
 
-$CTM_TABLE_VAL_1: -28px;
-$CTM_TABLE_VAL_2: -28px;
-$CTM_TABLE_VAL_3: -28px;
-$CTM_TABLE_VAL_4: -32px;
-$CTM_TABLE_VAL_5: -32px;
-$CTM_TABLE_VAL_6: -18px;
+$CTM_TABLE_VAL_1: 28px;
+$CTM_TABLE_VAL_2: 28px;
+$CTM_TABLE_VAL_3: 28px;
+$CTM_TABLE_VAL_4: 32px;
+$CTM_TABLE_VAL_5: 32px;
+$CTM_TABLE_VAL_6: 18px;
 
 .mat-paginator-range-label {
   color: var(--tak-paginator-range-label-color);
 }
+.mat-mdc-paginator-container {
+  background-color: var(--tak-table-background-color);
+}
 .mat-paginator .mat-paginator-outer-container {
   border: none;
 }
@@ -82,6 +58,9 @@ $CTM_TABLE_VAL_6: -18px;
     border-radius: $CTM_TABLE_BORDER_RADIUS;
   }
   &__header {
+    & mat-icon {
+      color: var(--tak-table-header-color) !important;
+    }
     .mat-datepicker-toggle:not(.not-input-field),
     .mat-datepicker-content .mat-calendar-next-button,
     .mat-datepicker-content .mat-calendar-previous-button {
@@ -91,6 +70,11 @@ $CTM_TABLE_VAL_6: -18px;
     align-items: center;
     justify-content: space-between;
     font-family: Roboto, sans-serif;
+    color: var(--tak-table-header-color);
+    height: $CTM_TABLE_HEADER_HEIGHT;
+    border-top-left-radius: $CTM_TABLE_BORDER_RADIUS;
+    border-top-right-radius: $CTM_TABLE_BORDER_RADIUS;
+    background-color: var(--tak-table-header-background-color);
     & .tak-table-title {
       font-size: 16px;
       font-weight: bolder;
@@ -112,11 +96,6 @@ $CTM_TABLE_VAL_6: -18px;
     &--right {
       padding: 10px;
     }
-    color: var(--tak-table-header-color);
-    height: $CTM_TABLE_HEADER_HEIGHT;
-    border-top-left-radius: $CTM_TABLE_BORDER_RADIUS;
-    border-top-right-radius: $CTM_TABLE_BORDER_RADIUS;
-    background-color: var(--tak-table-header-background-color);
     ~ .tak-table__sub-header {
       ~ .tak-table__content {
         border-top-left-radius: 0px;
@@ -127,7 +106,8 @@ $CTM_TABLE_VAL_6: -18px;
               (
                   var(--tak-header-height) + var(--tak-footer-height) +
                     (var(--tak-layout-outlet-padding) * 2)
-                ) + $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_6
+                ) +
+                $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_6
             )
         );
         &.paginator-bottom {
@@ -137,7 +117,8 @@ $CTM_TABLE_VAL_6: -18px;
                 (
                     var(--tak-header-height) + var(--tak-footer-height) +
                       (var(--tak-layout-outlet-padding) * 2)
-                  ) + $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT +
+                  ) +
+                  $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT +
                   $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_VAL_6
               )
           );
@@ -152,7 +133,8 @@ $CTM_TABLE_VAL_6: -18px;
               (
                   var(--tak-header-height) + var(--tak-footer-height) +
                     (var(--tak-layout-outlet-padding) * 2)
-                ) + $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT +
+                ) +
+                $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT +
                 $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_VAL_1
             )
         );
@@ -168,7 +150,8 @@ $CTM_TABLE_VAL_6: -18px;
             (
                 var(--tak-header-height) + var(--tak-footer-height) +
                   (var(--tak-layout-outlet-padding) * 2)
-              ) + $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_1
+              ) +
+              $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_1
           )
       );
       &.paginator-bottom {
@@ -178,7 +161,8 @@ $CTM_TABLE_VAL_6: -18px;
               (
                   var(--tak-header-height) + var(--tak-footer-height) +
                     (var(--tak-layout-outlet-padding) * 2)
-                ) + $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_1
+                ) +
+                $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_1
             )
         );
         ~ .tak-table__paginator {
@@ -208,7 +192,8 @@ $CTM_TABLE_VAL_6: -18px;
             (
                 var(--tak-header-height) + var(--tak-footer-height) +
                   (var(--tak-layout-outlet-padding) * 2)
-              ) + $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_1
+              ) +
+              $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_1
           )
       );
     }
@@ -218,7 +203,7 @@ $CTM_TABLE_VAL_6: -18px;
     align-items: center;
     justify-content: space-between;
     font-family: Roboto, sans-serif;
-    background-color: var(--tak-paginator-container-background-color);
+    background-color: var(--tak-table-background-color);
     ~ .tak-table__content {
       border-top-left-radius: 0px;
       border-top-right-radius: 0px;
@@ -228,7 +213,8 @@ $CTM_TABLE_VAL_6: -18px;
             (
                 var(--tak-header-height) + var(--tak-footer-height) +
                   (var(--tak-layout-outlet-padding) * 2)
-              ) + $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_4
+              ) +
+              $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_4
           )
       );
       &.paginator-bottom {
@@ -238,7 +224,8 @@ $CTM_TABLE_VAL_6: -18px;
               (
                   var(--tak-header-height) + var(--tak-footer-height) +
                     (var(--tak-layout-outlet-padding) * 2)
-                ) + $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_5
+                ) +
+                $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_HEADER_HEIGHT + $CTM_TABLE_VAL_5
             )
         );
       }
@@ -251,7 +238,7 @@ $CTM_TABLE_VAL_6: -18px;
   &__paginator {
     display: flex;
     justify-content: space-between;
-    background-color: var(--tak-paginator-container-background-color);
+    background-color: var(--tak-table-background-color);
     align-items: center;
     border-top-left-radius: $CTM_TABLE_BORDER_RADIUS;
     border-top-right-radius: $CTM_TABLE_BORDER_RADIUS;
@@ -268,46 +255,49 @@ $CTM_TABLE_VAL_6: -18px;
             (
                 var(--tak-header-height) + var(--tak-footer-height) +
                   (var(--tak-layout-outlet-padding) * 2)
-              ) + $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_VAL_1
+              ) +
+              $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_VAL_1
           )
       );
     }
   }
   &__content {
-    tr,
+    .mat-mdc-table {
+      background-color: var(--tak-table-background-color);
+    }
     tr[selectable],
     .selectable {
-      & .mat-cell {
+      & .mat-mdc-cell {
         cursor: pointer;
       }
-      &:hover .mat-cell {
+      &:hover .mat-mdc-cell {
         background: var(--tak-table-selectable-row-hover) !important;
         transition: ease 0.3s !important;
       }
       &.unselectable {
-        & .mat-cell {
+        & .mat-mdc-cell {
           background-color: var(--tak-table-not-selectable-row) !important;
         }
-        &:hover .mat-cell {
+        &:hover .mat-mdc-cell {
           background-color: var(--tak-table-not-selectable-row-hover) !important;
         }
       }
       &.success-row {
-        & .mat-cell {
+        & .mat-mdc-cell {
           background-color: var(--tak-table-success-row) !important;
         }
-        &:hover .mat-cell {
+        &:hover .mat-mdc-cell {
           background-color: var(--tak-table-success-row-hover) !important;
         }
       }
     }
     width: 100%;
-    .mat-cell,
+    .mat-mdc-cell,
     .mat-footer-cell {
       font-size: 12px;
     }
-    & .mat-header-cell,
-    & .mat-footer-cell {
+    & .mat-mdc-header-cell,
+    & .mat-mdc-footer-cell {
       font-weight: bolder;
       color: var(--tak-dark-color-500);
     }
@@ -319,7 +309,8 @@ $CTM_TABLE_VAL_6: -18px;
             (
                 var(--tak-header-height) + var(--tak-footer-height) +
                   (var(--tak-layout-outlet-padding) * 2)
-              ) + $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_VAL_3
+              ) +
+              $CTM_TABLE_PAGINATOR_HEIGHT + $CTM_TABLE_VAL_3
           )
       );
     }
@@ -330,19 +321,20 @@ $CTM_TABLE_VAL_6: -18px;
           (
               var(--tak-header-height) + var(--tak-footer-height) +
                 (var(--tak-layout-outlet-padding) * 2)
-            ) + $CTM_TABLE_VAL_2
+            ) +
+            $CTM_TABLE_VAL_2
         )
     );
     table {
       width: 100%;
-      .mat-row,
-      .mat-row:not(.tak-table__detail-row) {
+      .mat-mdc-row,
+      .mat-mdc-row:not(.tak-table__detail-row) {
         height: 30px;
       }
-      [mat-row].unbordered .mat-cell {
-        border: none;
+      [mat-row].unbordered .mat-mdc-cell {
+        border: none !important;
       }
-      .mat-cell {
+      .mat-mdc-cell {
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
@@ -351,14 +343,14 @@ $CTM_TABLE_VAL_6: -18px;
       border-radius: $CTM_TABLE_BORDER_RADIUS;
     }
     th.mat-header-cell:first-of-type,
-    td.mat-cell:first-of-type,
+    td.mat-mdc-cell:first-of-type,
     td.mat-footer-cell:first-of-type {
       padding-left: 24px !important;
     }
   }
   &__detail-row {
     height: 0 !important;
-    & .mat-cell {
+    & .mat-mdc-cell {
       border-bottom: none !important;
     }
   }
@@ -394,11 +386,11 @@ $CTM_TABLE_VAL_6: -18px;
       width: 100%;
       border: 1px solid var(--tak-dark-color-100);
       & .mat-sort-header-content,
-      & .mat-footer-cell {
+      & .mat-mdc-footer-cell {
         font-weight: bolder;
         color: var(--tak-dark-color-500);
       }
-      .mat-cell {
+      .mat-mdc-cell {
         border-bottom-color: transparent !important;
         text-overflow: ellipsis;
         white-space: nowrap;
@@ -407,39 +399,38 @@ $CTM_TABLE_VAL_6: -18px;
       }
       tr[has-lines],
       .has-lines {
-        & .mat-cell {
+        & .mat-mdc-cell {
           border-bottom-color: var(--tak-dark-color-100) !important;
         }
       }
-      tr,
       tr[selectable],
       .selectable {
-        & .mat-cell {
+        & .mat-mdc-cell {
           cursor: pointer;
         }
-        &:hover .mat-cell {
+        &:hover .mat-mdc-cell {
           background: var(--tak-table-selectable-row-hover) !important;
           transition: ease 0.3s !important;
         }
         &.unselectable {
-          & .mat-cell {
+          & .mat-mdc-cell {
             background-color: var(--tak-table-not-selectable-row) !important;
           }
-          &:hover .mat-cell {
+          &:hover .mat-mdc-cell {
             background-color: var(--tak-table-not-selectable-row-hover) !important;
           }
         }
         &.success-row {
-          & .mat-cell {
+          & .mat-mdc-cell {
             background-color: var(--tak-table-success-row) !important;
           }
-          &:hover .mat-cell {
+          &:hover .mat-mdc-cell {
             background-color: var(--tak-table-success-row-hover) !important;
           }
         }
       }
-      tr.mat-row:not(.tak-table__detail-row),
-      tr.mat-footer-row {
+      tr.mat-mdc-row:not(.tak-table__detail-row),
+      tr.mat-mdc-footer-row {
         height: 30px;
         & td {
           font-size: 12px;

package/assets/components/main.scss

@@ -1,13 +1,12 @@
-@import 'buttons';
-@import 'cards';
-@import 'dialogs';
-@import 'fields';
-@import 'material';
-@import 'pretty-box';
-@import 'scroll-bar';
-@import 'snack-bar';
-@import 'tables';
-@import 'tabs';
+@use 'buttons';
+@use 'cards';
+@use 'checkbox';
+@use 'dialogs';
+@use 'fields';
+@use 'pretty-box';
+@use 'scroll-bar';
+@use 'snack-bar';
+@use 'tabs';
 
 .cdk-overlay-dark-backdrop {
   backdrop-filter: blur(3px);

package/assets/material/theme.scss

@@ -0,0 +1,91 @@
+@use '@angular/material' as mat;
+
+@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
+
+html {
+  --tak-primary-100: rgb(120, 203, 211);
+  --tak-primary-500: rgb(10, 161, 174);
+  --tak-primary-700: rgb(8, 119, 129);
+  --tak-primary-constrant-100: rgb(140, 238, 247);
+  --tak-primary-constrant-500: rgb(14, 187, 202);
+  --tak-primary-constrant-700: rgb(15, 163, 177);
+  --tak-primary-opacity-100: rgb(120, 203, 211, 0.3);
+  --tak-primary-opacity-500: rgb(10, 161, 174, 0.3);
+  --tak-primary-opacity-700: rgb(8, 119, 129, 0.3);
+  --tak-accent-100: rgb(30, 233, 148);
+  --tak-accent-500: rgb(24, 182, 116);
+  --tak-accent-700: rgb(29, 139, 110);
+  --tak-accent-opacity-100: rgb(30, 233, 148, 0.3);
+  --tak-accent-opacity-500: rgb(24, 182, 116, 0.3);
+  --tak-accent-opacity-700: rgb(29, 139, 110, 0.3);
+  --tak-accent-constrant-100: rgb(177, 243, 214);
+  --tak-accent-constrant-500: rgb(70, 221, 158);
+  --tak-accent-constrant-700: rgb(65, 185, 135);
+  --tak-warn-100: rgb(255, 55, 55);
+  --tak-warn-500: rgb(255, 0, 0);
+  --tak-warn-700: rgb(168, 0, 0);
+  --tak-warn-opacity-100: rgb(255, 55, 55, 0.3);
+  --tak-warn-opacity-500: rgb(255, 0, 0, 0.3);
+  --tak-warn-opacity-700: rgb(168, 0, 0, 0.3);
+  --tak-warn-constrant-100: rgb(254, 191, 191);
+  --tak-warn-constrant-500: rgb(255, 128, 128);
+  --tak-warn-constrant-700: rgb(191, 96, 96);
+}
+
+// mat.$red-palette
+// mat.$green-palette
+// mat.$blue-palette
+// mat.$yellow-palette
+// mat.$cyan-palette
+// mat.$magenta-palette
+// mat.$orange-palette
+// mat.$chartreuse-palette
+// mat.$spring-green-palette
+// mat.$azure-palette
+// mat.$violet-palette
+// mat.$rose-palette
+
+$matTheme: mat.$cyan-palette;
+
+$theme: mat.define-theme(
+  (
+    color: (
+      primary: $matTheme,
+      tertiary: mat.$green-palette,
+    ),
+  )
+);
+
+html {
+  @include mat.theme(
+    (
+      color: $matTheme,
+      density: 0,
+    )
+  );
+}
+
+[color='no-theme'] {
+  @include mat.button-theme($theme: $theme, $color-variant: 'primary');
+  @include mat.icon-button-theme($theme: $theme, $color-variant: 'primary');
+  @include mat.fab-theme($theme: $theme, $color-variant: 'primary');
+  color: black !important;
+}
+
+[color='primary'] {
+  @include mat.button-theme($theme: $theme, $color-variant: 'primary');
+  @include mat.icon-button-theme($theme: $theme, $color-variant: 'primary');
+  @include mat.fab-theme($theme: $theme, $color-variant: 'primary');
+}
+
+[color='accent'] {
+  @include mat.button-theme($theme: $theme, $color-variant: 'tertiary');
+  @include mat.icon-button-theme($theme: $theme, $color-variant: 'tertiary');
+  @include mat.fab-theme($theme: $theme, $color-variant: 'tertiary');
+}
+
+[color='warn'] {
+  @include mat.button-theme($theme: $theme, $color-variant: 'error');
+  @include mat.icon-button-theme($theme: $theme, $color-variant: 'error');
+  @include mat.fab-theme($theme: $theme, $color-variant: 'error');
+}

package/box-form/index.d.ts

@@ -1,3 +1,51 @@
-export * from './component';
-export * from './module';
-export * from './common';
+import * as i0 from '@angular/core';
+import { ElementRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+
+declare class TakBoxFormComponent {
+    private _href;
+    private _cd;
+    content: ElementRef;
+    ngSubmit: EventEmitter<any>;
+    ngReset: EventEmitter<any>;
+    onBack: EventEmitter<any>;
+    formGroup: FormGroup;
+    takTitle: string;
+    takSubtitle: string;
+    showActionButtons: boolean;
+    hasResetButton: boolean;
+    hasBreadcrumbs: boolean;
+    hasBackButton: boolean;
+    hasBranding: boolean;
+    isLoading: boolean;
+    exedentInPx: number;
+    submitButton: string;
+    resetButton: string;
+    private _submitButton;
+    private _resetButton;
+    private _formGroupSubs;
+    constructor(_href: ElementRef, _cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    clickOnReset(): void;
+    ngOnDestroy(): void;
+    get orSubmitButton(): string;
+    get orResetButton(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakBoxFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakBoxFormComponent, "tak-box-form", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "takTitle": { "alias": "takTitle"; "required": false; }; "takSubtitle": { "alias": "takSubtitle"; "required": false; }; "showActionButtons": { "alias": "showActionButtons"; "required": false; }; "hasResetButton": { "alias": "hasResetButton"; "required": false; }; "hasBreadcrumbs": { "alias": "hasBreadcrumbs"; "required": false; }; "hasBackButton": { "alias": "hasBackButton"; "required": false; }; "hasBranding": { "alias": "hasBranding"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "exedentInPx": { "alias": "exedentInPx"; "required": false; }; "submitButton": { "alias": "submitButton"; "required": false; }; "resetButton": { "alias": "resetButton"; "required": false; }; }, { "ngSubmit": "ngSubmit"; "ngReset": "ngReset"; "onBack": "onBack"; }, never, ["[tak-custom-branding]", "*"], true, never>;
+}
+
+/** @deprecated Use standalone */
+declare class TakBoxFormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakBoxFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakBoxFormModule, never, [typeof TakBoxFormComponent], [typeof TakBoxFormComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakBoxFormModule>;
+}
+
+interface TakBoxFormConfig {
+    submitButton: string;
+    resetButton: string;
+    hasBreadcrumbs?: boolean;
+}
+
+export { TakBoxFormComponent, TakBoxFormModule };
+export type { TakBoxFormConfig };

package/box-form/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/kato-lee-components-box-form.mjs"
+}

package/capsule/index.d.ts

@@ -1,2 +1,25 @@
-export * from './component';
-export * from './module';
+import * as i0 from '@angular/core';
+
+type TakPredefinedGrid = 'small' | 'medium' | 'big' | undefined;
+declare class TakCapsuleComponent {
+    predefinedGrid: TakPredefinedGrid;
+    grids: number[];
+    private _gridsOnSides;
+    private _gridPrincipal;
+    ngOnInit(): void;
+    get gridsOnSides(): string;
+    get gridPrincipal(): string;
+    private _generateGridsFromArray;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakCapsuleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakCapsuleComponent, "tak-capsule", never, { "predefinedGrid": { "alias": "predefinedGrid"; "required": false; }; "grids": { "alias": "grids"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+/** @deprecated Use standalone */
+declare class TakCapsuleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakCapsuleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakCapsuleModule, never, [typeof TakCapsuleComponent], [typeof TakCapsuleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakCapsuleModule>;
+}
+
+export { TakCapsuleComponent, TakCapsuleModule };
+export type { TakPredefinedGrid };

package/capsule/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/kato-lee-components-capsule.mjs"
+}

package/cards/index.d.ts

@@ -1,2 +1,18 @@
-export * from './module';
-export * from './component';
+import * as i0 from '@angular/core';
+
+declare class TakSimpleCardComponent {
+    hasTopLine: boolean;
+    topLineClass: string;
+    topLineColor: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakSimpleCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakSimpleCardComponent, "tak-simple-card", never, { "hasTopLine": { "alias": "hasTopLine"; "required": false; }; "topLineClass": { "alias": "topLineClass"; "required": false; }; "topLineColor": { "alias": "topLineColor"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+/** @deprecated Use standalone */
+declare class TakCardsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakCardsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakCardsModule, never, [typeof TakSimpleCardComponent], [typeof TakSimpleCardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakCardsModule>;
+}
+
+export { TakCardsModule, TakSimpleCardComponent };

package/cards/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/kato-lee-components-cards.mjs"
+}

package/dialogs/index.d.ts

@@ -1,2 +1,18 @@
-export * from './module';
-export * from './dismiss-dialog-button.component';
+import * as i0 from '@angular/core';
+import * as i2 from '@angular/material/dialog';
+import { MatDialogRef } from '@angular/material/dialog';
+
+declare class TakDismissDialogButtonComponent {
+    dialogRef: MatDialogRef<TakDismissDialogButtonComponent>;
+    constructor(dialogRef: MatDialogRef<TakDismissDialogButtonComponent>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakDismissDialogButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TakDismissDialogButtonComponent, "tak-dismiss-dialog-button", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class TakDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TakDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TakDialogModule, never, [typeof TakDismissDialogButtonComponent], [typeof TakDismissDialogButtonComponent, typeof i2.MatDialogModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TakDialogModule>;
+}
+
+export { TakDialogModule, TakDismissDialogButtonComponent };

package/dialogs/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/kato-lee-components-dialogs.mjs"
+}