@bettercms-ai/kit 1.0.0 → 2.0.0

package/ui/shortcut-hint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shortcut-hint.js","names":[],"sources":["../../src/kit/ui/shortcut-hint.tsx"],"sourcesContent":["import * as React from \"react\";\n\n/* D44: keyboard-shortcut hints are OFF by default (founder: \"genuinely irritating\").\n   Account > Preferences > \"Show keyboard hints\" turns them back on; the host passes that preference to\n   <ShortcutHintsProvider on={...}>.\n   - <ShortcutHint>…</ShortcutHint> renders nothing while off (use it for every new inline hint strip).\n   - `as` keeps the wrapper element when the hint needs one (span by default; `fragment` for none).\n   - For markup you cannot wrap, add data-hint=\"shortcuts\": the provider mirrors the switch on\n     <html data-shortcut-hints=\"on|off\"> and the stylesheet hides it while off.\n   - For strings (toasts, placeholders) use useShortcutHints() / shortcutHintsOn().\n   NOT hints (always shown): menu shortcut columns, the command palette's key labels, the help sheet. */\n\nconst ShortcutHintsContext = React.createContext(false);\nlet current = false;\n\nexport function ShortcutHintsProvider({ on = false, children }: { on?: boolean; children: React.ReactNode }) {\n  React.useLayoutEffect(() => {\n    current = on;\n    if (typeof document !== \"undefined\") document.documentElement.dataset.shortcutHints = on ? \"on\" : \"off\";\n  }, [on]);\n  return <ShortcutHintsContext.Provider value={on}>{children}</ShortcutHintsContext.Provider>;\n}\n\nexport function useShortcutHints() {\n  return React.useContext(ShortcutHintsContext);\n}\n\n/** Non-hook read for toasts and other imperative call sites. */\nexport function shortcutHintsOn() {\n  return current;\n}\n\ntype Props = React.HTMLAttributes<HTMLElement> & { as?: \"span\" | \"div\" | \"p\" | \"li\" | \"fragment\"; children: React.ReactNode };\n\nexport function ShortcutHint({ as = \"span\", children, ...rest }: Props) {\n  const on = useShortcutHints();\n  if (!on) return null;\n  if (as === \"fragment\") return <>{children}</>;\n  const Tag = as as \"span\";\n  return (\n    <Tag data-hint=\"shortcuts\" {...rest}>\n      {children}\n    </Tag>\n  );\n}\n"],"mappings":";;;AAYA,IAAM,uBAAuB,MAAM,cAAc,MAAM;AACvD,IAAI,UAAU;AAEd,SAAgB,sBAAsB,EAAE,KAAK,OAAO,YAAyD;AAC3G,OAAM,sBAAsB;AAC1B,YAAU;AACV,MAAI,OAAO,aAAa,YAAa,UAAS,gBAAgB,QAAQ,gBAAgB,KAAK,OAAO;IACjG,CAAC,GAAG,CAAC;AACR,QAAO,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO;EAAK;EAAyC,CAAA;;AAG7F,SAAgB,mBAAmB;AACjC,QAAO,MAAM,WAAW,qBAAqB;;;AAI/C,SAAgB,kBAAkB;AAChC,QAAO;;AAKT,SAAgB,aAAa,EAAE,KAAK,QAAQ,UAAU,GAAG,QAAe;AAEtE,KAAI,CADO,kBAAkB,CACpB,QAAO;AAChB,KAAI,OAAO,WAAY,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;AAE7C,QACE,oBAFU,IAEV;EAAK,aAAU;EAAY,GAAI;EAC5B;EACG,CAAA"}

package/ui/surfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"surfaces.js","names":[],"sources":["../../src/kit/ui/surfaces.ts"],"sourcesContent":["/**\n * V2's floating-surface recipes (src/styles/index.css .glass, .glass-ink, .bg-tray, --surface-raised, --floating-line),\n * as class strings. kit.css has no tokens for these yet, so the V2 values are written out here, light and dark\n * (`[.dark_&]` = the app is dark). Each one is a single constant so the integrator can swap it for a kit token later.\n *\n * Portalled layers render outside [data-kit-scope], where every --kit-* value is undefined. Every layer root here\n * therefore carries KIT_SCOPE (data-kit-scope) itself.\n */\nexport const KIT_SCOPE = { \"data-kit-scope\": \"\" } as const;\n\n/** .glass: popovers, menus, hover cards. */\nexport const GLASS =\n  \"bg-kit-surface border-kit-line shadow-[0_1px_2px_rgb(16_16_16/0.04),0_8px_24px_-6px_rgb(16_16_16/0.12)] [.dark_&]:bg-[#252528] [.dark_&]:border-kit-line-strong [.dark_&]:shadow-[inset_0_1px_0_oklch(1_0_0/0.04),0_12px_32px_-8px_oklch(0.12_0.01_286/0.5)]\";\n\n/** .glass-ink: tooltips (ink is dark in both themes). */\nexport const INK =\n  \"bg-[#1c1c1e] text-[#f5f5f5] shadow-[0_10px_28px_-8px_rgb(0_0_0/0.35)] [.dark_&]:bg-[#3d3d40] [.dark_&]:text-[#ececef] [.dark_&]:shadow-[inset_0_1px_0_oklch(1_0_0/0.06),0_0_0_1px_rgb(255_255_255/0.12),0_14px_36px_-8px_oklch(0.12_0.01_286/0.55)]\";\n\n/** --ink-active: the kbd chip on ink. */\nexport const INK_ACTIVE = \"bg-[rgb(255_255_255/0.15)] [.dark_&]:bg-[rgb(255_255_255/0.13)]\";\n\n/** --surface-raised: dialogs, sheets, expanded editors. */\nexport const SURFACE_RAISED = \"bg-[var(--kit-surface-raised)]\";\n\n/** --floating-line: the edge of modals, sheets, expanded editors (= line; dark = line-strong). */\nexport const FLOATING_LINE = \"border-kit-line [.dark_&]:border-kit-line-strong\";\n\n/** .bg-tray + --tray-line: the action tray under a dialog. */\nexport const TRAY =\n  \"bg-kit-surface bg-[linear-gradient(180deg,rgb(216_216_216/0)_16.105%,rgb(216_216_216/0.6)_123.57%)] border-[#ededed] [.dark_&]:bg-[linear-gradient(180deg,oklch(0.32_0.005_286/0)_16.105%,oklch(0.32_0.005_286/0.6)_123.57%)] [.dark_&]:border-[#3a3a3d]\";\n"],"mappings":";;;;;;;;;AAQA,IAAa,YAAY,EAAE,kBAAkB,IAAI;;AAGjD,IAAa,QACX;;AAGF,IAAa,MACX;;AAGF,IAAa,aAAa;;AAG1B,IAAa,iBAAiB;;AAG9B,IAAa,gBAAgB;;AAG7B,IAAa,OACX"}

package/ui/tooltip-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-root.js","names":[],"sources":["../../src/kit/ui/tooltip-root.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { cn } from \"../lib/cn\";\nimport { INK, KIT_SCOPE } from \"./surfaces\";\n\n/*\n * Tooltips close when a modal layer opens.\n *\n * Tooltips sit at z-90, above dialogs (60/61), the expanded editor (70/71) and menus (80), so a tooltip that is open\n * when a modal opens would stay on top of it: hover \"Site settings\", open a dialog, and the hint floats over it.\n * Every modal layer in the kit marks its popup with data-kit-modal-layer (and Radix layers elsewhere in the app count\n * their scroll locks in body[data-scroll-locked]); a popover or menu marks its trigger aria-expanded. When any count\n * rises, a new layer opened, so every open tooltip closes. Tooltips inside the new layer still open normally afterwards.\n */\nexport const MODAL_LAYER = \"data-kit-modal-layer\";\nconst LAYER_SELECTOR = `[${MODAL_LAYER}]`;\nconst listeners = new Set<() => void>();\nlet observer: MutationObserver | null = null;\nlet layers = 0;\n/*\n * A POPOVER OR MENU counts too, by the trigger it opened from (`aria-expanded=\"true\"`, which Base UI and Radix both\n * set). Tooltips sit at z-90 and the dashboard's popovers at --z-dropdown (450): a hint left open on a neighbouring\n * control when the publish popover opened stayed on screen UNDER it — ghost text behind the popover (closing QA\n * UI/UX #12). Non-modal popups mark nothing on the body, so they were never counted.\n */\nconst EXPANDED_SELECTOR = '[aria-expanded=\"true\"]';\nconst count = () =>\n  (Number(document.body.getAttribute(\"data-scroll-locked\")) || 0) +\n  document.querySelectorAll(LAYER_SELECTOR).length +\n  document.querySelectorAll(EXPANDED_SELECTOR).length;\n\nfunction onModalLayerOpen(fn: () => void) {\n  if (typeof document === \"undefined\" || typeof MutationObserver === \"undefined\") return () => {};\n  if (!observer) {\n    layers = count();\n    observer = new MutationObserver(() => {\n      const n = count();\n      if (n > layers) listeners.forEach((l) => l());\n      layers = n;\n    });\n    observer.observe(document.body, { attributes: true, attributeFilter: [\"data-scroll-locked\", \"aria-expanded\"], childList: true, subtree: true });\n  }\n  listeners.add(fn);\n  return () => {\n    listeners.delete(fn);\n    if (!listeners.size) {\n      observer?.disconnect();\n      observer = null;\n    }\n  };\n}\n\n/** Drop-in for Tooltip.Root (controlled or not) that closes itself when a modal layer opens. */\nexport function TooltipRoot({ open: openProp, defaultOpen, onOpenChange, ...props }: TooltipPrimitive.Root.Props) {\n  const [inner, setInner] = React.useState(!!defaultOpen);\n  const open = openProp ?? inner;\n  const change = React.useRef(onOpenChange);\n  change.current = onOpenChange;\n  const set = React.useCallback((o: boolean, details?: TooltipPrimitive.Root.ChangeEventDetails) => {\n    setInner(o);\n    if (details) change.current?.(o, details);\n  }, []);\n  React.useEffect(() => (open ? onModalLayerOpen(() => set(false)) : undefined), [open, set]);\n  return <TooltipPrimitive.Root {...props} open={open} onOpenChange={set} />;\n}\n\n/** The ink tooltip surface (V2 .glass-ink, radius 6, 8×4 padding, 12/500, 1.45 leading, wraps, fades in 160ms). */\nexport const TOOLTIP_POPUP_CLASS = cn(\n  \"flex max-w-[min(280px,calc(100vw-16px))] items-start gap-2 rounded-kit-md px-2 py-1 font-kit-sans text-kit-xs font-medium leading-[1.45] data-[open]:not-data-[instant]:animate-kit-fade-in\",\n  INK,\n);\n\n/** Portal → positioner (6px offset, 8px collision padding, z-90, its own kit scope) → ink popup. */\nexport function TooltipLayer({\n  side = \"top\",\n  children,\n}: {\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  children: React.ReactNode;\n}) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner side={side} sideOffset={6} collisionPadding={8} className=\"z-[90]\" {...KIT_SCOPE}>\n        <TooltipPrimitive.Popup data-kit-tooltip=\"\" className={TOOLTIP_POPUP_CLASS}>{children}</TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  );\n}\n"],"mappings":";;;;;;AAcA,IAAa,cAAc;AAC3B,IAAM,iBAAiB,IAAI,YAAY;AACvC,IAAM,4BAAY,IAAI,KAAiB;AACvC,IAAI,WAAoC;AACxC,IAAI,SAAS;AAOb,IAAM,oBAAoB;AAC1B,IAAM,eACH,OAAO,SAAS,KAAK,aAAa,qBAAqB,CAAC,IAAI,KAC7D,SAAS,iBAAiB,eAAe,CAAC,SAC1C,SAAS,iBAAiB,kBAAkB,CAAC;AAE/C,SAAS,iBAAiB,IAAgB;AACxC,KAAI,OAAO,aAAa,eAAe,OAAO,qBAAqB,YAAa,cAAa;AAC7F,KAAI,CAAC,UAAU;AACb,WAAS,OAAO;AAChB,aAAW,IAAI,uBAAuB;GACpC,MAAM,IAAI,OAAO;AACjB,OAAI,IAAI,OAAQ,WAAU,SAAS,MAAM,GAAG,CAAC;AAC7C,YAAS;IACT;AACF,WAAS,QAAQ,SAAS,MAAM;GAAE,YAAY;GAAM,iBAAiB,CAAC,sBAAsB,gBAAgB;GAAE,WAAW;GAAM,SAAS;GAAM,CAAC;;AAEjJ,WAAU,IAAI,GAAG;AACjB,cAAa;AACX,YAAU,OAAO,GAAG;AACpB,MAAI,CAAC,UAAU,MAAM;AACnB,aAAU,YAAY;AACtB,cAAW;;;;;AAMjB,SAAgB,YAAY,EAAE,MAAM,UAAU,aAAa,cAAc,GAAG,SAAsC;CAChH,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS,CAAC,CAAC,YAAY;CACvD,MAAM,OAAO,YAAY;CACzB,MAAM,SAAS,MAAM,OAAO,aAAa;AACzC,QAAO,UAAU;CACjB,MAAM,MAAM,MAAM,aAAa,GAAY,YAAuD;AAChG,WAAS,EAAE;AACX,MAAI,QAAS,QAAO,UAAU,GAAG,QAAQ;IACxC,EAAE,CAAC;AACN,OAAM,gBAAiB,OAAO,uBAAuB,IAAI,MAAM,CAAC,GAAG,KAAA,GAAY,CAAC,MAAM,IAAI,CAAC;AAC3F,QAAO,oBAAC,QAAiB,MAAlB;EAAuB,GAAI;EAAa;EAAM,cAAc;EAAO,CAAA;;;AAI5E,IAAa,sBAAsB,GACjC,+LACA,IACD;;AAGD,SAAgB,aAAa,EAC3B,OAAO,OACP,YAIC;AACD,QACE,oBAAC,QAAiB,QAAlB,EAAA,UACE,oBAAC,QAAiB,YAAlB;EAAmC;EAAM,YAAY;EAAG,kBAAkB;EAAG,WAAU;EAAS,GAAI;YAClG,oBAAC,QAAiB,OAAlB;GAAwB,oBAAiB;GAAG,WAAW;GAAsB;GAAkC,CAAA;EACnF,CAAA,EACN,CAAA"}

package/ui/variants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"variants.js","names":[],"sources":["../../src/kit/ui/variants.ts"],"sourcesContent":["import { cn } from \"../lib/cn\";\n\n/** The slice of class-variance-authority the kit uses (variants + defaults + compound variants), kept in-package. */\ntype Config<V extends Record<string, Record<string, string>>> = {\n  variants: V;\n  defaultVariants: { [K in keyof V]: keyof V[K] };\n  compoundVariants?: ({ [K in keyof V]?: keyof V[K] } & { className: string })[];\n};\n\nexport type VariantProps<F> = F extends (props?: infer P) => string ? NonNullable<P> : never;\n\nexport function variants<V extends Record<string, Record<string, string>>>(base: string, config: Config<V>) {\n  return (props?: { [K in keyof V]?: keyof V[K] | null }) => {\n    const picked = {} as { [K in keyof V]: keyof V[K] };\n    for (const key of Object.keys(config.variants) as (keyof V)[]) picked[key] = props?.[key] ?? config.defaultVariants[key];\n    const compound = (config.compoundVariants ?? [])\n      .filter(({ className: _c, ...when }) => Object.entries(when).every(([k, v]) => picked[k as keyof V] === v))\n      .map((c) => c.className);\n    return cn(base, ...(Object.keys(config.variants) as (keyof V)[]).map((k) => config.variants[k][picked[k] as string]), ...compound);\n  };\n}\n"],"mappings":";;AAWA,SAAgB,SAA2D,MAAc,QAAmB;AAC1G,SAAQ,UAAmD;EACzD,MAAM,SAAS,EAAE;AACjB,OAAK,MAAM,OAAO,OAAO,KAAK,OAAO,SAAS,CAAiB,QAAO,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;EACpH,MAAM,YAAY,OAAO,oBAAoB,EAAE,EAC5C,QAAQ,EAAE,WAAW,IAAI,GAAG,WAAW,OAAO,QAAQ,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO,OAAO,OAAkB,EAAE,CAAC,CAC1G,KAAK,MAAM,EAAE,UAAU;AAC1B,SAAO,GAAG,MAAM,GAAI,OAAO,KAAK,OAAO,SAAS,CAAiB,KAAK,MAAM,OAAO,SAAS,GAAG,OAAO,IAAc,EAAE,GAAG,SAAS"}