@box-kite/react 2.2.14 → 2.2.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (136) hide show
  1. package/.claude/rules/box-kite-rules.md +1 -1
  2. package/.claude/skills/box-kite/SKILL.md +1 -1
  3. package/.claude/skills/box-kite/references/styling.md +1 -1
  4. package/.cursor/rules/box-kite.mdc +1 -1
  5. package/AGENTS.md +1 -1
  6. package/BOX_AI_CONTEXT.md +16 -0
  7. package/BOX_KITE_AI_CONTEXT.md +16 -0
  8. package/behavior.cjs +1 -1
  9. package/behavior.mjs +16 -16
  10. package/catalog.cjs +1 -1
  11. package/catalog.mjs +1 -1
  12. package/client.cjs +1 -1
  13. package/client.mjs +10 -10
  14. package/components/accordion.cjs +1 -1
  15. package/components/accordion.mjs +95 -91
  16. package/components/calendar.cjs +1 -1
  17. package/components/calendar.mjs +212 -210
  18. package/components/chart.cjs +1 -1
  19. package/components/chart.d.ts +8 -3
  20. package/components/chart.mjs +70 -65
  21. package/components/combobox.cjs +1 -1
  22. package/components/combobox.mjs +187 -186
  23. package/components/dashboard.cjs +1 -1
  24. package/components/dashboard.d.ts +1 -44
  25. package/components/dashboard.mjs +202 -201
  26. package/components/dataGrid/components/dataGridListLayout.d.ts +1 -1
  27. package/components/dataGrid/contracts/dataGridContract.d.ts +1 -1
  28. package/components/dataGrid/models/gridModel.d.ts +1 -1
  29. package/components/dataGrid.cjs +2 -2
  30. package/components/dataGrid.mjs +10 -10
  31. package/components/dateField.cjs +1 -1
  32. package/components/dateField.mjs +96 -96
  33. package/components/datePicker.cjs +1 -1
  34. package/components/datePicker.mjs +177 -179
  35. package/components/dialog.cjs +1 -1
  36. package/components/dialog.d.ts +2 -64
  37. package/components/dialog.mjs +130 -126
  38. package/components/form.cjs +1 -1
  39. package/components/form.d.ts +4 -3
  40. package/components/form.mjs +25 -22
  41. package/components/menu.cjs +1 -1
  42. package/components/menu.d.ts +2 -73
  43. package/components/menu.mjs +222 -218
  44. package/components/overlay.cjs +1 -1
  45. package/components/overlay.mjs +43 -43
  46. package/components/popover.cjs +1 -1
  47. package/components/popover.d.ts +1 -41
  48. package/components/popover.mjs +55 -51
  49. package/components/radioGroup.cjs +1 -1
  50. package/components/radioGroup.mjs +59 -55
  51. package/components/slider.cjs +1 -1
  52. package/components/slider.d.ts +1 -55
  53. package/components/slider.mjs +92 -90
  54. package/components/sortableList.cjs +1 -1
  55. package/components/sortableList.mjs +149 -148
  56. package/components/swipeItem.cjs +1 -1
  57. package/components/swipeItem.mjs +100 -100
  58. package/components/tabs.cjs +1 -1
  59. package/components/tabs.mjs +135 -132
  60. package/components/toaster.cjs +1 -1
  61. package/components/toaster.d.ts +1 -37
  62. package/components/toaster.mjs +130 -128
  63. package/components/tooltip.cjs +1 -1
  64. package/components/tooltip.d.ts +1 -34
  65. package/components/tooltip.mjs +73 -69
  66. package/components/virtualList.cjs +1 -1
  67. package/components/virtualList.mjs +88 -87
  68. package/interactionListening.cjs +1 -1
  69. package/interactionListening.mjs +3 -3
  70. package/layer.cjs +1 -1
  71. package/layer.mjs +1 -1
  72. package/package.json +31 -30
  73. package/placement.cjs +1 -1
  74. package/placement.mjs +1 -1
  75. package/platform.cjs +1 -1
  76. package/platform.mjs +17 -14
  77. package/react/componentsContext.d.ts +1 -1
  78. package/react-shared.cjs +1 -1
  79. package/react-shared.mjs +1 -1
  80. package/scrolling.cjs +1 -1
  81. package/scrolling.mjs +1 -1
  82. package/utils/chart/chartUtils.d.ts +3 -2
  83. package/utils/dashboard/dashboardUtils.d.ts +1 -1
  84. package/utils/dom/domUtils.d.ts +6 -0
  85. package/create/src/agents.d.ts +0 -22
  86. package/create/src/agents.test.d.ts +0 -1
  87. package/create/src/index.d.ts +0 -1
  88. package/create/src/options.d.ts +0 -31
  89. package/create/src/options.test.d.ts +0 -1
  90. package/create/src/packageManager.d.ts +0 -5
  91. package/create/src/project.d.ts +0 -27
  92. package/create/src/project.test.d.ts +0 -1
  93. package/create/templates/ts/designs/azure.d.ts +0 -5
  94. package/create/templates/ts/designs/ember.d.ts +0 -5
  95. package/create/templates/ts/designs/mono.d.ts +0 -5
  96. package/create/templates/ts/src/App.d.ts +0 -2
  97. package/create/templates/ts/src/design.d.ts +0 -5
  98. package/create/templates/ts/src/main.d.ts +0 -0
  99. package/mcp/src/data.d.ts +0 -90
  100. package/mcp/src/data.test.d.ts +0 -1
  101. package/mcp/src/engine.d.ts +0 -23
  102. package/mcp/src/index.d.ts +0 -1
  103. package/mcp/src/search.d.ts +0 -26
  104. package/mcp/src/search.test.d.ts +0 -1
  105. package/mcp/src/server.d.ts +0 -18
  106. package/mcp/src/server.test.d.ts +0 -1
  107. package/mcp/src/styles.d.ts +0 -27
  108. package/mcp/src/styles.test.d.ts +0 -1
  109. package/mcp/src/tools.d.ts +0 -18
  110. package/mcp/src/vocabulary.d.ts +0 -41
  111. package/registry/blocks/dashboard-shell/dashboard-shell.d.ts +0 -24
  112. package/registry/blocks/dashboard-shell/dashboard-stats.d.ts +0 -13
  113. package/registry/blocks/data-grid/invoice-rows.d.ts +0 -15
  114. package/registry/blocks/data-grid/invoices-grid.d.ts +0 -1
  115. package/registry/blocks/settings-form/settings-form.d.ts +0 -17
  116. package/registry/designs/store/address-form.d.ts +0 -11
  117. package/registry/designs/store/cart-items.d.ts +0 -10
  118. package/registry/designs/store/cart-page.d.ts +0 -4
  119. package/registry/designs/store/checkout-page.d.ts +0 -7
  120. package/registry/designs/store/credit-card-form.d.ts +0 -10
  121. package/registry/designs/store/form-field.d.ts +0 -19
  122. package/registry/designs/store/order-summary.d.ts +0 -18
  123. package/registry/designs/store/product-art.d.ts +0 -26
  124. package/registry/designs/store/product-card.d.ts +0 -11
  125. package/registry/designs/store/product-gallery.d.ts +0 -11
  126. package/registry/designs/store/product-grid.d.ts +0 -10
  127. package/registry/designs/store/product-page.d.ts +0 -5
  128. package/registry/designs/store/quantity-stepper.d.ts +0 -13
  129. package/registry/designs/store/shipping-method.d.ts +0 -14
  130. package/registry/designs/store/store-data.d.ts +0 -53
  131. package/registry/designs/store/store-design.d.ts +0 -63
  132. package/registry/designs/store/store-shell.d.ts +0 -12
  133. package/registry/designs/store/storefront-page.d.ts +0 -4
  134. package/registry/designs/store/variant-picker.d.ts +0 -15
  135. package/supabase/functions/collect/index.d.ts +0 -30
  136. package/supabase/functions/collect/index.test.d.ts +0 -1
@@ -1,63 +0,0 @@
1
- import { ReactNode } from 'react';
2
- /**
3
- * The store's design: the built-in components restyled for this one brand, in light and dark. It registers
4
- * nothing — `Box.createComponents()` returns a design, and `StoreSurface` applies it to its subtree only, so
5
- * the store can sit inside an app that looks like something else.
6
- */
7
- export declare const storeDesign: any;
8
- /** Spread on a heading: a medium weight and tight tracking, in whatever sans the system already has. */
9
- export declare const heading: {
10
- readonly fontWeight: 500;
11
- readonly letterSpacing: -0.5;
12
- };
13
- /** The small spaced capitals over a section, beside a badge or under a price. */
14
- export declare const eyebrow: {
15
- readonly fontSize: 12;
16
- readonly fontWeight: 500;
17
- readonly letterSpacing: 1.5;
18
- readonly textTransform: "uppercase";
19
- };
20
- /** A panel on the page: a hairline and soft corners, nothing else. */
21
- export declare const card: {
22
- readonly b: 1;
23
- readonly borderRadius: 4;
24
- readonly borderColor: "stone-200";
25
- readonly theme: {
26
- readonly dark: {
27
- readonly borderColor: "stone-800";
28
- };
29
- };
30
- };
31
- /** Secondary text, in both themes. */
32
- export declare const muted: {
33
- readonly color: "stone-500";
34
- readonly theme: {
35
- readonly dark: {
36
- readonly color: "stone-400";
37
- };
38
- };
39
- };
40
- /**
41
- * Where the pages and blocks link to. A provider rather than constants, so the same pages work under any
42
- * router: wrap them in `<StoreLinks.Provider value={…}>` with your own routes.
43
- */
44
- export interface StoreRoutes {
45
- shop: string;
46
- product: (slug: string) => string;
47
- cart: string;
48
- checkout: string;
49
- }
50
- export declare const StoreLinks: import('react').Context<StoreRoutes>;
51
- export declare const useStoreLinks: () => StoreRoutes;
52
- /** The design and the page colours, with no theme of its own: it follows whatever theme is around it. */
53
- export declare function StoreSurface({ children }: {
54
- children: ReactNode;
55
- }): import("react").JSX.Element;
56
- /**
57
- * A whole store page: its own light/dark switch, remembered under its own key, around `StoreSurface`.
58
- * Without `theme` it opens in the reader's saved choice, then their system's.
59
- */
60
- export declare function StoreTheme({ theme, children }: {
61
- theme?: string;
62
- children: ReactNode;
63
- }): import("react").JSX.Element;
@@ -1,12 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface StoreShellProps {
3
- /** The number on the cart link. */
4
- cartCount?: number;
5
- /** A checkout's header: the brand and a padlock, with nothing to wander off through. */
6
- checkout?: boolean;
7
- /** Opens in this theme rather than the reader's saved or system one. */
8
- theme?: string;
9
- children: ReactNode;
10
- }
11
- /** The frame every store page shares: the header, the page, the footer, and the theme switch. */
12
- export default function StoreShell({ cartCount, checkout, theme, children }: StoreShellProps): import("react").JSX.Element;
@@ -1,4 +0,0 @@
1
- /** The store's front page: the hero, three promises, the collection with its filters, and the shop's story. */
2
- export default function StorefrontPage({ theme }: {
3
- theme?: string;
4
- }): import("react").JSX.Element;
@@ -1,15 +0,0 @@
1
- import { CartLine, Product } from './store-data';
2
- export interface VariantPickerProps {
3
- product?: Product;
4
- /** The finish, when the page owns it — the gallery beside the picker shows the same one. */
5
- finish?: string;
6
- onFinishChange?: (finish: string) => void;
7
- /** Called with the line the reader added. */
8
- onAdd?: (line: CartLine) => void;
9
- }
10
- /**
11
- * Colour, size and quantity, then Add to cart. The swatches and the sizes are native radios, each set one
12
- * tab stop with the arrow keys inside it, and only the frame around them is drawn here: the `<label>`
13
- * finds out which radio is chosen with `:has(:checked)`, so nothing is mirrored into state for the styling.
14
- */
15
- export default function VariantPicker({ product, finish, onFinishChange, onAdd }: VariantPickerProps): import("react").JSX.Element;
@@ -1,30 +0,0 @@
1
- /** What the collector needs from its environment: Supabase injects the first two into every Edge Function. */
2
- export interface CollectorEnv {
3
- SUPABASE_URL: string;
4
- /** The legacy `service_role` JWT or a new `sb_secret_…` key; `ANALYTICS_WRITE_KEY` overrides it. */
5
- SUPABASE_SERVICE_ROLE_KEY: string;
6
- /** Comma-separated origins allowed to post. */
7
- ANALYTICS_ORIGINS?: string;
8
- }
9
- /** One `analytics_events` row. Anyone can post to a collector, so every field is checked and capped first. */
10
- export interface EventRow {
11
- id: string;
12
- occurred_at: string;
13
- name: string;
14
- page: string;
15
- session_id: string;
16
- visitor_id: string | null;
17
- reason: string | null;
18
- label: string | null;
19
- referrer: string | null;
20
- country: string | null;
21
- data: Record<string, unknown>;
22
- }
23
- export declare const DEFAULT_ORIGINS = "https://www.box-kite.dev,https://box-kite.dev";
24
- /** A batch is 20 records; more than this in one request is not the site's beacon. */
25
- export declare const MAX_EVENTS = 50;
26
- export declare const MAX_BODY: number;
27
- /** The `{ events }` body `beacon()` posts, as rows; a record with no id, name or session is dropped. */
28
- export declare function toRows(body: unknown, country: string, now: number): EventRow[];
29
- /** The collector `beacon()` posts the site's records to: each one becomes an `analytics_events` row. */
30
- export declare function collect(request: Request, env: CollectorEnv, send?: typeof fetch): Promise<Response>;
@@ -1 +0,0 @@
1
- export {};