@evinvest/uikit 0.30.0 → 0.32.0

package/dist/components/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport { useRovingFocus } from \"../primitives/use-roving-focus\";\nimport { TABS_ROOT, TABS_LIST, TABS_TRIGGER, TABS_CONTENT } from \"../generated/tabs\";\n\ntype TabsOrientation = \"horizontal\" | \"vertical\";\n\ninterface TabsContextValue {\n  value: string;\n  setValue: (next: string) => void;\n  orientation: TabsOrientation;\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null);\n\nfunction useTabs(): TabsContextValue {\n  const ctx = React.useContext(TabsContext);\n  if (!ctx) throw new Error(\"Tabs parts must be used within <Tabs>\");\n  return ctx;\n}\n\nexport interface TabsProps\n  extends Omit<React.ComponentProps<\"div\">, \"onChange\"> {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  orientation?: TabsOrientation;\n}\n\nexport function Tabs({\n  className,\n  value,\n  defaultValue = \"\",\n  onValueChange,\n  orientation = \"horizontal\",\n  children,\n  ...props\n}: TabsProps) {\n  const [active, setValue] = useControllableState<string>({\n    ...(value !== undefined ? { value } : {}),\n    defaultValue,\n    ...(onValueChange ? { onChange: onValueChange } : {}),\n  });\n  return (\n    <TabsContext.Provider value={{ value: active, setValue, orientation }}>\n      <div\n        data-slot=\"tabs\"\n        data-orientation={orientation}\n        className={cn(TABS_ROOT, className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabsList({\n  className,\n  children,\n  onKeyDown,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  const { orientation } = useTabs();\n  const items = React.Children.toArray(children);\n  const { activeIndex, setActiveIndex, onKeyDown: rovingKeyDown } =\n    useRovingFocus({\n      count: items.length,\n      orientation: orientation === \"vertical\" ? \"vertical\" : \"horizontal\",\n    });\n  return (\n    <div\n      role=\"tablist\"\n      data-slot=\"tabs-list\"\n      aria-orientation={orientation}\n      className={cn(TABS_LIST, className)}\n      onKeyDown={(e) => {\n        onKeyDown?.(e);\n        rovingKeyDown(e);\n      }}\n      {...props}\n    >\n      {items.map((child, index) =>\n        React.isValidElement(child)\n          ? React.cloneElement(child as React.ReactElement<TabsTriggerInternal>, {\n              __index: index,\n              __isFocusItem: index === activeIndex,\n              __onFocusItem: () => setActiveIndex(index),\n            })\n          : child,\n      )}\n    </div>\n  );\n}\n\ninterface TabsTriggerInternal {\n  __index?: number;\n  __isFocusItem?: boolean;\n  __onFocusItem?: () => void;\n}\n\nexport interface TabsTriggerProps\n  extends React.ComponentProps<\"button\">,\n    TabsTriggerInternal {\n  value: string;\n}\n\nexport function TabsTrigger({\n  className,\n  value,\n  onClick,\n  onFocus,\n  __isFocusItem,\n  __onFocusItem,\n  ...props\n}: TabsTriggerProps) {\n  const { value: active, setValue } = useTabs();\n  const selected = active === value;\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      data-slot=\"tabs-trigger\"\n      data-state={selected ? \"active\" : \"inactive\"}\n      aria-selected={selected}\n      tabIndex={__isFocusItem ? 0 : -1}\n      className={cn(TABS_TRIGGER, className)}\n      onClick={(e) => {\n        onClick?.(e);\n        __onFocusItem?.();\n        setValue(value);\n      }}\n      onFocus={(e) => {\n        onFocus?.(e);\n        __onFocusItem?.();\n      }}\n      {...props}\n    />\n  );\n}\n\nexport interface TabsContentProps extends React.ComponentProps<\"div\"> {\n  value: string;\n}\n\nexport function TabsContent({\n  className,\n  value,\n  children,\n  ...props\n}: TabsContentProps) {\n  const { value: active } = useTabs();\n  if (active !== value) return null;\n  return (\n    <div\n      role=\"tabpanel\"\n      data-slot=\"tabs-content\"\n      data-state=\"active\"\n      className={cn(TABS_CONTENT, className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/terminal.js

@@ -1,206 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/cn.js";
-import {
-  bookDepthClasses,
-  bookSideClasses,
-  OPEN_ORDERS_EMPTY,
-  ORDER_BOOK,
-  ORDER_BOOK_DEPTH,
-  ORDER_BOOK_HEAD,
-  ORDER_BOOK_PRICE,
-  ORDER_BOOK_ROW,
-  ORDER_BOOK_SPREAD,
-  ORDER_FORM,
-  ORDER_FORM_LABEL,
-  ORDER_FORM_ROW,
-  ORDER_FORM_SUBMIT_BASE,
-  ORDER_FORM_VALUE,
-  orderSideClasses,
-  TERMINAL_CHART,
-  TERMINAL_PANE,
-  TERMINAL_PANE_BODY,
-  TERMINAL_PANE_HEADER,
-  TERMINAL_ROOT,
-  TERMINAL_TICKER,
-  TERMINAL_TICKER_LABEL,
-  TERMINAL_TICKER_STAT,
-  TERMINAL_TICKER_VALUE,
-  terminalAreaClasses,
-  TRADES_TAPE_ROW
-} from "../generated/terminal.js";
-function Terminal({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "terminal", className: cn(TERMINAL_ROOT, className), ...props });
-}
-function TerminalPane({ area, className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      "data-slot": "terminal-pane",
-      "data-area": area,
-      className: cn(TERMINAL_PANE, terminalAreaClasses[area], className),
-      ...props
-    }
-  );
-}
-function TerminalPaneHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "header",
-    {
-      "data-slot": "terminal-pane-header",
-      className: cn(TERMINAL_PANE_HEADER, className),
-      ...props
-    }
-  );
-}
-function TerminalPaneBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "terminal-pane-body", className: cn(TERMINAL_PANE_BODY, className), ...props });
-}
-const TerminalChart = React.forwardRef(function TerminalChart2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "terminal-chart",
-      className: cn(TERMINAL_CHART, className),
-      ...props
-    }
-  );
-});
-function TerminalTicker({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "terminal-ticker",
-      "data-area": "ticker",
-      className: cn(TERMINAL_TICKER, terminalAreaClasses.ticker, className),
-      ...props
-    }
-  );
-}
-function TickerStat({ label, value, className, ...props }) {
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "ticker-stat", className: TERMINAL_TICKER_STAT, ...props, children: [
-    /* @__PURE__ */ jsx("span", { className: TERMINAL_TICKER_LABEL, children: label }),
-    /* @__PURE__ */ jsx("span", { className: cn(TERMINAL_TICKER_VALUE, className), children: value })
-  ] });
-}
-function OrderBook({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "order-book", className: cn(ORDER_BOOK, className), ...props });
-}
-function OrderBookHead({ price, size, total, className, ...props }) {
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "order-book-head", className: cn(ORDER_BOOK_HEAD, className), ...props, children: [
-    /* @__PURE__ */ jsx("span", { children: price }),
-    /* @__PURE__ */ jsx("span", { children: size }),
-    /* @__PURE__ */ jsx("span", { children: total })
-  ] });
-}
-function OrderBookRow({
-  side,
-  price,
-  size,
-  total,
-  depth = 0,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "order-book-row",
-      "data-side": side,
-      className: cn(ORDER_BOOK_ROW, className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: cn(ORDER_BOOK_DEPTH, bookDepthClasses[side]),
-            style: { width: `${depthPercent(depth)}%` }
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: cn(ORDER_BOOK_PRICE, bookSideClasses[side]), children: price }),
-        /* @__PURE__ */ jsx("span", { children: size }),
-        /* @__PURE__ */ jsx("span", { children: total })
-      ]
-    }
-  );
-}
-function depthPercent(depth) {
-  if (Number.isNaN(depth)) return 0;
-  return Math.round(Math.min(1, Math.max(0, depth)) * 100);
-}
-function OrderBookSpread({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "order-book-spread", className: cn(ORDER_BOOK_SPREAD, className), ...props });
-}
-function TradesTapeRow({ side, price, size, time, className, ...props }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "trades-tape-row",
-      "data-side": side,
-      className: cn(TRADES_TAPE_ROW, className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: cn(ORDER_BOOK_PRICE, bookSideClasses[side]), children: price }),
-        /* @__PURE__ */ jsx("span", { children: size }),
-        /* @__PURE__ */ jsx("span", { children: time })
-      ]
-    }
-  );
-}
-function OrderForm({ className, onSubmit, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "form",
-    {
-      "data-slot": "order-form",
-      className: cn(ORDER_FORM, className),
-      onSubmit: (e) => {
-        e.preventDefault();
-        onSubmit?.(e);
-      },
-      ...props
-    }
-  );
-}
-function OrderFormRow({ label, value, className, ...props }) {
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "order-form-row", className: cn(ORDER_FORM_ROW, className), ...props, children: [
-    /* @__PURE__ */ jsx("span", { className: ORDER_FORM_LABEL, children: label }),
-    /* @__PURE__ */ jsx("span", { className: ORDER_FORM_VALUE, children: value })
-  ] });
-}
-function OrderFormSubmit({ side = "buy", className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "submit",
-      "data-slot": "order-form-submit",
-      "data-side": side,
-      className: cn(ORDER_FORM_SUBMIT_BASE, orderSideClasses[side], className),
-      ...props
-    }
-  );
-}
-function OpenOrdersEmpty({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "open-orders-empty", className: cn(OPEN_ORDERS_EMPTY, className), ...props });
-}
-export {
-  OpenOrdersEmpty,
-  OrderBook,
-  OrderBookHead,
-  OrderBookRow,
-  OrderBookSpread,
-  OrderForm,
-  OrderFormRow,
-  OrderFormSubmit,
-  Terminal,
-  TerminalChart,
-  TerminalPane,
-  TerminalPaneBody,
-  TerminalPaneHeader,
-  TerminalTicker,
-  TickerStat,
-  TradesTapeRow
-};
-//# sourceMappingURL=terminal.js.map

package/dist/components/terminal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/terminal.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  bookDepthClasses,\n  bookSideClasses,\n  OPEN_ORDERS_EMPTY,\n  ORDER_BOOK,\n  ORDER_BOOK_DEPTH,\n  ORDER_BOOK_HEAD,\n  ORDER_BOOK_PRICE,\n  ORDER_BOOK_ROW,\n  ORDER_BOOK_SPREAD,\n  ORDER_FORM,\n  ORDER_FORM_LABEL,\n  ORDER_FORM_ROW,\n  ORDER_FORM_SUBMIT_BASE,\n  ORDER_FORM_VALUE,\n  orderSideClasses,\n  TERMINAL_CHART,\n  TERMINAL_PANE,\n  TERMINAL_PANE_BODY,\n  TERMINAL_PANE_HEADER,\n  TERMINAL_ROOT,\n  TERMINAL_TICKER,\n  TERMINAL_TICKER_LABEL,\n  TERMINAL_TICKER_STAT,\n  TERMINAL_TICKER_VALUE,\n  terminalAreaClasses,\n  TRADES_TAPE_ROW,\n  type BookSide,\n  type OrderSide,\n  type TerminalArea,\n} from \"../generated/terminal\";\n\nexport type { BookSide, OrderSide, TerminalArea };\n\n/**\n * The trading terminal — an order book over an investment product's shares,\n * laid out like a spot exchange: ticker, then chart | book | order form, then\n * the trader's own orders. Every pane is a slot; the chart host is empty on\n * purpose (the plotting engine is the consumer's), the open-orders table is\n * `Table`, the tabs over it are `Tabs`.\n */\n\n/**\n * The frame: a phone stacks the panes in DOM order, `lg` and up places them\n * by `TerminalArea` on a viewport-bound grid.\n */\nexport function Terminal({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"terminal\" className={cn(TERMINAL_ROOT, className)} {...props} />;\n}\n\nexport interface TerminalPaneProps extends React.ComponentProps<\"section\"> {\n  area: TerminalArea;\n}\n\n/**\n * One cell of the frame. `area` is where it sits on the desktop grid;\n * `TerminalPaneHeader` and `TerminalPaneBody` go inside.\n */\nexport function TerminalPane({ area, className, ...props }: TerminalPaneProps) {\n  return (\n    <section\n      data-slot=\"terminal-pane\"\n      data-area={area}\n      className={cn(TERMINAL_PANE, terminalAreaClasses[area], className)}\n      {...props}\n    />\n  );\n}\n\nexport function TerminalPaneHeader({ className, ...props }: React.ComponentProps<\"header\">) {\n  return (\n    <header\n      data-slot=\"terminal-pane-header\"\n      className={cn(TERMINAL_PANE_HEADER, className)}\n      {...props}\n    />\n  );\n}\n\n/** The scrolling part of a pane. */\nexport function TerminalPaneBody({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"terminal-pane-body\" className={cn(TERMINAL_PANE_BODY, className)} {...props} />\n  );\n}\n\n/**\n * The sized host a plotting engine mounts into. Renders nothing itself; a\n * consumer mounts its chart on the element (via `ref`) or fills it with\n * children. `forwardRef` rather than a `ref` prop so the handle also reaches\n * the element under React 18, where function components drop `ref`.\n */\nexport const TerminalChart = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(function TerminalChart({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"terminal-chart\"\n      className={cn(TERMINAL_CHART, className)}\n      {...props}\n    />\n  );\n});\n\n/**\n * The strip across the top; holds `TickerStat`s. Already placed in the\n * `ticker` slot.\n */\nexport function TerminalTicker({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"terminal-ticker\"\n      data-area=\"ticker\"\n      className={cn(TERMINAL_TICKER, terminalAreaClasses.ticker, className)}\n      {...props}\n    />\n  );\n}\n\nexport interface TickerStatProps extends Omit<React.ComponentProps<\"div\">, \"children\"> {\n  label: React.ReactNode;\n  value: React.ReactNode;\n}\n\n/**\n * A labelled figure in the ticker. `className` lands on the figure, so a\n * change figure passes its valence colour there.\n */\nexport function TickerStat({ label, value, className, ...props }: TickerStatProps) {\n  return (\n    <div data-slot=\"ticker-stat\" className={TERMINAL_TICKER_STAT} {...props}>\n      <span className={TERMINAL_TICKER_LABEL}>{label}</span>\n      <span className={cn(TERMINAL_TICKER_VALUE, className)}>{value}</span>\n    </div>\n  );\n}\n\n/** The book: `OrderBookHead`, then ask rows, `OrderBookSpread`, bid rows. */\nexport function OrderBook({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"order-book\" className={cn(ORDER_BOOK, className)} {...props} />;\n}\n\nexport interface OrderBookHeadProps extends Omit<React.ComponentProps<\"div\">, \"children\"> {\n  price: React.ReactNode;\n  size: React.ReactNode;\n  total: React.ReactNode;\n}\n\n/** The three column captions — price, size, total — in the consumer's words. */\nexport function OrderBookHead({ price, size, total, className, ...props }: OrderBookHeadProps) {\n  return (\n    <div data-slot=\"order-book-head\" className={cn(ORDER_BOOK_HEAD, className)} {...props}>\n      <span>{price}</span>\n      <span>{size}</span>\n      <span>{total}</span>\n    </div>\n  );\n}\n\nexport interface OrderBookRowProps extends Omit<React.ComponentProps<\"div\">, \"children\"> {\n  side: BookSide;\n  price: React.ReactNode;\n  size: React.ReactNode;\n  total: React.ReactNode;\n  /**\n   * This level's cumulative size as a fraction of the deepest level shown\n   * (`0..=1`); it sizes the bar behind the figures.\n   */\n  depth?: number;\n}\n\n/** One price level. */\nexport function OrderBookRow({\n  side,\n  price,\n  size,\n  total,\n  depth = 0,\n  className,\n  ...props\n}: OrderBookRowProps) {\n  return (\n    <div\n      data-slot=\"order-book-row\"\n      data-side={side}\n      className={cn(ORDER_BOOK_ROW, className)}\n      {...props}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(ORDER_BOOK_DEPTH, bookDepthClasses[side])}\n        style={{ width: `${depthPercent(depth)}%` }}\n      />\n      <span className={cn(ORDER_BOOK_PRICE, bookSideClasses[side])}>{price}</span>\n      <span>{size}</span>\n      <span>{total}</span>\n    </div>\n  );\n}\n\n/**\n * The bar is a CSS percentage, so the fraction is clamped and rounded once\n * here; a NaN from an empty book reads as no depth rather than as `NaN%`.\n */\nfunction depthPercent(depth: number): number {\n  if (Number.isNaN(depth)) return 0;\n  return Math.round(Math.min(1, Math.max(0, depth)) * 100);\n}\n\n/**\n * The line between asks and bids: the consumer passes the mid and the spread\n * as it wants them formatted.\n */\nexport function OrderBookSpread({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"order-book-spread\" className={cn(ORDER_BOOK_SPREAD, className)} {...props} />\n  );\n}\n\nexport interface TradesTapeRowProps extends Omit<React.ComponentProps<\"div\">, \"children\"> {\n  side: BookSide;\n  price: React.ReactNode;\n  size: React.ReactNode;\n  time: React.ReactNode;\n}\n\n/** One print in the tape: price coloured by the aggressor's side, then size and time. */\nexport function TradesTapeRow({ side, price, size, time, className, ...props }: TradesTapeRowProps) {\n  return (\n    <div\n      data-slot=\"trades-tape-row\"\n      data-side={side}\n      className={cn(TRADES_TAPE_ROW, className)}\n      {...props}\n    >\n      <span className={cn(ORDER_BOOK_PRICE, bookSideClasses[side])}>{price}</span>\n      <span>{size}</span>\n      <span>{time}</span>\n    </div>\n  );\n}\n\n/**\n * The order form. Owns no state: the consumer wires the inputs and handles\n * `onSubmit`; the default is prevented here so a submit never navigates.\n */\nexport function OrderForm({ className, onSubmit, ...props }: React.ComponentProps<\"form\">) {\n  return (\n    <form\n      data-slot=\"order-form\"\n      className={cn(ORDER_FORM, className)}\n      onSubmit={(e) => {\n        e.preventDefault();\n        onSubmit?.(e);\n      }}\n      {...props}\n    />\n  );\n}\n\nexport interface OrderFormRowProps extends Omit<React.ComponentProps<\"div\">, \"children\"> {\n  label: React.ReactNode;\n  value: React.ReactNode;\n}\n\n/** A label / figure line in the order summary — cost, fee, what is available. */\nexport function OrderFormRow({ label, value, className, ...props }: OrderFormRowProps) {\n  return (\n    <div data-slot=\"order-form-row\" className={cn(ORDER_FORM_ROW, className)} {...props}>\n      <span className={ORDER_FORM_LABEL}>{label}</span>\n      <span className={ORDER_FORM_VALUE}>{value}</span>\n    </div>\n  );\n}\n\nexport interface OrderFormSubmitProps extends Omit<React.ComponentProps<\"button\">, \"type\"> {\n  side?: OrderSide;\n}\n\n/** The submit, filled in the colour of the intent. */\nexport function OrderFormSubmit({ side = \"buy\", className, ...props }: OrderFormSubmitProps) {\n  return (\n    <button\n      type=\"submit\"\n      data-slot=\"order-form-submit\"\n      data-side={side}\n      className={cn(ORDER_FORM_SUBMIT_BASE, orderSideClasses[side], className)}\n      {...props}\n    />\n  );\n}\n\n/** The open-orders pane with nothing in it. */\nexport function OpenOrdersEmpty({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"open-orders-empty\" className={cn(OPEN_ORDERS_EMPTY, className)} {...props} />\n  );\n}\n"],"mappings":"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","names":["TerminalChart"]}

package/dist/components/textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { TEXTAREA_BASE, textareaSizeClasses, type TextareaSize } from \"../generated/textarea\";\nimport { markLabelable } from \"../primitives/labelable\";\nimport { useFieldControlId } from \"./field-context\";\n\nexport type { TextareaSize };\n\nexport interface TextareaProps extends React.ComponentProps<\"textarea\"> {\n  size?: TextareaSize;\n}\n\nexport function Textarea({ className, id, size = \"md\", ...props }: TextareaProps) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      data-size={size}\n      id={useFieldControlId(id)}\n      className={cn(TEXTAREA_BASE, textareaSizeClasses[size], className)}\n      {...props}\n    />\n  );\n}\n\nmarkLabelable(Textarea);\n"],"mappings":";AAgBI;AAdJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,eAAe,2BAA8C;AACtE,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAQ3B,SAAS,SAAS,EAAE,WAAW,IAAI,OAAO,MAAM,GAAG,MAAM,GAAkB;AAChF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,IAAI,kBAAkB,EAAE;AAAA,MACxB,WAAW,GAAG,eAAe,oBAAoB,IAAI,GAAG,SAAS;AAAA,MAChE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,cAAc,QAAQ;","names":[]}

package/dist/components/toggle-group.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport {\n  toggleVariants,\n  type ToggleVariant,\n  type ToggleSize,\n} from \"./toggle\";\n\ntype ToggleGroupContextValue = {\n  variant: ToggleVariant;\n  size: ToggleSize;\n  value: string[];\n  toggle: (itemValue: string) => void;\n};\n\nconst ToggleGroupContext = React.createContext<ToggleGroupContextValue>({\n  variant: \"bare\",\n  size: \"md\",\n  value: [],\n  toggle: () => {},\n});\n\nexport interface ToggleGroupProps\n  extends Omit<React.ComponentProps<\"div\">, \"onChange\"> {\n  variant?: ToggleVariant;\n  size?: ToggleSize;\n  type?: \"single\" | \"multiple\";\n  value?: string | string[];\n  defaultValue?: string | string[];\n  onValueChange?: (value: string | string[]) => void;\n}\n\nfunction toArray(v: string | string[] | undefined): string[] {\n  if (v === undefined) return [];\n  return Array.isArray(v) ? v : v === \"\" ? [] : [v];\n}\n\nexport function ToggleGroup({\n  className,\n  variant = \"bare\",\n  size = \"md\",\n  type = \"single\",\n  value,\n  defaultValue,\n  onValueChange,\n  children,\n  ...props\n}: ToggleGroupProps) {\n  const [selected, setSelected] = useControllableState<string[]>({\n    ...(value !== undefined ? { value: toArray(value) } : {}),\n    defaultValue: toArray(defaultValue),\n    onChange: (next) =>\n      onValueChange?.(type === \"single\" ? (next[0] ?? \"\") : next),\n  });\n\n  const toggle = React.useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        setSelected(selected.includes(itemValue) ? [] : [itemValue]);\n      } else {\n        setSelected(\n          selected.includes(itemValue)\n            ? selected.filter((v) => v !== itemValue)\n            : [...selected, itemValue],\n        );\n      }\n    },\n    [type, selected, setSelected],\n  );\n\n  return (\n    <div\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs\",\n        className,\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, value: selected, toggle }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </div>\n  );\n}\n\nexport interface ToggleGroupItemProps\n  extends Omit<React.ComponentProps<\"button\">, \"value\" | \"onChange\"> {\n  value: string;\n  variant?: ToggleVariant;\n  size?: ToggleSize;\n}\n\nexport function ToggleGroupItem({\n  className,\n  children,\n  value,\n  variant,\n  size,\n  onClick,\n  ...props\n}: ToggleGroupItemProps) {\n  const context = React.useContext(ToggleGroupContext);\n  const resolvedVariant = context.variant || variant || \"bare\";\n  const resolvedSize = context.size || size || \"md\";\n  const on = context.value.includes(value);\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toggle-group-item\"\n      data-variant={resolvedVariant}\n      data-size={resolvedSize}\n      data-state={on ? \"on\" : \"off\"}\n      aria-pressed={on}\n      className={cn(\n        toggleVariants({ variant: resolvedVariant, size: resolvedSize }),\n        // `flex-auto`, not shadcn's `flex-1`: the group is `w-fit`, and basis-0 items\n        // make Chrome split it into equal columns, so a longer label overflows its cell.\n        \"min-w-0 flex-auto shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:-ml-px data-[variant=outline]:first:ml-0 data-[state=on]:z-10\",\n        className,\n      )}\n      onClick={(e) => {\n        onClick?.(e);\n        context.toggle(value);\n      }}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":";AAoFM;AAlFN,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,OAGK;AASP,MAAM,qBAAqB,MAAM,cAAuC;AAAA,EACtE,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO,CAAC;AAAA,EACR,QAAQ,MAAM;AAAA,EAAC;AACjB,CAAC;AAYD,SAAS,QAAQ,GAA4C;AAC3D,MAAI,MAAM,OAAW,QAAO,CAAC;AAC7B,SAAO,MAAM,QAAQ,CAAC,IAAI,IAAI,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC;AAClD;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,CAAC,UAAU,WAAW,IAAI,qBAA+B;AAAA,IAC7D,GAAI,UAAU,SAAY,EAAE,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC;AAAA,IACvD,cAAc,QAAQ,YAAY;AAAA,IAClC,UAAU,CAAC,SACT,gBAAgB,SAAS,WAAY,KAAK,CAAC,KAAK,KAAM,IAAI;AAAA,EAC9D,CAAC;AAED,QAAM,SAAS,MAAM;AAAA,IACnB,CAAC,cAAsB;AACrB,UAAI,SAAS,UAAU;AACrB,oBAAY,SAAS,SAAS,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;AAAA,MAC7D,OAAO;AACL;AAAA,UACE,SAAS,SAAS,SAAS,IACvB,SAAS,OAAO,CAAC,MAAM,MAAM,SAAS,IACtC,CAAC,GAAG,UAAU,SAAS;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,UAAU,WAAW;AAAA,EAC9B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,MAAM,OAAO,UAAU,OAAO,GAC1E,UACH;AAAA;AAAA,EACF;AAEJ;AASO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,QAAM,kBAAkB,QAAQ,WAAW,WAAW;AACtD,QAAM,eAAe,QAAQ,QAAQ,QAAQ;AAC7C,QAAM,KAAK,QAAQ,MAAM,SAAS,KAAK;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,cAAY,KAAK,OAAO;AAAA,MACxB,gBAAc;AAAA,MACd,WAAW;AAAA,QACT,eAAe,EAAE,SAAS,iBAAiB,MAAM,aAAa,CAAC;AAAA;AAAA;AAAA,QAG/D;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,CAAC,MAAM;AACd,kBAAU,CAAC;AACX,gBAAQ,OAAO,KAAK;AAAA,MACtB;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport {\n  TOGGLE_BASE,\n  toggleSizeClasses,\n  toggleVariantClasses,\n  type ToggleSize,\n  type ToggleVariant,\n} from \"../generated/toggle\";\n\nexport type { ToggleSize, ToggleVariant };\n\nexport interface ToggleVariantsOptions {\n  variant?: ToggleVariant;\n  size?: ToggleSize;\n  className?: string;\n}\n\n/**\n * Returns the fused canonical toggle class string. Reused by `toggle-group` so\n * its items adopt the same styling, mirroring Rust's `toggle_classes`.\n */\nexport function toggleVariants({\n  variant = \"bare\",\n  size = \"md\",\n  className,\n}: ToggleVariantsOptions = {}): string {\n  return cn(TOGGLE_BASE, toggleVariantClasses[variant], toggleSizeClasses[size], className);\n}\n\nexport interface ToggleProps\n  extends Omit<React.ComponentProps<\"button\">, \"onChange\"> {\n  variant?: ToggleVariant;\n  size?: ToggleSize;\n  pressed?: boolean;\n  defaultPressed?: boolean;\n  onPressedChange?: (pressed: boolean) => void;\n}\n\nexport function Toggle({\n  className,\n  variant = \"bare\",\n  size = \"md\",\n  pressed,\n  defaultPressed = false,\n  onPressedChange,\n  onClick,\n  ...props\n}: ToggleProps) {\n  const [on, setOn] = useControllableState<boolean>({\n    ...(pressed !== undefined ? { value: pressed } : {}),\n    defaultValue: defaultPressed,\n    ...(onPressedChange ? { onChange: onPressedChange } : {}),\n  });\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toggle\"\n      data-state={on ? \"on\" : \"off\"}\n      aria-pressed={on}\n      className={cn(toggleVariants({ variant, size }), className)}\n      onClick={(e) => {\n        onClick?.(e);\n        setOn(!on);\n      }}\n      {...props}\n    />\n  );\n}\n"],"mappings":";AA0DI;AAxDJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAcA,SAAS,eAAe;AAAA,EAC7B,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,IAA2B,CAAC,GAAW;AACrC,SAAO,GAAG,aAAa,qBAAqB,OAAO,GAAG,kBAAkB,IAAI,GAAG,SAAS;AAC1F;AAWO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgB;AACd,QAAM,CAAC,IAAI,KAAK,IAAI,qBAA8B;AAAA,IAChD,GAAI,YAAY,SAAY,EAAE,OAAO,QAAQ,IAAI,CAAC;AAAA,IAClD,cAAc;AAAA,IACd,GAAI,kBAAkB,EAAE,UAAU,gBAAgB,IAAI,CAAC;AAAA,EACzD,CAAC;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAY,KAAK,OAAO;AAAA,MACxB,gBAAc;AAAA,MACd,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MAC1D,SAAS,CAAC,MAAM;AACd,kBAAU,CAAC;AACX,cAAM,CAAC,EAAE;AAAA,MACX;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport { useFloating } from \"../primitives/use-floating\";\nimport { usePresence } from \"../primitives/presence\";\nimport { mergeRefs } from \"../primitives/merge-refs\";\nimport { Portal } from \"../primitives/portal\";\nimport { Slot } from \"../primitives/slot\";\nimport { TOOLTIP_CONTENT } from \"../generated/tooltip\";\n\ninterface TooltipContextValue {\n  open: boolean;\n  setOpen: (next: boolean) => void;\n  anchorRef: React.RefObject<HTMLElement | null>;\n}\n\nconst TooltipContext = React.createContext<TooltipContextValue | null>(null);\n\nfunction useTooltip(): TooltipContextValue {\n  const ctx = React.useContext(TooltipContext);\n  if (!ctx) throw new Error(\"Tooltip parts must be used within <Tooltip>\");\n  return ctx;\n}\n\nexport interface TooltipProviderProps {\n  children?: React.ReactNode;\n}\n\nexport function TooltipProvider({ children }: TooltipProviderProps) {\n  return <>{children}</>;\n}\n\nexport interface TooltipProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nexport function Tooltip({ open, defaultOpen = false, onOpenChange, children }: TooltipProps) {\n  const [isOpen, setOpen] = useControllableState<boolean>({\n    ...(open !== undefined ? { value: open } : {}),\n    defaultValue: defaultOpen,\n    ...(onOpenChange ? { onChange: onOpenChange } : {}),\n  });\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  return (\n    <TooltipProvider>\n      <TooltipContext.Provider value={{ open: isOpen, setOpen, anchorRef }}>\n        {children}\n      </TooltipContext.Provider>\n    </TooltipProvider>\n  );\n}\n\nexport interface TooltipTriggerProps extends React.ComponentProps<\"button\"> {\n  asChild?: boolean;\n}\n\nexport function TooltipTrigger({\n  asChild = false,\n  onPointerEnter,\n  onPointerLeave,\n  onFocus,\n  onBlur,\n  ...props\n}: TooltipTriggerProps) {\n  const { setOpen, anchorRef } = useTooltip();\n  const Comp = asChild ? Slot : \"button\";\n  return (\n    <Comp\n      data-slot=\"tooltip-trigger\"\n      ref={anchorRef as React.Ref<never>}\n      onPointerEnter={(e: React.PointerEvent<HTMLButtonElement>) => {\n        onPointerEnter?.(e);\n        setOpen(true);\n      }}\n      onPointerLeave={(e: React.PointerEvent<HTMLButtonElement>) => {\n        onPointerLeave?.(e);\n        setOpen(false);\n      }}\n      onFocus={(e: React.FocusEvent<HTMLButtonElement>) => {\n        onFocus?.(e);\n        setOpen(true);\n      }}\n      onBlur={(e: React.FocusEvent<HTMLButtonElement>) => {\n        onBlur?.(e);\n        setOpen(false);\n      }}\n      {...(props as Record<string, unknown>)}\n    />\n  );\n}\n\nexport interface TooltipContentProps extends React.ComponentProps<\"div\"> {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  sideOffset?: number;\n}\n\nexport function TooltipContent({\n  className,\n  side: sideProp = \"top\",\n  sideOffset = 0,\n  children,\n  ...props\n}: TooltipContentProps) {\n  const { open, anchorRef } = useTooltip();\n  const { isPresent, ref: presRef } = usePresence(open);\n  const { floatingRef, style, side } = useFloating({\n    anchorRef,\n    open,\n    side: sideProp,\n    offset: sideOffset,\n  });\n  if (!isPresent) return null;\n  return (\n    <Portal>\n      <div\n        data-slot=\"tooltip-content\"\n        role=\"tooltip\"\n        data-state={open ? \"open\" : \"closed\"}\n        data-side={side}\n        ref={mergeRefs(floatingRef, presRef)}\n        style={style}\n        className={cn(TOOLTIP_CONTENT, className)}\n        {...(props as Record<string, unknown>)}\n      >\n        {children}\n      </div>\n    </Portal>\n  );\n}\n"],"mappings":";AA+BS;AA7BT,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAQhC,MAAM,iBAAiB,MAAM,cAA0C,IAAI;AAE3E,SAAS,aAAkC;AACzC,QAAM,MAAM,MAAM,WAAW,cAAc;AAC3C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,SAAO;AACT;AAMO,SAAS,gBAAgB,EAAE,SAAS,GAAyB;AAClE,SAAO,gCAAG,UAAS;AACrB;AASO,SAAS,QAAQ,EAAE,MAAM,cAAc,OAAO,cAAc,SAAS,GAAiB;AAC3F,QAAM,CAAC,QAAQ,OAAO,IAAI,qBAA8B;AAAA,IACtD,GAAI,SAAS,SAAY,EAAE,OAAO,KAAK,IAAI,CAAC;AAAA,IAC5C,cAAc;AAAA,IACd,GAAI,eAAe,EAAE,UAAU,aAAa,IAAI,CAAC;AAAA,EACnD,CAAC;AACD,QAAM,YAAY,MAAM,OAA2B,IAAI;AACvD,SACE,oBAAC,mBACC,8BAAC,eAAe,UAAf,EAAwB,OAAO,EAAE,MAAM,QAAQ,SAAS,UAAU,GAChE,UACH,GACF;AAEJ;AAMO,SAAS,eAAe;AAAA,EAC7B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,SAAS,UAAU,IAAI,WAAW;AAC1C,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,KAAK;AAAA,MACL,gBAAgB,CAAC,MAA6C;AAC5D,yBAAiB,CAAC;AAClB,gBAAQ,IAAI;AAAA,MACd;AAAA,MACA,gBAAgB,CAAC,MAA6C;AAC5D,yBAAiB,CAAC;AAClB,gBAAQ,KAAK;AAAA,MACf;AAAA,MACA,SAAS,CAAC,MAA2C;AACnD,kBAAU,CAAC;AACX,gBAAQ,IAAI;AAAA,MACd;AAAA,MACA,QAAQ,CAAC,MAA2C;AAClD,iBAAS,CAAC;AACV,gBAAQ,KAAK;AAAA,MACf;AAAA,MACC,GAAI;AAAA;AAAA,EACP;AAEJ;AAOO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,MAAM,WAAW;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,MAAM,UAAU,IAAI,WAAW;AACvC,QAAM,EAAE,WAAW,KAAK,QAAQ,IAAI,YAAY,IAAI;AACpD,QAAM,EAAE,aAAa,OAAO,KAAK,IAAI,YAAY;AAAA,IAC/C;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC;AACD,MAAI,CAAC,UAAW,QAAO;AACvB,SACE,oBAAC,UACC;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAY,OAAO,SAAS;AAAA,MAC5B,aAAW;AAAA,MACX,KAAK,UAAU,aAAa,OAAO;AAAA,MACnC;AAAA,MACA,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACvC,GAAI;AAAA,MAEJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/components/top-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/top-bar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\n\nexport interface TopBarProps extends React.ComponentProps<\"header\"> {\n  /** The app switcher, or the service's name. */\n  start?: React.ReactNode;\n  /** Service stats, then an `AccountMenu` last. */\n  end?: React.ReactNode;\n}\n\n/**\n * The wide screen's utility bar over the content column: who and where, never\n * product nav (that is the rail's). Layout only — `AppShell.topBar` pins it.\n */\nexport function TopBar({ start, end, className, ...props }: TopBarProps) {\n  return (\n    <header\n      data-slot=\"top-bar\"\n      className={cn(\"flex h-14 items-center gap-3 border-b border-border bg-background px-8\", className)}\n      {...props}\n    >\n      <div data-slot=\"top-bar-start\" className=\"flex min-w-0 items-center gap-2\">\n        {start}\n      </div>\n      <div data-slot=\"top-bar-end\" className=\"ml-auto flex shrink-0 items-center gap-3\">\n        {end}\n      </div>\n    </header>\n  );\n}\n"],"mappings":"AAgBI,SAKE,KALF;AAhBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAaZ,SAAS,OAAO,EAAE,OAAO,KAAK,WAAW,GAAG,MAAM,GAAgB;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,0EAA0E,SAAS;AAAA,MAChG,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,aAAU,iBAAgB,WAAU,mCACtC,iBACH;AAAA,QACA,oBAAC,SAAI,aAAU,eAAc,WAAU,4CACpC,eACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/use-shell-nav.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/use-shell-nav.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\n/**\n * The optimistic half of a nav: the id of the item just clicked, until the\n * pathname catches up.\n *\n * A router that waits for the next page's payload changes the pathname 150–300ms\n * after the click — exactly the window in which a highlight that has not moved\n * reads as a click that did not land. So the clicked item is marked at once.\n *\n * The entry remembers the pathname it was made on, so the moment the pathname\n * changes it is stale by construction and the URL is the truth again. It is\n * cleared during render, not in an effect (an effect would paint one frame with\n * the URL's row marked and the stale one not), and cleared rather than ignored:\n * left behind, it would come back to life on a return to the page it was made\n * on. A click that never navigates is forgotten by the next one.\n */\nexport function usePendingNavigation(\n  pathname: string,\n): readonly [pendingId: string | null, markPending: (id: string) => void] {\n  const [pending, setPending] = React.useState<{ id: string; from: string } | null>(null);\n  if (pending && pending.from !== pathname) setPending(null);\n  const pendingId = pending && pending.from === pathname ? pending.id : null;\n  const markPending = React.useCallback(\n    (id: string) => setPending({ id, from: pathname }),\n    [pathname],\n  );\n  return [pendingId, markPending] as const;\n}\n\n/**\n * Places the section's `[data-slot=\"shell-nav-marker\"]` over its\n * `[aria-current=\"page\"]` row, by measurement: rows differ in count and every\n * label is somebody's translation, and SSR cannot know those offsets (until the\n * first placement the row carries the fill itself — see motion.css). Re-runs\n * when `at` changes and whenever the section resizes — rows come and go, labels\n * change width with the locale or a font swap.\n */\nexport function useSlideMarker(\n  ref: React.RefObject<HTMLElement | null>,\n  at: string | null,\n): void {\n  // Which marker node was last placed, so a re-run over the same node — a move,\n  // a resize — is told apart from a marker that has just mounted. `undefined`\n  // until the first run, so only a marker mounting AFTER the section settled\n  // counts as entering (and fades); one hydration finds on its row cuts in.\n  const placed = React.useRef<HTMLElement | null | undefined>(undefined);\n  React.useLayoutEffect(() => {\n    const section = ref.current;\n    if (!section) return;\n    const place = () => {\n      const marker = section.querySelector<HTMLElement>('[data-slot=\"shell-nav-marker\"]');\n      const row = section.querySelector<HTMLElement>('[aria-current=\"page\"]');\n      const fresh = marker !== placed.current;\n      const entering = fresh && placed.current !== undefined;\n      placed.current = marker;\n      if (!marker || !row) return;\n      if (fresh) marker.style.transition = \"none\";\n      marker.style.transform = `translate(${row.offsetLeft}px, ${row.offsetTop}px)`;\n      marker.style.width = `${row.offsetWidth}px`;\n      marker.style.height = `${row.offsetHeight}px`;\n      if (fresh) {\n        // A transition is decided by the style AFTER the change: flushing the\n        // placement first makes it the starting point, so a new marker appears on\n        // its row instead of sliding in from the section's origin.\n        void marker.offsetWidth;\n        marker.style.transition = \"\";\n        marker.dataset[\"placed\"] = entering ? \"entered\" : \"first\";\n      }\n    };\n    place();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(place);\n    observer.observe(section);\n    return () => observer.disconnect();\n  }, [ref, at]);\n}\n"],"mappings":";AAEA,YAAY,WAAW;AAiBhB,SAAS,qBACd,UACwE;AACxE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAA8C,IAAI;AACtF,MAAI,WAAW,QAAQ,SAAS,SAAU,YAAW,IAAI;AACzD,QAAM,YAAY,WAAW,QAAQ,SAAS,WAAW,QAAQ,KAAK;AACtE,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC,OAAe,WAAW,EAAE,IAAI,MAAM,SAAS,CAAC;AAAA,IACjD,CAAC,QAAQ;AAAA,EACX;AACA,SAAO,CAAC,WAAW,WAAW;AAChC;AAUO,SAAS,eACd,KACA,IACM;AAKN,QAAM,SAAS,MAAM,OAAuC,MAAS;AACrE,QAAM,gBAAgB,MAAM;AAC1B,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,QAAS;AACd,UAAM,QAAQ,MAAM;AAClB,YAAM,SAAS,QAAQ,cAA2B,gCAAgC;AAClF,YAAM,MAAM,QAAQ,cAA2B,uBAAuB;AACtE,YAAM,QAAQ,WAAW,OAAO;AAChC,YAAM,WAAW,SAAS,OAAO,YAAY;AAC7C,aAAO,UAAU;AACjB,UAAI,CAAC,UAAU,CAAC,IAAK;AACrB,UAAI,MAAO,QAAO,MAAM,aAAa;AACrC,aAAO,MAAM,YAAY,aAAa,IAAI,UAAU,OAAO,IAAI,SAAS;AACxE,aAAO,MAAM,QAAQ,GAAG,IAAI,WAAW;AACvC,aAAO,MAAM,SAAS,GAAG,IAAI,YAAY;AACzC,UAAI,OAAO;AAIT,aAAK,OAAO;AACZ,eAAO,MAAM,aAAa;AAC1B,eAAO,QAAQ,QAAQ,IAAI,WAAW,YAAY;AAAA,MACpD;AAAA,IACF;AACA,UAAM;AACN,QAAI,OAAO,mBAAmB,YAAa;AAC3C,UAAM,WAAW,IAAI,eAAe,KAAK;AACzC,aAAS,QAAQ,OAAO;AACxB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,KAAK,EAAE,CAAC;AACd;","names":[]}

package/dist/generated/terminal.js

@@ -1,70 +0,0 @@
-const TERMINAL_ROOT = "grid w-full grid-cols-1 gap-px bg-border text-ink text-sm lg:h-[calc(100dvh-var(--ev-shell-offset,0px))] lg:grid-cols-[minmax(0,1fr)_18rem_20rem] lg:grid-rows-[auto_minmax(0,1fr)_14rem]";
-const terminalAreaClasses = {
-  "ticker": "lg:col-span-3 lg:row-start-1",
-  "chart": "lg:col-start-1 lg:row-start-2",
-  "book": "lg:col-start-2 lg:row-start-2",
-  "form": "lg:col-start-3 lg:row-start-2",
-  "orders": "lg:col-span-3 lg:row-start-3"
-};
-const TERMINAL_PANE = "flex min-h-0 min-w-0 flex-col overflow-hidden bg-card";
-const TERMINAL_PANE_HEADER = "flex h-9 shrink-0 items-center gap-2 border-b border-border px-3 text-xs font-medium text-ink-mid";
-const TERMINAL_PANE_BODY = "flex min-h-0 flex-1 flex-col overflow-auto";
-const TERMINAL_CHART = "relative min-h-[18rem] flex-1 overflow-hidden";
-const TERMINAL_TICKER = "flex min-w-0 items-center gap-6 overflow-x-auto bg-card px-4 py-2 whitespace-nowrap";
-const TERMINAL_TICKER_STAT = "flex shrink-0 flex-col gap-0.5";
-const TERMINAL_TICKER_LABEL = "text-[11px] uppercase tracking-wide text-ink-soft";
-const TERMINAL_TICKER_VALUE = "font-mono text-sm tabular-nums text-ink";
-const bookSideClasses = {
-  "bid": "text-positive",
-  "ask": "text-accent-error"
-};
-const bookDepthClasses = {
-  "bid": "bg-positive/15",
-  "ask": "bg-accent-error/15"
-};
-const ORDER_BOOK = "flex min-h-0 flex-1 flex-col font-mono text-xs tabular-nums";
-const ORDER_BOOK_HEAD = "grid shrink-0 grid-cols-3 gap-2 px-3 py-1.5 text-right text-[11px] text-ink-soft [&>*:first-child]:text-left";
-const ORDER_BOOK_ROW = "relative isolate grid cursor-pointer grid-cols-3 gap-2 px-3 py-0.5 text-right leading-5 hover:bg-hover";
-const ORDER_BOOK_PRICE = "text-left";
-const ORDER_BOOK_DEPTH = "pointer-events-none absolute inset-y-0 right-0 -z-10";
-const ORDER_BOOK_SPREAD = "flex shrink-0 items-center justify-between gap-2 border-y border-border bg-muted/50 px-3 py-1 text-ink-mid";
-const TRADES_TAPE_ROW = "grid grid-cols-3 gap-2 px-3 py-0.5 text-right font-mono text-xs leading-5 tabular-nums hover:bg-hover";
-const ORDER_FORM = "flex flex-col gap-3 p-3 text-sm";
-const ORDER_FORM_ROW = "flex items-center justify-between gap-2 text-xs";
-const ORDER_FORM_LABEL = "text-ink-soft";
-const ORDER_FORM_VALUE = "font-mono tabular-nums text-ink";
-const ORDER_FORM_SUBMIT_BASE = "inline-flex h-10 w-full shrink-0 cursor-pointer items-center justify-center rounded-[var(--control-radius)] text-sm font-semibold transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50";
-const orderSideClasses = {
-  "buy": "bg-positive text-on-positive hover:bg-positive/90",
-  "sell": "bg-accent-error text-on-accent-error hover:bg-accent-error/90"
-};
-const OPEN_ORDERS_EMPTY = "flex flex-1 items-center justify-center p-6 text-sm text-ink-soft";
-export {
-  OPEN_ORDERS_EMPTY,
-  ORDER_BOOK,
-  ORDER_BOOK_DEPTH,
-  ORDER_BOOK_HEAD,
-  ORDER_BOOK_PRICE,
-  ORDER_BOOK_ROW,
-  ORDER_BOOK_SPREAD,
-  ORDER_FORM,
-  ORDER_FORM_LABEL,
-  ORDER_FORM_ROW,
-  ORDER_FORM_SUBMIT_BASE,
-  ORDER_FORM_VALUE,
-  TERMINAL_CHART,
-  TERMINAL_PANE,
-  TERMINAL_PANE_BODY,
-  TERMINAL_PANE_HEADER,
-  TERMINAL_ROOT,
-  TERMINAL_TICKER,
-  TERMINAL_TICKER_LABEL,
-  TERMINAL_TICKER_STAT,
-  TERMINAL_TICKER_VALUE,
-  TRADES_TAPE_ROW,
-  bookDepthClasses,
-  bookSideClasses,
-  orderSideClasses,
-  terminalAreaClasses
-};
-//# sourceMappingURL=terminal.js.map

package/dist/generated/terminal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/generated/terminal.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const TERMINAL_ROOT = \"grid w-full grid-cols-1 gap-px bg-border text-ink text-sm lg:h-[calc(100dvh-var(--ev-shell-offset,0px))] lg:grid-cols-[minmax(0,1fr)_18rem_20rem] lg:grid-rows-[auto_minmax(0,1fr)_14rem]\";\n\nexport const terminalAreaClasses = {\n  \"ticker\": \"lg:col-span-3 lg:row-start-1\",\n  \"chart\": \"lg:col-start-1 lg:row-start-2\",\n  \"book\": \"lg:col-start-2 lg:row-start-2\",\n  \"form\": \"lg:col-start-3 lg:row-start-2\",\n  \"orders\": \"lg:col-span-3 lg:row-start-3\",\n} as const;\nexport type TerminalArea = keyof typeof terminalAreaClasses;\n\nexport const TERMINAL_PANE = \"flex min-h-0 min-w-0 flex-col overflow-hidden bg-card\";\n\nexport const TERMINAL_PANE_HEADER = \"flex h-9 shrink-0 items-center gap-2 border-b border-border px-3 text-xs font-medium text-ink-mid\";\n\nexport const TERMINAL_PANE_BODY = \"flex min-h-0 flex-1 flex-col overflow-auto\";\n\nexport const TERMINAL_CHART = \"relative min-h-[18rem] flex-1 overflow-hidden\";\n\nexport const TERMINAL_TICKER = \"flex min-w-0 items-center gap-6 overflow-x-auto bg-card px-4 py-2 whitespace-nowrap\";\n\nexport const TERMINAL_TICKER_STAT = \"flex shrink-0 flex-col gap-0.5\";\n\nexport const TERMINAL_TICKER_LABEL = \"text-[11px] uppercase tracking-wide text-ink-soft\";\n\nexport const TERMINAL_TICKER_VALUE = \"font-mono text-sm tabular-nums text-ink\";\n\nexport const bookSideClasses = {\n  \"bid\": \"text-positive\",\n  \"ask\": \"text-accent-error\",\n} as const;\nexport type BookSide = keyof typeof bookSideClasses;\n\nexport const bookDepthClasses = {\n  \"bid\": \"bg-positive/15\",\n  \"ask\": \"bg-accent-error/15\",\n} as const;\nexport type BookDepthSide = keyof typeof bookDepthClasses;\n\nexport const ORDER_BOOK = \"flex min-h-0 flex-1 flex-col font-mono text-xs tabular-nums\";\n\nexport const ORDER_BOOK_HEAD = \"grid shrink-0 grid-cols-3 gap-2 px-3 py-1.5 text-right text-[11px] text-ink-soft [&>*:first-child]:text-left\";\n\nexport const ORDER_BOOK_ROW = \"relative isolate grid cursor-pointer grid-cols-3 gap-2 px-3 py-0.5 text-right leading-5 hover:bg-hover\";\n\nexport const ORDER_BOOK_PRICE = \"text-left\";\n\nexport const ORDER_BOOK_DEPTH = \"pointer-events-none absolute inset-y-0 right-0 -z-10\";\n\nexport const ORDER_BOOK_SPREAD = \"flex shrink-0 items-center justify-between gap-2 border-y border-border bg-muted/50 px-3 py-1 text-ink-mid\";\n\nexport const TRADES_TAPE_ROW = \"grid grid-cols-3 gap-2 px-3 py-0.5 text-right font-mono text-xs leading-5 tabular-nums hover:bg-hover\";\n\nexport const ORDER_FORM = \"flex flex-col gap-3 p-3 text-sm\";\n\nexport const ORDER_FORM_ROW = \"flex items-center justify-between gap-2 text-xs\";\n\nexport const ORDER_FORM_LABEL = \"text-ink-soft\";\n\nexport const ORDER_FORM_VALUE = \"font-mono tabular-nums text-ink\";\n\nexport const ORDER_FORM_SUBMIT_BASE = \"inline-flex h-10 w-full shrink-0 cursor-pointer items-center justify-center rounded-[var(--control-radius)] text-sm font-semibold transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50\";\n\nexport const orderSideClasses = {\n  \"buy\": \"bg-positive text-on-positive hover:bg-positive/90\",\n  \"sell\": \"bg-accent-error text-on-accent-error hover:bg-accent-error/90\",\n} as const;\nexport type OrderSide = keyof typeof orderSideClasses;\n\nexport const OPEN_ORDERS_EMPTY = \"flex flex-1 items-center justify-center p-6 text-sm text-ink-soft\";\n"],"mappings":"AAEO,MAAM,gBAAgB;AAEtB,MAAM,sBAAsB;AAAA,EACjC,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AACZ;AAGO,MAAM,gBAAgB;AAEtB,MAAM,uBAAuB;AAE7B,MAAM,qBAAqB;AAE3B,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAExB,MAAM,uBAAuB;AAE7B,MAAM,wBAAwB;AAE9B,MAAM,wBAAwB;AAE9B,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO;AACT;AAGO,MAAM,mBAAmB;AAAA,EAC9B,OAAO;AAAA,EACP,OAAO;AACT;AAGO,MAAM,aAAa;AAEnB,MAAM,kBAAkB;AAExB,MAAM,iBAAiB;AAEvB,MAAM,mBAAmB;AAEzB,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAE1B,MAAM,kBAAkB;AAExB,MAAM,aAAa;AAEnB,MAAM,iBAAiB;AAEvB,MAAM,mBAAmB;AAEzB,MAAM,mBAAmB;AAEzB,MAAM,yBAAyB;AAE/B,MAAM,mBAAmB;AAAA,EAC9B,OAAO;AAAA,EACP,QAAQ;AACV;AAGO,MAAM,oBAAoB;","names":[]}