@ojiepermana/angular 21.3.0 → 21.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ojiepermana/angular",
-  "version": "21.3.0",
+  "version": "21.3.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ojiepermana/angular.git"
@@ -71,7 +71,7 @@
   "exports": {
     "./theme/styles": "./theme/styles/index.css",
     "./theme/styles/*": "./theme/styles/*",
-    "./theme/tailwind/theme.css": "./theme/styles/themes/tailwind.css",
+    "./theme/tailwind/theme.css": "./theme/styles/integrations/tailwind.css",
     "./package.json": {
       "default": "./package.json"
     },
@@ -79,237 +79,305 @@
       "types": "./types/ojiepermana-angular.d.ts",
       "default": "./fesm2022/ojiepermana-angular.mjs"
     },
-    "./generator/api": {
-      "types": "./types/ojiepermana-angular-generator-api.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-generator-api.mjs"
-    },
-    "./layout": {
-      "types": "./types/ojiepermana-angular-layout.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-layout.mjs"
-    },
-    "./layout/theme": {
-      "types": "./types/ojiepermana-angular-layout-theme.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-layout-theme.mjs"
-    },
-    "./navigation": {
-      "types": "./types/ojiepermana-angular-navigation.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-navigation.mjs"
-    },
-    "./theme": {
-      "types": "./types/ojiepermana-angular-theme.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-theme.mjs"
-    },
-    "./layout/shell/pages": {
-      "types": "./types/ojiepermana-angular-layout.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-layout.mjs"
-    },
     "./component/accordion": {
-      "types": "./types/ojiepermana-angular-ui-component-accordion.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-accordion.mjs"
+      "types": "./types/ojiepermana-angular-component-accordion.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-accordion.mjs"
     },
     "./component/alert": {
-      "types": "./types/ojiepermana-angular-ui-component-alert.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-alert.mjs"
+      "types": "./types/ojiepermana-angular-component-alert.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-alert.mjs"
     },
     "./component/alert-dialog": {
-      "types": "./types/ojiepermana-angular-ui-component-alert-dialog.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-alert-dialog.mjs"
+      "types": "./types/ojiepermana-angular-component-alert-dialog.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-alert-dialog.mjs"
     },
     "./component/aspect-ratio": {
-      "types": "./types/ojiepermana-angular-ui-component-aspect-ratio.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-aspect-ratio.mjs"
+      "types": "./types/ojiepermana-angular-component-aspect-ratio.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-aspect-ratio.mjs"
     },
     "./component/avatar": {
-      "types": "./types/ojiepermana-angular-ui-component-avatar.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-avatar.mjs"
+      "types": "./types/ojiepermana-angular-component-avatar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-avatar.mjs"
     },
     "./component/badge": {
-      "types": "./types/ojiepermana-angular-ui-component-badge.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-badge.mjs"
+      "types": "./types/ojiepermana-angular-component-badge.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-badge.mjs"
     },
     "./component/breadcrumb": {
-      "types": "./types/ojiepermana-angular-ui-component-breadcrumb.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-breadcrumb.mjs"
+      "types": "./types/ojiepermana-angular-component-breadcrumb.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-breadcrumb.mjs"
     },
     "./component/button": {
-      "types": "./types/ojiepermana-angular-ui-component-button.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-button.mjs"
+      "types": "./types/ojiepermana-angular-component-button.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-button.mjs"
     },
     "./component/button-group": {
-      "types": "./types/ojiepermana-angular-ui-component-button-group.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-button-group.mjs"
+      "types": "./types/ojiepermana-angular-component-button-group.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-button-group.mjs"
     },
     "./component/calendar": {
-      "types": "./types/ojiepermana-angular-ui-component-calendar.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-calendar.mjs"
+      "types": "./types/ojiepermana-angular-component-calendar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-calendar.mjs"
     },
     "./component/card": {
-      "types": "./types/ojiepermana-angular-ui-component-card.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-card.mjs"
+      "types": "./types/ojiepermana-angular-component-card.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-card.mjs"
     },
     "./component/carousel": {
-      "types": "./types/ojiepermana-angular-ui-component-carousel.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-carousel.mjs"
+      "types": "./types/ojiepermana-angular-component-carousel.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-carousel.mjs"
     },
     "./component/chart": {
-      "types": "./types/ojiepermana-angular-ui-component-chart.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-chart.mjs"
+      "types": "./types/ojiepermana-angular-component-chart.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart.mjs"
     },
     "./component/chart/area": {
-      "types": "./types/ojiepermana-angular-ui-component-chart-area.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-chart-area.mjs"
+      "types": "./types/ojiepermana-angular-component-chart-area.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-area.mjs"
     },
     "./component/chart/bar": {
-      "types": "./types/ojiepermana-angular-ui-component-chart-bar.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-chart-bar.mjs"
+      "types": "./types/ojiepermana-angular-component-chart-bar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-bar.mjs"
     },
     "./component/chart/line": {
-      "types": "./types/ojiepermana-angular-ui-component-chart-line.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-chart-line.mjs"
+      "types": "./types/ojiepermana-angular-component-chart-line.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-line.mjs"
     },
     "./component/chart/pie": {
-      "types": "./types/ojiepermana-angular-ui-component-chart-pie.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-chart-pie.mjs"
+      "types": "./types/ojiepermana-angular-component-chart-pie.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-pie.mjs"
     },
     "./component/chart/radar": {
-      "types": "./types/ojiepermana-angular-ui-component-chart-radar.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-chart-radar.mjs"
+      "types": "./types/ojiepermana-angular-component-chart-radar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-radar.mjs"
     },
     "./component/chart/radial": {
-      "types": "./types/ojiepermana-angular-ui-component-chart-radial.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-chart-radial.mjs"
+      "types": "./types/ojiepermana-angular-component-chart-radial.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-radial.mjs"
     },
     "./component/chart/scatter": {
-      "types": "./types/ojiepermana-angular-ui-component-chart-scatter.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-chart-scatter.mjs"
+      "types": "./types/ojiepermana-angular-component-chart-scatter.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-chart-scatter.mjs"
     },
     "./component/checkbox": {
-      "types": "./types/ojiepermana-angular-ui-component-checkbox.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-checkbox.mjs"
+      "types": "./types/ojiepermana-angular-component-checkbox.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-checkbox.mjs"
     },
     "./component/collapsible": {
-      "types": "./types/ojiepermana-angular-ui-component-collapsible.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-collapsible.mjs"
+      "types": "./types/ojiepermana-angular-component-collapsible.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-collapsible.mjs"
     },
     "./component/combobox": {
-      "types": "./types/ojiepermana-angular-ui-component-combobox.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-combobox.mjs"
+      "types": "./types/ojiepermana-angular-component-combobox.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-combobox.mjs"
     },
     "./component/command": {
-      "types": "./types/ojiepermana-angular-ui-component-command.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-command.mjs"
+      "types": "./types/ojiepermana-angular-component-command.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-command.mjs"
     },
     "./component/context-menu": {
-      "types": "./types/ojiepermana-angular-ui-component-context-menu.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-context-menu.mjs"
+      "types": "./types/ojiepermana-angular-component-context-menu.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-context-menu.mjs"
     },
     "./component/date-picker": {
-      "types": "./types/ojiepermana-angular-ui-component-date-picker.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-date-picker.mjs"
+      "types": "./types/ojiepermana-angular-component-date-picker.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-date-picker.mjs"
     },
     "./component/dialog": {
-      "types": "./types/ojiepermana-angular-ui-component-dialog.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-dialog.mjs"
+      "types": "./types/ojiepermana-angular-component-dialog.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-dialog.mjs"
     },
     "./component/drawer": {
-      "types": "./types/ojiepermana-angular-ui-component-drawer.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-drawer.mjs"
+      "types": "./types/ojiepermana-angular-component-drawer.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-drawer.mjs"
     },
     "./component/dropdown-menu": {
-      "types": "./types/ojiepermana-angular-ui-component-dropdown-menu.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-dropdown-menu.mjs"
+      "types": "./types/ojiepermana-angular-component-dropdown-menu.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-dropdown-menu.mjs"
     },
     "./component/form": {
-      "types": "./types/ojiepermana-angular-ui-component-form.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-form.mjs"
+      "types": "./types/ojiepermana-angular-component-form.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-form.mjs"
     },
     "./component/input": {
-      "types": "./types/ojiepermana-angular-ui-component-input.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-input.mjs"
+      "types": "./types/ojiepermana-angular-component-input.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-input.mjs"
     },
     "./component/input-group": {
-      "types": "./types/ojiepermana-angular-ui-component-input-group.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-input-group.mjs"
+      "types": "./types/ojiepermana-angular-component-input-group.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-input-group.mjs"
     },
     "./component/item": {
-      "types": "./types/ojiepermana-angular-ui-component-item.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-item.mjs"
+      "types": "./types/ojiepermana-angular-component-item.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-item.mjs"
     },
     "./component/label": {
-      "types": "./types/ojiepermana-angular-ui-component-label.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-label.mjs"
+      "types": "./types/ojiepermana-angular-component-label.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-label.mjs"
     },
     "./component/pagination": {
-      "types": "./types/ojiepermana-angular-ui-component-pagination.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-pagination.mjs"
+      "types": "./types/ojiepermana-angular-component-pagination.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-pagination.mjs"
     },
     "./component/popover": {
-      "types": "./types/ojiepermana-angular-ui-component-popover.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-popover.mjs"
+      "types": "./types/ojiepermana-angular-component-popover.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-popover.mjs"
     },
     "./component/progress": {
-      "types": "./types/ojiepermana-angular-ui-component-progress.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-progress.mjs"
+      "types": "./types/ojiepermana-angular-component-progress.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-progress.mjs"
     },
     "./component/radio": {
-      "types": "./types/ojiepermana-angular-ui-component-radio.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-radio.mjs"
+      "types": "./types/ojiepermana-angular-component-radio.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-radio.mjs"
     },
     "./component/scroll-area": {
-      "types": "./types/ojiepermana-angular-ui-component-scroll-area.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-scroll-area.mjs"
+      "types": "./types/ojiepermana-angular-component-scroll-area.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-scroll-area.mjs"
     },
     "./component/select": {
-      "types": "./types/ojiepermana-angular-ui-component-select.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-select.mjs"
+      "types": "./types/ojiepermana-angular-component-select.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-select.mjs"
     },
     "./component/separator": {
-      "types": "./types/ojiepermana-angular-ui-component-separator.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-separator.mjs"
+      "types": "./types/ojiepermana-angular-component-separator.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-separator.mjs"
     },
     "./component/sheet": {
-      "types": "./types/ojiepermana-angular-ui-component-sheet.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-sheet.mjs"
+      "types": "./types/ojiepermana-angular-component-sheet.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-sheet.mjs"
     },
     "./component/skeleton": {
-      "types": "./types/ojiepermana-angular-ui-component-skeleton.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-skeleton.mjs"
+      "types": "./types/ojiepermana-angular-component-skeleton.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-skeleton.mjs"
     },
     "./component/slider": {
-      "types": "./types/ojiepermana-angular-ui-component-slider.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-slider.mjs"
+      "types": "./types/ojiepermana-angular-component-slider.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-slider.mjs"
     },
     "./component/switch": {
-      "types": "./types/ojiepermana-angular-ui-component-switch.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-switch.mjs"
+      "types": "./types/ojiepermana-angular-component-switch.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-switch.mjs"
     },
     "./component/table": {
-      "types": "./types/ojiepermana-angular-ui-component-table.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-table.mjs"
+      "types": "./types/ojiepermana-angular-component-table.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-table.mjs"
     },
     "./component/tabs": {
-      "types": "./types/ojiepermana-angular-ui-component-tabs.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-tabs.mjs"
+      "types": "./types/ojiepermana-angular-component-tabs.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-tabs.mjs"
     },
     "./component/textarea": {
-      "types": "./types/ojiepermana-angular-ui-component-textarea.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-textarea.mjs"
+      "types": "./types/ojiepermana-angular-component-textarea.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-textarea.mjs"
     },
     "./component/toast": {
-      "types": "./types/ojiepermana-angular-ui-component-toast.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-toast.mjs"
+      "types": "./types/ojiepermana-angular-component-toast.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-toast.mjs"
     },
     "./component/tooltip": {
-      "types": "./types/ojiepermana-angular-ui-component-tooltip.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-tooltip.mjs"
+      "types": "./types/ojiepermana-angular-component-tooltip.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-tooltip.mjs"
     },
     "./component/utils": {
-      "types": "./types/ojiepermana-angular-ui-component-utils.d.ts",
-      "default": "./fesm2022/ojiepermana-angular-ui-component-utils.mjs"
+      "types": "./types/ojiepermana-angular-component-utils.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-component-utils.mjs"
+    },
+    "./generator/api": {
+      "types": "./types/ojiepermana-angular-generator-api.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-generator-api.mjs"
+    },
+    "./layout": {
+      "types": "./types/ojiepermana-angular-layout.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout.mjs"
+    },
+    "./layout/component": {
+      "types": "./types/ojiepermana-angular-layout-component.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-component.mjs"
+    },
+    "./layout/empty": {
+      "types": "./types/ojiepermana-angular-layout-empty.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-empty.mjs"
+    },
+    "./layout/horizontal": {
+      "types": "./types/ojiepermana-angular-layout-horizontal.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-horizontal.mjs"
+    },
+    "./layout/provider": {
+      "types": "./types/ojiepermana-angular-layout-provider.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-provider.mjs"
+    },
+    "./layout/services": {
+      "types": "./types/ojiepermana-angular-layout-services.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-services.mjs"
+    },
+    "./layout/shell": {
+      "types": "./types/ojiepermana-angular-layout-shell.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-shell.mjs"
+    },
+    "./layout/token": {
+      "types": "./types/ojiepermana-angular-layout-token.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-token.mjs"
+    },
+    "./layout/token/directive": {
+      "types": "./types/ojiepermana-angular-layout-token-directive.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-token-directive.mjs"
+    },
+    "./layout/vertical": {
+      "types": "./types/ojiepermana-angular-layout-vertical.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-vertical.mjs"
+    },
+    "./navigation/demo-data": {
+      "types": "./types/ojiepermana-angular-navigation-demo-data.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-demo-data.mjs"
     },
     "./navigation/icon": {
       "types": "./types/ojiepermana-angular-navigation-icon.d.ts",
       "default": "./fesm2022/ojiepermana-angular-navigation-icon.mjs"
+    },
+    "./navigation/item": {
+      "types": "./types/ojiepermana-angular-navigation-item.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-item.mjs"
+    },
+    "./navigation/service": {
+      "types": "./types/ojiepermana-angular-navigation-service.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-service.mjs"
+    },
+    "./navigation/sidebar": {
+      "types": "./types/ojiepermana-angular-navigation-sidebar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-sidebar.mjs"
+    },
+    "./navigation/topbar": {
+      "types": "./types/ojiepermana-angular-navigation-topbar.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-topbar.mjs"
+    },
+    "./navigation/types": {
+      "types": "./types/ojiepermana-angular-navigation-types.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-types.mjs"
+    },
+    "./theme": {
+      "types": "./types/ojiepermana-angular-theme.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-theme.mjs"
+    },
+    "./theme/provider": {
+      "types": "./types/ojiepermana-angular-theme-provider.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-theme-provider.mjs"
+    },
+    "./theme/services": {
+      "types": "./types/ojiepermana-angular-theme-services.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-theme-services.mjs"
+    },
+    "./theme/token": {
+      "types": "./types/ojiepermana-angular-theme-token.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-theme-token.mjs"
+    },
+    "./layout/shell/pages": {
+      "types": "./types/ojiepermana-angular-layout-shell.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-layout-shell.mjs"
+    },
+    "./navigation-icon": {
+      "types": "./types/ojiepermana-angular-navigation-icon.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-navigation-icon.mjs"
     }
   },
   "module": "fesm2022/ojiepermana-angular.mjs",

package/theme/README.md

@@ -0,0 +1,67 @@
+# Theme
+
+Shared runtime theme engine and CSS asset surface for `@ojiepermana/angular`.
+
+This secondary entrypoint provides:
+
+- `@ojiepermana/angular/theme` for `provideMaterialTheme`, `withMaterialDefaults`, `ThemeService`, and theme token types.
+- `@ojiepermana/angular/theme/services` for `ThemeService`.
+- `@ojiepermana/angular/theme/provider` for `provideMaterialTheme` and `withMaterialDefaults`.
+- `@ojiepermana/angular/theme/token` for config types, guards, constants, and `MATERIAL_THEME_CONFIG`.
+- `@ojiepermana/angular/theme/styles` for the root stylesheet that composes the active mode, color, and style layers.
+- `@ojiepermana/angular/theme/tailwind/theme.css` for the Tailwind v4 token bridge.
+
+## Consumer usage
+
+```ts
+import { provideMaterialTheme, withMaterialDefaults } from '@ojiepermana/angular/theme';
+
+export const appConfig = {
+  providers: [
+    provideMaterialTheme(
+      {
+        mode: 'system',
+        color: 'base',
+        style: 'default',
+      },
+      withMaterialDefaults(),
+    ),
+  ],
+};
+```
+
+```css
+@import '@ojiepermana/angular/theme/styles';
+@import 'tailwindcss';
+@import '@ojiepermana/angular/theme/tailwind/theme.css';
+```
+
+The public import contract stays stable even if the source files inside this
+entrypoint move.
+
+## Source layout
+
+- `public-api.ts` aggregates the granular runtime entrypoints for `@ojiepermana/angular/theme`.
+- `services/src/lib` owns `ThemeService` plus its runtime tests.
+- `provider/src/lib` owns DI provider helpers plus provider-focused tests.
+- `token/src/lib` owns config types, guards, constants, and token-focused tests.
+- `css/foundation` contains the cascade layer registration, shared semantic tokens, and component-facing global helpers.
+- `css/variants/mode` contains light and dark mode layers.
+- `css/variants/color` contains named color themes.
+- `css/variants/style` contains style personality layers such as `default`, `sharp`, `brutal`, and `soft`.
+- `css/integrations/material.css` maps theme tokens into Angular Material and MDC tokens.
+- `css/integrations/tailwind.css` maps theme tokens into Tailwind v4 theme tokens.
+
+## Local development
+
+From the workspace root:
+
+```bash
+bun run test:theme
+bun run build
+```
+
+`bun run test:theme` runs the isolated theme specs.
+
+`bun run build` validates that the full library still packages the theme
+entrypoint and exports the CSS assets correctly.

package/theme/provider/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../../fesm2022/ojiepermana-angular-theme-provider.mjs",
+  "typings": "../../types/ojiepermana-angular-theme-provider.d.ts"
+}

package/theme/services/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../../fesm2022/ojiepermana-angular-theme-services.mjs",
+  "typings": "../../types/ojiepermana-angular-theme-services.d.ts"
+}

package/theme/styles/index.css

@@ -10,23 +10,28 @@
  * Includes cascade layers, independent mode/color/style tokens, shared
  * semantic tokens, and an Angular Material bridge so `mat-*` components
  * inherit the active theme automatically.
+ *
+ * Source layout:
+ *   foundation   – shared layers, semantic tokens, and component helpers
+ *   variants     – mode, color, and style theme axes
+ *   integrations – Angular Material and Tailwind bridges
  */
-@import './themes/library/_layers.css';
+@import './foundation/layers.css';
 
 /* Layer 1: mode variants. */
-@import './themes/mode/index.css';
+@import './variants/mode/index.css';
 
 /* Layer 2: color variants. */
-@import './themes/library/color/index.css';
+@import './variants/color/index.css';
 
 /* Layer 3: style variants. */
-@import './themes/library/style/index.css';
+@import './variants/style/index.css';
 
 /* Shared semantic and library tokens. */
-@import './themes/library/_tokens.css';
+@import './foundation/tokens.css';
 
 /* Angular Material M3 bridge. */
-@import './themes/library/_material-overrides.css';
+@import './integrations/material.css';
 
 /* Global component-facing styles. */
-@import './themes/library/_components.css';
+@import './foundation/components.css';

package/theme/token/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../../fesm2022/ojiepermana-angular-theme-token.mjs",
+  "typings": "../../types/ojiepermana-angular-theme-token.d.ts"
+}