@vireo-ai/trellis-ui 0.1.19 → 0.1.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vireo-ai/trellis-ui",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "type": "module",
   "description": "Django-native UI toolkit for building realtime and interactive web apps.",
   "license": "MIT",

package/packages/client/src/styles/generated/theme-runtime.css

@@ -1,5 +1,5 @@
 /* Generated by packages/theme-engine/scripts/generate-default-css.mjs. */
-/* Theme 72972b25a2870eb2; CSS f58280604d033f5e. */
+/* Theme 72972b25a2870eb2; CSS c1f0f9f14a094436. */
 @theme {
   --color-separator: transparent;
   --color-separator-muted: transparent;
@@ -2968,7 +2968,7 @@
   }
 }
 
-@media (max-width: 1023.98px) {
+@media (max-width: 639.98px) {
   :where(:root, .light, .dark) [data-ui-panels][data-orientation="horizontal"]:not([data-responsive-mode]) {
     flex-direction: column;
     overflow-x: hidden;

package/packages/client/types/components/container/contract.d.ts

@@ -18,7 +18,7 @@ declare const containerSchema: {
     class: import("../../runtime/codecs").StringCodec;
     as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
     display: import("../../runtime/codecs").OneOfCodec<"none" | "block" | "inline-block">;
-    size: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "xl" | "prose" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
+    size: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "prose" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
     align: import("../../runtime/codecs").OneOfCodec<"center" | "left" | "right">;
 };
 type ContainerDisplay = typeof CONTAINER_DISPLAYS[number];

package/packages/client/types/runtime/composition-breakpoint.d.ts

@@ -0,0 +1,4 @@
+type CompositionBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+declare const compositionBreakpointPixels: (reference: HTMLElement, breakpoint: CompositionBreakpoint) => number;
+export { compositionBreakpointPixels };
+export type { CompositionBreakpoint };

package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css

@@ -9937,7 +9937,7 @@
     grid-template-columns: minmax(0, 1fr);
   }
 }
-@media (max-width: 1023.98px) {
+@media (max-width: 639.98px) {
   :where(:root, .light, .dark) [data-ui-panels][data-orientation="horizontal"]:not([data-responsive-mode]) {
     flex-direction: column;
     overflow-x: hidden;