@ttt-productions/theme-core 0.1.1 → 0.1.19

package/README.md

@@ -1,6 +1,6 @@
 # @ttt-productions/theme-core
 
-Shared theme provider + CSS token contract.
+Theme provider + CSS token contract for TTT Productions apps.
 
 ## Install
 ```bash

package/dist/required-tokens.d.ts

@@ -1,3 +1,3 @@
-export declare const REQUIRED_TOKENS: readonly ["--brand-primary", "--brand-secondary", "--brand-accent", "--status-success", "--status-warning", "--status-error", "--neutral-white", "--neutral-black"];
+export declare const REQUIRED_TOKENS: readonly ["--brand-primary", "--brand-secondary", "--brand-accent"];
 export type RequiredToken = (typeof REQUIRED_TOKENS)[number];
 //# sourceMappingURL=required-tokens.d.ts.map

package/dist/required-tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"required-tokens.d.ts","sourceRoot":"","sources":["../src/required-tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,qKAWhB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"required-tokens.d.ts","sourceRoot":"","sources":["../src/required-tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,qEAIlB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/required-tokens.js

@@ -2,10 +2,5 @@ export const REQUIRED_TOKENS = [
     "--brand-primary",
     "--brand-secondary",
     "--brand-accent",
-    "--status-success",
-    "--status-warning",
-    "--status-error",
-    "--neutral-white",
-    "--neutral-black"
 ];
 //# sourceMappingURL=required-tokens.js.map

package/dist/required-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"required-tokens.js","sourceRoot":"","sources":["../src/required-tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,iBAAiB;IACjB,mBAAmB;IACnB,gBAAgB;IAEhB,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAEhB,iBAAiB;IACjB,iBAAiB;CACT,CAAC"}
+{"version":3,"file":"required-tokens.js","sourceRoot":"","sources":["../src/required-tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,iBAAiB;IACjB,mBAAmB;IACnB,gBAAgB;CACR,CAAC"}

package/dist/styles/components.css

@@ -0,0 +1,333 @@
+@layer components {
+  /* ===================
+     LAYOUT / CARDS
+     =================== */
+  .page-container {
+    @apply flex-1 w-full mx-auto py-4;
+  }
+
+  .page-card {
+    @apply w-full bg-card text-card-foreground shadow-xl rounded-lg border-2 border-border;
+  }
+
+  .page-card-header {
+    @apply text-center p-4 sm:p-6;
+  }
+
+  .page-card-title {
+    @apply text-3xl font-bold text-foreground;
+  }
+
+  .page-card-content {
+    @apply px-2 sm:px-6 pb-4;
+  }
+
+  .inner-card-container {
+    @apply px-4 py-2;
+  }
+
+  /* ===================
+     TEXT UTILITIES
+     =================== */
+  .card-title {
+    color: hsl(var(--foreground));
+  }
+
+  .card-description {
+    @apply text-sm font-bold;
+    color: hsl(var(--muted-foreground));
+  }
+
+  .input-description {
+    @apply text-xs;
+    color: hsl(var(--muted-foreground));
+  }
+
+  .disclaimer-text {
+    @apply text-sm font-bold text-center;
+    color: hsl(var(--muted-foreground));
+  }
+
+  .text-small {
+    @apply text-sm font-bold;
+    color: hsl(var(--foreground));
+  }
+
+  .text-xs-bold {
+    @apply text-xs font-bold;
+    color: hsl(var(--foreground));
+  }
+
+  .text-label {
+    @apply font-bold;
+    color: hsl(var(--foreground));
+  }
+
+  .text-counter {
+    @apply text-sm font-bold;
+    color: hsl(var(--muted-foreground));
+  }
+
+  .empty-state-text {
+    @apply text-center py-8 font-bold;
+    color: hsl(var(--muted-foreground));
+  }
+
+  /* ===================
+     LINKS
+     =================== */
+  .auth-link {
+    @apply text-sm underline font-semibold;
+    color: hsl(var(--primary));
+  }
+
+  /* ===================
+     POPOVERS
+     =================== */
+  .app-popover {
+    @apply w-80 p-2 border-2;
+    background-color: hsl(var(--card));
+    border-color: hsl(var(--border));
+    color: hsl(var(--card-foreground));
+  }
+
+  /* ===================
+     ALERT DIALOGS
+     =================== */
+  .alert-dialog-overlay {
+    background-color: rgba(0, 0, 0, 0.8);
+  }
+
+  .alert-dialog-content {
+    background-color: hsl(var(--card)) !important;
+    border-color: hsl(var(--border)) !important;
+    color: hsl(var(--card-foreground)) !important;
+    @apply border-2;
+  }
+
+  .alert-dialog-title {
+    color: hsl(var(--foreground)) !important;
+  }
+
+  .alert-dialog-description {
+    color: hsl(var(--muted-foreground)) !important;
+    @apply font-bold;
+  }
+
+  /* ===================
+     SELECTS (GENERIC)
+     =================== */
+  .form-select-trigger {
+    @apply font-semibold rounded-xl h-11 px-4 shadow-sm border-2;
+    background-color: hsl(var(--background));
+    border-color: hsl(var(--border)) !important;
+    color: hsl(var(--foreground));
+  }
+
+  /* ===================
+     FILTER & SORT (GENERIC)
+     =================== */
+  .filter-select-trigger,
+  .sort-select-trigger {
+    @apply w-full sm:w-auto rounded-xl h-11 px-4 font-bold shadow-sm border-2;
+    background-color: hsl(var(--primary));
+    border-color: hsl(var(--border));
+    color: hsl(var(--primary-foreground));
+  }
+
+  .filter-select-content,
+  .sort-select-content {
+    background-color: hsl(var(--popover));
+    border-color: hsl(var(--border));
+    color: hsl(var(--popover-foreground));
+  }
+
+  .filter-select-item,
+  .sort-select-item {
+    @apply font-bold;
+    color: hsl(var(--foreground));
+  }
+
+  .filter-select-item:hover,
+  .sort-select-item:hover {
+    background-color: hsl(var(--accent));
+    color: hsl(var(--accent-foreground));
+  }
+
+  /* High contrast behavior */
+  .high-contrast .filter-select-trigger,
+  .high-contrast .sort-select-trigger {
+    background-color: hsl(var(--background));
+    border-color: hsl(var(--border));
+    color: hsl(var(--foreground));
+  }
+
+  .high-contrast .filter-select-content,
+  .high-contrast .sort-select-content {
+    background-color: hsl(var(--background));
+    border-color: hsl(var(--border));
+    color: hsl(var(--foreground));
+  }
+
+  .high-contrast .filter-select-item:hover,
+  .high-contrast .sort-select-item:hover {
+    background-color: hsl(var(--foreground));
+    color: hsl(var(--background));
+  }
+
+  /* ===================
+     VIEW TOGGLE (GENERIC)
+     =================== */
+  .view-toggle-container {
+    @apply flex items-center p-1 rounded-xl border-2 shadow-sm;
+    background-color: hsl(var(--muted));
+    border-color: hsl(var(--border));
+  }
+
+  .view-toggle-button {
+    @apply rounded-lg h-8 w-8;
+    color: hsl(var(--foreground));
+  }
+
+  /* ===================
+     DATE PICKER (GENERIC)
+     =================== */
+  .date-picker-popover {
+    background-color: hsl(var(--card)) !important;
+    border-color: hsl(var(--border)) !important;
+    color: hsl(var(--card-foreground)) !important;
+    @apply border-2;
+  }
+
+  .date-picker-caption {
+    color: hsl(var(--foreground)) !important;
+  }
+
+  .date-picker-day-label {
+    color: hsl(var(--muted-foreground)) !important;
+    @apply font-bold text-center;
+  }
+
+  .date-picker-day {
+    color: hsl(var(--foreground)) !important;
+    @apply font-semibold;
+  }
+
+  .date-picker-day-today {
+    background-color: hsl(var(--accent)) !important;
+    color: hsl(var(--accent-foreground)) !important;
+    @apply font-bold;
+  }
+
+  .date-picker-day-selected {
+    background-color: hsl(var(--primary)) !important;
+    color: hsl(var(--primary-foreground)) !important;
+    @apply font-bold;
+  }
+
+  .date-picker-day:hover {
+    background-color: hsl(var(--primary) / 0.12) !important;
+    color: hsl(var(--foreground)) !important;
+  }
+
+  .date-picker-day-disabled {
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
+
+  .date-picker-nav-button {
+    background-color: hsl(var(--primary)) !important;
+    color: hsl(var(--primary-foreground)) !important;
+    border: none !important;
+  }
+
+  .high-contrast .date-picker-nav-button {
+    border: 2px solid hsl(var(--border)) !important;
+  }
+
+  /* ===================
+     TOAST (Radix/shadcn-friendly)
+     =================== */
+  .toast-viewport {
+    @apply fixed bottom-0 right-0 z-50 flex max-h-screen w-full flex-col p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px];
+  }
+
+  .toast-root {
+    @apply relative overflow-hidden rounded-lg border-2 p-4 shadow-lg;
+    background-color: hsl(var(--card));
+    border-color: hsl(var(--border));
+    color: hsl(var(--card-foreground));
+  }
+
+  .toast-root[data-variant="success"] {
+    border-color: hsl(var(--success));
+  }
+
+  .toast-root[data-variant="warning"] {
+    border-color: hsl(var(--warning));
+  }
+
+  .toast-root[data-variant="error"],
+  .toast-root[data-variant="destructive"] {
+    border-color: hsl(var(--destructive));
+  }
+
+  .toast-dismiss {
+    @apply absolute right-2 top-2 inline-flex h-8 w-8 items-center justify-center rounded-md text-sm font-bold;
+    background-color: transparent;
+    color: hsl(var(--muted-foreground));
+  }
+
+  .toast-dismiss:hover,
+  .toast-dismiss:focus-visible {
+    background-color: hsl(var(--accent));
+    color: hsl(var(--accent-foreground));
+  }
+
+  /* countdown bar (uses --toast-duration; can be overridden per-toast) */
+  .toast-progress {
+    @apply absolute bottom-0 left-0 h-1 w-full;
+    background-color: hsl(var(--foreground));
+    transform-origin: left center;
+    animation: toast-life var(--toast-duration) linear forwards;
+    opacity: 0.35;
+  }
+
+  .high-contrast .toast-progress {
+    opacity: 1;
+  }
+}
+
+/* Radix swipe support (works if toast root is Radix Toast.Root) */
+[data-swipe="move"] {
+  transform: translateX(var(--radix-toast-swipe-move-x));
+}
+
+[data-swipe="cancel"] {
+  transform: translateX(0);
+  transition: transform 200ms ease-out;
+}
+
+[data-swipe="end"] {
+  animation: toast-swipe-out 120ms ease-out forwards;
+}
+
+@keyframes toast-life {
+  from {
+    transform: scaleX(1);
+  }
+  to {
+    transform: scaleX(0);
+  }
+}
+
+@keyframes toast-swipe-out {
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+    opacity: 1;
+  }
+  to {
+    transform: translateX(calc(var(--radix-toast-swipe-end-x) * 1.2));
+    opacity: 0;
+  }
+}

package/dist/styles/contract.css

@@ -1,27 +1,37 @@
 @layer base {
-    :root {
-      /* Loud fallbacks: if you see this color, app did not define required brand contract */
-      --brand-primary: 999 100% 50%;
-      --brand-secondary: 999 100% 50%;
-      --brand-accent: 999 100% 50%;
-  
-      --status-success: 999 100% 50%;
-      --status-warning: 999 100% 50%;
-      --status-error: 999 100% 50%;
-  
-      --neutral-white: 0 0% 100%;
-      --neutral-black: 0 0% 0%;
-    }
-  
-    /* High contrast must be pure B/W: override brand tokens too (prevents bleed) */
-    .high-contrast {
-      --brand-primary: 0 0% 0%;
-      --brand-secondary: 0 0% 0%;
-      --brand-accent: 0 0% 100%;
-  
-      --status-success: 0 0% 0%;
-      --status-warning: 0 0% 0%;
-      --status-error: 0 0% 0%;
-    }
+  :root {
+    /* Loud fallbacks: if you see this color, the app did not define required brand contract */
+    --brand-primary: 999 100% 50%;
+    --brand-secondary: 999 100% 50%;
+    --brand-accent: 999 100% 50%;
+
+    /* Always-available neutrals (theme-core owned) */
+    --neutral-white: 0 0% 100%;
+    --neutral-black: 0 0% 0%;
+
+    /* OPTIONAL status colors (apps can override) */
+    --color-for-success: 142 71% 45%;
+    --color-for-warning: 38 92% 50%;
+    --color-for-error: 0 84% 60%;
+
+    /* Mapped status tokens used by theme-core */
+    --status-success: var(--color-for-success);
+    --status-warning: var(--color-for-warning);
+    --status-error: var(--color-for-error);
   }
-  
+
+  /* High contrast must be pure B/W (prevents bleed from any app colors) */
+  .high-contrast {
+    --brand-primary: 0 0% 0%;
+    --brand-secondary: 0 0% 0%;
+    --brand-accent: 0 0% 100%;
+
+    --color-for-success: 0 0% 0%;
+    --color-for-warning: 0 0% 0%;
+    --color-for-error: 0 0% 0%;
+
+    --status-success: 0 0% 0%;
+    --status-warning: 0 0% 0%;
+    --status-error: 0 0% 0%;
+  }
+}

package/dist/styles/index.css

@@ -1,3 +1,4 @@
 @import "./contract.css";
 @import "./tokens.css";
 @import "./base.css";
+/* components.css is a separate entrypoint: @ttt-productions/theme-core/components.css */

package/dist/styles/tokens.css

@@ -1,82 +1,110 @@
 @layer base {
-    :root {
-      /* Semantic tokens (default = light) */
-      --background: var(--neutral-white);
-      --foreground: var(--neutral-black);
-  
-      --card: var(--neutral-white);
-      --card-foreground: var(--neutral-black);
-  
-      --popover: var(--neutral-white);
-      --popover-foreground: var(--neutral-black);
-  
-      --muted: 0 0% 95%;
-      --muted-foreground: var(--neutral-black);
-  
-      --accent: var(--brand-accent);
-      --accent-foreground: var(--neutral-black);
-  
-      --primary: var(--brand-primary);
-      --primary-foreground: var(--neutral-white);
-  
-      --secondary: var(--brand-secondary);
-      --secondary-foreground: var(--neutral-white);
-  
-      --destructive: var(--status-error);
-      --destructive-foreground: var(--neutral-white);
-  
-      --border: var(--brand-primary);
-      --ring: var(--brand-primary);
-  
-      --radius: 1rem;
-    }
-  
-    .dark {
-      /* Keep semantic token mapping; apps can override brand tokens per-mode if they want */
-      --background: 240 6% 10%;
-      --foreground: 0 0% 100%;
-  
-      --card: 240 6% 12%;
-      --card-foreground: 0 0% 100%;
-  
-      --popover: 240 6% 12%;
-      --popover-foreground: 0 0% 100%;
-  
-      --muted: 240 4% 20%;
-      --muted-foreground: 0 0% 100%;
-  
-      --border: 0 0% 100%;
-      --ring: 0 0% 100%;
-    }
-  
-    .high-contrast {
-      /* You already had this approach in master-app and it’s correct: pure B/W semantic tokens */
-      --background: 0 0% 0%;
-      --foreground: 0 0% 100%;
-  
-      --card: 0 0% 0%;
-      --card-foreground: 0 0% 100%;
-  
-      --popover: 0 0% 0%;
-      --popover-foreground: 0 0% 100%;
-  
-      --muted: 0 0% 0%;
-      --muted-foreground: 0 0% 100%;
-  
-      --accent: 0 0% 0%;
-      --accent-foreground: 0 0% 100%;
-  
-      --primary: 0 0% 100%;
-      --primary-foreground: 0 0% 0%;
-  
-      --secondary: 0 0% 100%;
-      --secondary-foreground: 0 0% 0%;
-  
-      --destructive: 0 0% 100%;
-      --destructive-foreground: 0 0% 0%;
-  
-      --border: 0 0% 100%;
-      --ring: 0 0% 100%;
-    }
+  :root {
+    /* Semantic tokens (default = light) */
+    --background: var(--neutral-white);
+    --foreground: var(--neutral-black);
+
+    --card: var(--neutral-white);
+    --card-foreground: var(--neutral-black);
+
+    --popover: var(--neutral-white);
+    --popover-foreground: var(--neutral-black);
+
+    --muted: 0 0% 95%;
+    --muted-foreground: var(--neutral-black);
+
+    --accent: var(--brand-accent);
+    --accent-foreground: var(--neutral-black);
+
+    --primary: var(--brand-primary);
+    --primary-foreground: var(--neutral-white);
+
+    --secondary: var(--brand-secondary);
+    --secondary-foreground: var(--neutral-white);
+
+    /* canonical shadcn name */
+    --destructive: var(--status-error);
+    --destructive-foreground: var(--neutral-white);
+
+    /* extra semantic status tokens */
+    --success: var(--status-success);
+    --success-foreground: var(--neutral-white);
+
+    --warning: var(--status-warning);
+    --warning-foreground: var(--neutral-black);
+
+    --error: var(--status-error);
+    --error-foreground: var(--neutral-white);
+
+    --border: var(--brand-primary);
+    --ring: var(--brand-primary);
+
+    --radius: 1rem;
+
+    /* toast defaults (overridable per-toast via inline CSS var) */
+    --toast-duration: 5000ms;
   }
-  
+
+  .dark {
+    /* Keep semantic token mapping; apps can override brand tokens per-mode if they want */
+    --background: 240 6% 10%;
+    --foreground: 0 0% 100%;
+
+    --card: 240 6% 12%;
+    --card-foreground: 0 0% 100%;
+
+    --popover: 240 6% 12%;
+    --popover-foreground: 0 0% 100%;
+
+    --muted: 240 4% 20%;
+    --muted-foreground: 0 0% 100%;
+
+    --border: 0 0% 100%;
+    --ring: 0 0% 100%;
+
+    /* status foregrounds in dark */
+    --destructive-foreground: 0 0% 100%;
+    --success-foreground: 0 0% 100%;
+    --warning-foreground: 0 0% 0%;
+    --error-foreground: 0 0% 100%;
+  }
+
+  .high-contrast {
+    /* Pure B/W semantic tokens */
+    --background: 0 0% 0%;
+    --foreground: 0 0% 100%;
+
+    --card: 0 0% 0%;
+    --card-foreground: 0 0% 100%;
+
+    --popover: 0 0% 0%;
+    --popover-foreground: 0 0% 100%;
+
+    --muted: 0 0% 0%;
+    --muted-foreground: 0 0% 100%;
+
+    --accent: 0 0% 0%;
+    --accent-foreground: 0 0% 100%;
+
+    --primary: 0 0% 100%;
+    --primary-foreground: 0 0% 0%;
+
+    --secondary: 0 0% 100%;
+    --secondary-foreground: 0 0% 0%;
+
+    --destructive: 0 0% 100%;
+    --destructive-foreground: 0 0% 0%;
+
+    --success: 0 0% 100%;
+    --success-foreground: 0 0% 0%;
+
+    --warning: 0 0% 100%;
+    --warning-foreground: 0 0% 0%;
+
+    --error: 0 0% 100%;
+    --error-foreground: 0 0% 0%;
+
+    --border: 0 0% 100%;
+    --ring: 0 0% 100%;
+  }
+}

package/dist/theme-provider.js

@@ -15,7 +15,7 @@ function warnMissingTokens() {
         console.warn(`[theme-core] Missing/invalid required theme tokens.\n` +
             (missing.length ? `Missing: ${missing.join(", ")}\n` : "") +
             (loud.length ? `Still using loud fallbacks: ${loud.join(", ")}\n` : "") +
-            `Define these in the consuming app (brand contract).`);
+            `Define these in the consuming app (brand contract)`);
     }
 }
 export function ThemeProvider({ children }) {

package/dist/theme-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.js","sourceRoot":"","sources":["../src/theme-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,SAAS,iBAAiB;IACxB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;IACtC,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAEtC,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IACxF,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC;IAEhG,IAAI,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QAClC,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,uDAAuD;YACrD,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,+BAA+B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACvE,qDAAqD,CACxD,CAAC;IACJ,CAAC;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAiC;IACvE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YAAE,iBAAiB,EAAE,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAC,OAAO,EACjB,YAAY,EAAC,QAAQ,EACrB,YAAY,QACZ,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,CAAC,YAEzC,QAAQ,GACU,CACtB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"theme-provider.js","sourceRoot":"","sources":["../src/theme-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,SAAS,iBAAiB;IACxB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;IACtC,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAEtC,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IACxF,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC;IAEhG,IAAI,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QAClC,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,uDAAuD;YACrD,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,+BAA+B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACvE,oDAAoD,CACvD,CAAC;IACJ,CAAC;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAiC;IACvE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YAAE,iBAAiB,EAAE,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAC,OAAO,EACjB,YAAY,EAAC,QAAQ,EACrB,YAAY,QACZ,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,CAAC,YAEzC,QAAQ,GACU,CACtB,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ttt-productions/theme-core",
-    "version": "0.1.1",
+    "version": "0.1.19",
     "description": "Theme provider + CSS token contract for TTT Productions apps",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -13,7 +13,8 @@
             "types": "./dist/index.d.ts",
             "default": "./dist/index.js"
         },
-        "./styles.css": "./dist/styles/index.css"
+        "./styles.css": "./dist/styles/index.css",
+        "./components.css": "./dist/styles/components.css"
     },
     "scripts": {
         "build": "tsc && rm -rf dist/styles && mkdir -p dist/styles && cp -R src/styles/* dist/styles/",
@@ -39,7 +40,10 @@
     "license": "MIT",
     "repository": {
         "type": "git",
-        "url": "https://github.com/ttt-productions/ttt-packages.git",
+        "url": "git+https://github.com/ttt-productions/ttt-packages.git",
         "directory": "packages/theme-core"
-    }
+    },
+    "sideEffects": [
+        "**/*.css"
+    ]
 }