@timbal-ai/timbal-react 1.4.0 → 1.6.0

package/dist/studio.d.cts

@@ -1,6 +1,6 @@
-export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-BFGRoNfK.cjs';
+export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-B00oH5Io.cjs';
 import { FC } from 'react';
-import './chat-ClmzWzCX.cjs';
+import './chat-DDsp-Vzz.cjs';
 import 'react/jsx-runtime';
 import '@assistant-ui/react';
 import '@timbal-ai/timbal-sdk';

package/dist/studio.d.ts

@@ -1,6 +1,6 @@
-export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-DXqsGTwH.js';
+export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-DU-4NTjZ.js';
 import { FC } from 'react';
-import './chat-ClmzWzCX.js';
+import './chat-DDsp-Vzz.js';
 import 'react/jsx-runtime';
 import '@assistant-ui/react';
 import '@timbal-ai/timbal-sdk';

package/dist/studio.esm.js

@@ -8,12 +8,14 @@ import {
   TimbalChatShell,
   TimbalMark,
   TimbalStudioShell
-} from "./chunk-THBA27QY.esm.js";
-import "./chunk-QIABF4KB.esm.js";
-import "./chunk-OFWC4MIY.esm.js";
-import "./chunk-GQBYZRD7.esm.js";
-import "./chunk-VXMM2HX7.esm.js";
-import "./chunk-QU7ET55D.esm.js";
+} from "./chunk-HSL36SJ4.esm.js";
+import "./chunk-ELEY66OH.esm.js";
+import "./chunk-TMP7RIA7.esm.js";
+import "./chunk-WQIQW7EM.esm.js";
+import "./chunk-24B4I4XC.esm.js";
+import "./chunk-R4RQT2XQ.esm.js";
+import "./chunk-MBS7XHV2.esm.js";
+import "./chunk-EDEKQYSU.esm.js";
 export {
   ModeToggle,
   STUDIO_NAV_MODE,

package/dist/styles.css

@@ -102,6 +102,14 @@
   --destructive-fill-active-from: oklch(0.93 0.09 27 / 0.9);
   --destructive-fill-active-to: oklch(0.86 0.13 27 / 0.65);
 
+  /* Solid destructive button (primary-destructive) — filled red CTA. */
+  --destructive-solid-from: oklch(0.62 0.23 27);
+  --destructive-solid-to: oklch(0.555 0.245 27.325);
+  --destructive-solid-hover-from: oklch(0.585 0.24 27);
+  --destructive-solid-hover-to: oklch(0.52 0.25 27.325);
+  --destructive-solid-active-from: oklch(0.535 0.25 27.325);
+  --destructive-solid-active-to: oklch(0.49 0.25 27.325);
+
   /* Ghost button hover/active fills. */
   --ghost-fill-hover: oklch(0.965 0.002 260 / 0.7);
   --ghost-fill-active: oklch(0.91 0.004 260 / 0.7);
@@ -241,6 +249,14 @@
   --destructive-fill-active-from: oklch(0.6 0.2 27 / 0.20);
   --destructive-fill-active-to: oklch(0.6 0.2 27 / 0.12);
 
+  /* Solid destructive button (primary-destructive) — vivid red on dark. */
+  --destructive-solid-from: oklch(0.66 0.205 25);
+  --destructive-solid-to: oklch(0.6 0.205 25);
+  --destructive-solid-hover-from: oklch(0.7 0.205 25);
+  --destructive-solid-hover-to: oklch(0.64 0.205 25);
+  --destructive-solid-active-from: oklch(0.58 0.205 25);
+  --destructive-solid-active-to: oklch(0.52 0.205 25);
+
   --ghost-fill-hover: oklch(1 0 0 / 0.10);
   --ghost-fill-active: oklch(1 0 0 / 0.15);
 
@@ -347,6 +363,13 @@
   --color-destructive-fill-active-from: var(--destructive-fill-active-from);
   --color-destructive-fill-active-to: var(--destructive-fill-active-to);
 
+  --color-destructive-solid-from: var(--destructive-solid-from);
+  --color-destructive-solid-to: var(--destructive-solid-to);
+  --color-destructive-solid-hover-from: var(--destructive-solid-hover-from);
+  --color-destructive-solid-hover-to: var(--destructive-solid-hover-to);
+  --color-destructive-solid-active-from: var(--destructive-solid-active-from);
+  --color-destructive-solid-active-to: var(--destructive-solid-active-to);
+
   --color-ghost-fill-hover: var(--ghost-fill-hover);
   --color-ghost-fill-active: var(--ghost-fill-active);
 
@@ -561,6 +584,18 @@
   background: var(--pill-segmented-track);
 }
 
+@utility shadow-skeuomorphic-solid {
+  box-shadow: 
+    0px 1px 2px 0px rgba(16, 24, 40, 0.1),
+    inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35) !important;
+}
+
+@utility shadow-skeuomorphic-bordered {
+  box-shadow: 
+    0px 1px 2px 0px rgba(16, 24, 40, 0.05),
+    inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4) !important;
+}
+
 /* =============================================================== *
  * Polish — markdown, shiki, katex, scrollbars                     *
  * =============================================================== */
@@ -744,3 +779,24 @@
 .aui-composer-action-wrapper {
   background-color: var(--composer-bg);
 }
+
+/* Custom checkbox pop animation */
+@keyframes checkbox-pop {
+  0% {
+    transform: scale(0.6);
+    opacity: 0;
+  }
+  75% {
+    transform: scale(1.15);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@utility animate-checkbox-pop {
+  animation: checkbox-pop 200ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+}
+

package/dist/{timbal-v2-button-CNfdwGq4.d.cts → timbal-v2-button-DCAZNyUx.d.cts}

@@ -13,7 +13,7 @@ import * as React from 'react';
  * `styles.css`. There are NO hardcoded palette literals — light/dark mode
  * flips by swapping the variable values, not by toggling Tailwind classes.
  */
-type TimbalV2Variant = "primary" | "secondary" | "ghost" | "informative" | "destructive" | "link";
+type TimbalV2Variant = "primary" | "secondary" | "ghost" | "informative" | "destructive" | "destructive-solid" | "link";
 type TimbalV2Size = "xs" | "sm" | "md" | "lg";
 
 interface TimbalV2ButtonProps extends React.ComponentProps<"button"> {
@@ -22,7 +22,7 @@ interface TimbalV2ButtonProps extends React.ComponentProps<"button"> {
     isIconOnly?: boolean;
     isLoading?: boolean;
     fullWidth?: boolean;
-    /** Kept for API compatibility — all shapes render fully rounded (`rounded-full`). */
+    /** Corner style — `pill` (fully rounded, default) or `rect` (rounded-lg). */
     shape?: "pill" | "rect";
     /**
      * When true, merges props onto the single child element (Radix Slot).
@@ -37,4 +37,4 @@ interface TimbalV2ButtonProps extends React.ComponentProps<"button"> {
  */
 declare const TimbalV2Button: React.ForwardRefExoticComponent<Omit<TimbalV2ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-export { type TimbalV2ButtonProps as T, TimbalV2Button as a };
+export { TimbalV2Button as T, type TimbalV2ButtonProps as a };

package/dist/{timbal-v2-button-CNfdwGq4.d.ts → timbal-v2-button-DCAZNyUx.d.ts}

@@ -13,7 +13,7 @@ import * as React from 'react';
  * `styles.css`. There are NO hardcoded palette literals — light/dark mode
  * flips by swapping the variable values, not by toggling Tailwind classes.
  */
-type TimbalV2Variant = "primary" | "secondary" | "ghost" | "informative" | "destructive" | "link";
+type TimbalV2Variant = "primary" | "secondary" | "ghost" | "informative" | "destructive" | "destructive-solid" | "link";
 type TimbalV2Size = "xs" | "sm" | "md" | "lg";
 
 interface TimbalV2ButtonProps extends React.ComponentProps<"button"> {
@@ -22,7 +22,7 @@ interface TimbalV2ButtonProps extends React.ComponentProps<"button"> {
     isIconOnly?: boolean;
     isLoading?: boolean;
     fullWidth?: boolean;
-    /** Kept for API compatibility — all shapes render fully rounded (`rounded-full`). */
+    /** Corner style — `pill` (fully rounded, default) or `rect` (rounded-lg). */
     shape?: "pill" | "rect";
     /**
      * When true, merges props onto the single child element (Radix Slot).
@@ -37,4 +37,4 @@ interface TimbalV2ButtonProps extends React.ComponentProps<"button"> {
  */
 declare const TimbalV2Button: React.ForwardRefExoticComponent<Omit<TimbalV2ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-export { type TimbalV2ButtonProps as T, TimbalV2Button as a };
+export { TimbalV2Button as T, type TimbalV2ButtonProps as a };