@ttt-productions/theme-core 0.2.8 → 0.2.9

package/dist/styles/components.css

@@ -976,3 +976,284 @@
   width: 2rem;
   color: hsl(var(--foreground));
 }
+
+/* =========================================================
+    TOAST / NOTIFICATIONS
+    ========================================================= */
+
+/* Toast viewport (container for all toasts) */
+.toast-viewport {
+  position: fixed;
+  top: 0;
+  z-index: 100;
+  display: flex;
+  max-height: 100vh;
+  width: 100%;
+  flex-direction: column;
+  padding: 1rem;
+  gap: 0.5rem;
+  pointer-events: none;
+}
+
+@media (min-width: 640px) {
+  .toast-viewport {
+    bottom: 0;
+    right: 0;
+    top: auto;
+    flex-direction: column-reverse;
+    padding: 1.5rem;
+    max-width: 26rem;
+  }
+}
+
+/* Toast root (individual toast) */
+.toast-root {
+  pointer-events: auto;
+  position: relative;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  overflow: hidden;
+  border-radius: 0.75rem;
+  border-width: 2px;
+  padding: 1rem 1.25rem;
+  padding-right: 2.5rem;
+  font-weight: 700;
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  
+  /* Default variant */
+  background-color: hsl(var(--background));
+  border-color: hsl(var(--border));
+  color: hsl(var(--foreground));
+}
+
+/* Toast variants */
+.toast-root[data-variant="success"] {
+  background-color: hsl(142 76% 96%);
+  border-color: hsl(142 76% 36%);
+  color: hsl(142 76% 20%);
+}
+
+@media (prefers-color-scheme: dark) {
+  .toast-root[data-variant="success"] {
+    background-color: hsl(142 76% 10%);
+    border-color: hsl(142 76% 36%);
+    color: hsl(142 76% 90%);
+  }
+}
+
+.toast-root[data-variant="destructive"] {
+  background-color: hsl(0 84% 96%);
+  border-color: hsl(0 84% 60%);
+  color: hsl(0 84% 20%);
+}
+
+@media (prefers-color-scheme: dark) {
+  .toast-root[data-variant="destructive"] {
+    background-color: hsl(0 84% 10%);
+    border-color: hsl(0 84% 60%);
+    color: hsl(0 84% 90%);
+  }
+}
+
+.toast-root[data-variant="warning"] {
+  background-color: hsl(38 92% 96%);
+  border-color: hsl(38 92% 50%);
+  color: hsl(38 92% 20%);
+}
+
+@media (prefers-color-scheme: dark) {
+  .toast-root[data-variant="warning"] {
+    background-color: hsl(38 92% 10%);
+    border-color: hsl(38 92% 50%);
+    color: hsl(38 92% 90%);
+  }
+}
+
+/* High contrast mode */
+@media (prefers-contrast: more) {
+  .toast-root {
+    border-width: 3px;
+  }
+  
+  .toast-root[data-variant="success"] {
+    background-color: hsl(142 76% 96%);
+    border-color: hsl(142 76% 20%);
+    color: hsl(142 76% 10%);
+  }
+  
+  .toast-root[data-variant="destructive"] {
+    background-color: hsl(0 84% 96%);
+    border-color: hsl(0 84% 40%);
+    color: hsl(0 84% 10%);
+  }
+  
+  .toast-root[data-variant="warning"] {
+    background-color: hsl(38 92% 96%);
+    border-color: hsl(38 92% 30%);
+    color: hsl(38 92% 10%);
+  }
+}
+
+@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
+  .toast-root[data-variant="success"] {
+    background-color: hsl(142 76% 10%);
+    border-color: hsl(142 76% 60%);
+    color: hsl(142 76% 98%);
+  }
+  
+  .toast-root[data-variant="destructive"] {
+    background-color: hsl(0 84% 10%);
+    border-color: hsl(0 84% 70%);
+    color: hsl(0 84% 98%);
+  }
+  
+  .toast-root[data-variant="warning"] {
+    background-color: hsl(38 92% 10%);
+    border-color: hsl(38 92% 60%);
+    color: hsl(38 92% 98%);
+  }
+}
+
+/* Toast animations */
+.toast-root[data-state="open"] {
+  animation: toast-slide-in 150ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.toast-root[data-state="closed"] {
+  animation: toast-hide 100ms ease-in;
+}
+
+.toast-root[data-swipe="move"] {
+  transform: translateX(var(--radix-toast-swipe-move-x));
+}
+
+.toast-root[data-swipe="cancel"] {
+  transform: translateX(0);
+  transition: transform 200ms ease-out;
+}
+
+.toast-root[data-swipe="end"] {
+  animation: toast-swipe-out 100ms ease-out;
+}
+
+@keyframes toast-slide-in {
+  from {
+    transform: translateX(calc(100% + 1rem));
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+@keyframes toast-hide {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes toast-swipe-out {
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+  }
+  to {
+    transform: translateX(calc(100% + 1rem));
+  }
+}
+
+/* Progress bar (countdown) */
+.toast-progress {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 0.25rem;
+  width: 100%;
+  transform-origin: left;
+  animation: toast-progress-shrink var(--toast-duration, 5000ms) linear forwards;
+}
+
+.toast-root[data-variant="success"] .toast-progress {
+  background-color: hsl(142 76% 36%);
+}
+
+.toast-root[data-variant="destructive"] .toast-progress {
+  background-color: hsl(0 84% 60%);
+}
+
+.toast-root[data-variant="warning"] .toast-progress {
+  background-color: hsl(38 92% 50%);
+}
+
+.toast-root:not([data-variant]) .toast-progress {
+  background-color: hsl(var(--primary));
+}
+
+@keyframes toast-progress-shrink {
+  from {
+    transform: scaleX(1);
+  }
+  to {
+    transform: scaleX(0);
+  }
+}
+
+/* Pause progress on hover */
+.toast-root:hover .toast-progress {
+  animation-play-state: paused;
+}
+
+/* Dismiss button */
+.toast-dismiss {
+  position: absolute;
+  right: 0.5rem;
+  top: 0.5rem;
+  border-radius: 0.375rem;
+  padding: 0.25rem;
+  opacity: 0.7;
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  color: inherit;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.toast-dismiss:hover {
+  opacity: 1;
+}
+
+.toast-dismiss:focus {
+  outline: 2px solid hsl(var(--ring));
+  outline-offset: 2px;
+}
+
+/* Mobile adjustments */
+@media (max-width: 639px) {
+  .toast-viewport {
+    left: 0;
+    right: 0;
+    padding: 1rem;
+  }
+  
+  .toast-root[data-state="open"] {
+    animation: toast-slide-in-mobile 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  
+  @keyframes toast-slide-in-mobile {
+    from {
+      transform: translateY(-100%);
+    }
+    to {
+      transform: translateY(0);
+    }
+  }
+}

package/dist/theme-provider.d.ts

@@ -1,5 +1,3 @@
-import * as React from "react";
-export declare function ThemeProvider({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+import { type ThemeProviderProps } from "next-themes";
+export declare function ThemeProvider({ children, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=theme-provider.d.ts.map

package/dist/theme-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../src/theme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAexE"}
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../src/theme-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAsB3F,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAgBvE"}

package/dist/theme-provider.js

@@ -18,11 +18,11 @@ function warnMissingTokens() {
             `Define these in the consuming app (brand contract)`);
     }
 }
-export function ThemeProvider({ children }) {
+export function ThemeProvider({ children, ...props }) {
     React.useEffect(() => {
         if (process.env.NODE_ENV !== "production")
             warnMissingTokens();
     }, []);
-    return (_jsx(NextThemesProvider, { attribute: "class", defaultTheme: "system", enableSystem: true, themes: ["light", "dark", "high-contrast"], children: children }));
+    return (_jsx(NextThemesProvider, { attribute: "class", defaultTheme: "system", enableSystem: true, themes: ["light", "dark", "high-contrast"], ...props, children: children }));
 }
 //# sourceMappingURL=theme-provider.js.map

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,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"}
+{"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,EAA2B,MAAM,aAAa,CAAC;AAC3F,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,EAAE,GAAG,KAAK,EAAsB;IACtE,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,KACtC,KAAK,YAER,QAAQ,GACU,CACtB,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ttt-productions/theme-core",
-    "version": "0.2.8",
+    "version": "0.2.9",
     "description": "Theme provider + CSS token contract for TTT Productions apps",
     "repository": {
         "type": "git",