@timbal-ai/timbal-react 0.5.4 → 0.6.0

package/dist/chunk-OFHLFNJH.esm.js

@@ -0,0 +1,138 @@
+// src/design/sidebar-motion.ts
+var STUDIO_SIDEBAR_EASE_ENTER = [0, 0, 0.2, 1];
+var STUDIO_SIDEBAR_EASE_EXIT = [0.4, 0, 1, 1];
+var STUDIO_SIDEBAR_EASE = [0.16, 1, 0.3, 1];
+var STUDIO_SIDEBAR_ENTRIES_OUT_S = 0.1;
+var STUDIO_SIDEBAR_WIDTH_S = 0.17;
+var STUDIO_SIDEBAR_ENTRY_ITEM_IN_S = 0.18;
+var STUDIO_SIDEBAR_STAGGER_S = 0.03;
+var STUDIO_SIDEBAR_EXPAND_REVEAL_FRAC = 0.5;
+var STUDIO_SIDEBAR_CONTENT_NUDGE_PX = 6;
+var studioSidebarEntriesContainerVariants = {
+  hidden: {
+    opacity: 0,
+    transition: {
+      duration: STUDIO_SIDEBAR_ENTRIES_OUT_S,
+      ease: STUDIO_SIDEBAR_EASE_EXIT,
+      staggerChildren: 0
+    }
+  },
+  visible: {
+    opacity: 1,
+    transition: {
+      duration: 0.06,
+      ease: STUDIO_SIDEBAR_EASE_ENTER,
+      staggerChildren: STUDIO_SIDEBAR_STAGGER_S,
+      delayChildren: 0.02
+    }
+  }
+};
+var studioSidebarEntryItemVariants = {
+  hidden: {
+    opacity: 0,
+    x: -STUDIO_SIDEBAR_CONTENT_NUDGE_PX,
+    scale: 0.99
+  },
+  visible: {
+    opacity: 1,
+    x: 0,
+    scale: 1,
+    transition: {
+      duration: STUDIO_SIDEBAR_ENTRY_ITEM_IN_S,
+      ease: STUDIO_SIDEBAR_EASE_ENTER
+    }
+  }
+};
+function studioSidebarEntriesTransition(visible, reduced) {
+  if (reduced) return { duration: 0.01 };
+  return visible ? { duration: 0.06, ease: STUDIO_SIDEBAR_EASE_ENTER } : { duration: STUDIO_SIDEBAR_ENTRIES_OUT_S, ease: STUDIO_SIDEBAR_EASE_EXIT };
+}
+function studioSidebarWidthTransition(reduced, direction = "collapse") {
+  if (reduced) return { duration: 0.01 };
+  return {
+    duration: direction === "expand" ? STUDIO_SIDEBAR_WIDTH_S : STUDIO_SIDEBAR_WIDTH_S * 0.94,
+    ease: direction === "expand" ? STUDIO_SIDEBAR_EASE_ENTER : STUDIO_SIDEBAR_EASE_EXIT
+  };
+}
+function studioSidebarDrawerTransition(reduced) {
+  if (reduced) return { duration: 0.01 };
+  return {
+    duration: 0.22,
+    ease: STUDIO_SIDEBAR_EASE
+  };
+}
+function studioSidebarBackdropTransition(reduced) {
+  if (reduced) return { duration: 0.01 };
+  return { duration: 0.16, ease: STUDIO_SIDEBAR_EASE_EXIT };
+}
+
+// src/design/tokens.ts
+var SIDEBAR_WIDTH_PX = 224;
+var SIDEBAR_WIDTH_COLLAPSED_PX = 52;
+var SIDEBAR_MOBILE_PX = 272;
+var SIDEBAR_GAP_PX = 12;
+var SIDEBAR_CONTENT_GAP_PX = 8;
+var TOPBAR_GAP_PX = 8;
+var TOPBAR_HEIGHT_PX = 48;
+var PILL_HEIGHT_PX = 40;
+var SIDEBAR_INSET_PX_EXPANDED = SIDEBAR_GAP_PX + SIDEBAR_WIDTH_PX + SIDEBAR_CONTENT_GAP_PX;
+var SIDEBAR_INSET_PX_COLLAPSED = SIDEBAR_GAP_PX + SIDEBAR_WIDTH_COLLAPSED_PX + SIDEBAR_CONTENT_GAP_PX;
+var px = (n) => `${n / 16}rem`;
+var SIDEBAR_WIDTH = px(SIDEBAR_WIDTH_PX);
+var SIDEBAR_WIDTH_COLLAPSED = px(SIDEBAR_WIDTH_COLLAPSED_PX);
+var SIDEBAR_GAP = px(SIDEBAR_GAP_PX);
+var SIDEBAR_CONTENT_GAP = px(SIDEBAR_CONTENT_GAP_PX);
+var TOPBAR_GAP = px(TOPBAR_GAP_PX);
+var TOPBAR_HEIGHT = px(TOPBAR_HEIGHT_PX);
+var PILL_HEIGHT = px(PILL_HEIGHT_PX);
+var SIDEBAR_INSET_EXPANDED = px(SIDEBAR_INSET_PX_EXPANDED);
+var SIDEBAR_INSET_COLLAPSED = px(SIDEBAR_INSET_PX_COLLAPSED);
+var studioChromeShellStyle = {
+  "--studio-topbar-gap": TOPBAR_GAP,
+  "--studio-topbar-height": TOPBAR_HEIGHT,
+  "--studio-chrome-pill-height": PILL_HEIGHT,
+  "--studio-inset-top": `calc(${TOPBAR_GAP} + ${TOPBAR_HEIGHT})`,
+  "--studio-sidebar-gap": SIDEBAR_GAP,
+  "--studio-sidebar-width": SIDEBAR_WIDTH,
+  "--studio-sidebar-width-collapsed": SIDEBAR_WIDTH_COLLAPSED,
+  "--studio-sidebar-content-gap": SIDEBAR_CONTENT_GAP,
+  "--studio-inset-left": SIDEBAR_INSET_EXPANDED,
+  "--studio-inset-left-collapsed": SIDEBAR_INSET_COLLAPSED
+};
+var STORAGE_KEYS = {
+  sidebarCollapsed: "timbal-studio-sidebar-collapsed"
+};
+var DOM_IDS = {
+  sidebarRuntimeAnchor: "timbal-studio-sidebar-runtime-anchor",
+  topbarBrandAnchor: "timbal-studio-topbar-brand-anchor"
+};
+
+// src/layout/shell-inset-context.tsx
+import { createContext, useContext } from "react";
+var ShellInsetContext = createContext(null);
+var ShellInsetProvider = ShellInsetContext.Provider;
+function useShellInsetReporter() {
+  return useContext(ShellInsetContext);
+}
+
+export {
+  STUDIO_SIDEBAR_ENTRIES_OUT_S,
+  STUDIO_SIDEBAR_WIDTH_S,
+  STUDIO_SIDEBAR_EXPAND_REVEAL_FRAC,
+  studioSidebarEntriesContainerVariants,
+  studioSidebarEntryItemVariants,
+  studioSidebarEntriesTransition,
+  studioSidebarWidthTransition,
+  studioSidebarDrawerTransition,
+  studioSidebarBackdropTransition,
+  SIDEBAR_WIDTH_PX,
+  SIDEBAR_WIDTH_COLLAPSED_PX,
+  SIDEBAR_MOBILE_PX,
+  SIDEBAR_INSET_PX_EXPANDED,
+  SIDEBAR_INSET_PX_COLLAPSED,
+  studioChromeShellStyle,
+  STORAGE_KEYS,
+  DOM_IDS,
+  ShellInsetProvider,
+  useShellInsetReporter
+};