@sproutsocial/racine 31.7.28 → 33.0.0

package/CHANGELOG.md

@@ -1,5 +1,97 @@
 # Change Log
 
+## 33.0.0
+
+### Major Changes
+
+- 8bd7256: Remove the Modal v1 entry point. `import { Modal } from "@sproutsocial/racine"` now
+  resolves to Modal v2.
+
+  **Breaking changes:**
+
+  - The `./modal/v1` subpath (`@sproutsocial/racine/modal/v1`) no longer resolves.
+  - The root `Modal` export is now Modal v2 — Modal v1's compound API (`Modal.Header` /
+    `Modal.Content` / `Modal.Footer`, `isOpen` / `onClose` / `label` / `closeButtonLabel`)
+    is gone from the default import.
+  - The `ModalV2` name is gone from the root barrel — import `Modal` instead.
+
+  **Not breaking:** `@sproutsocial/racine/modal/v2` is unchanged and still works as an
+  explicit alias. It now additionally exports `ModalExternalTrigger`,
+  `useModalTriggerProps`, and the `ModalExternalTriggerProps` type, closing a gap where
+  those were previously only reachable through the root barrel.
+
+  **Migration:** run the `modal-v1-to-v2` codemod in `seeds-tooling/seeds-codemod-cli`, or
+  switch imports to the v2 sub-component API by hand. Table v1/v2 and Icon v2 are
+  unaffected by this change.
+
+### Patch Changes
+
+- Updated dependencies [899c48b]
+- Updated dependencies [db4415c]
+- Updated dependencies [8bd7256]
+- Updated dependencies [db4415c]
+  - @sproutsocial/seeds-react-datepicker@1.1.0
+  - @sproutsocial/seeds-depth@3.6.0
+  - @sproutsocial/seeds-react-modal@4.0.0
+  - @sproutsocial/seeds-react-theme@4.7.0
+  - @sproutsocial/seeds-react-peek-in@0.6.4
+  - @sproutsocial/seeds-react-popout@2.5.26
+  - @sproutsocial/seeds-react-accordion@0.4.70
+  - @sproutsocial/seeds-react-breadcrumb@1.1.20
+  - @sproutsocial/seeds-react-list@0.4.2
+  - @sproutsocial/seeds-react-avatar@1.2.2
+  - @sproutsocial/seeds-react-banner@1.1.38
+  - @sproutsocial/seeds-react-box@1.1.34
+  - @sproutsocial/seeds-react-card@1.1.57
+  - @sproutsocial/seeds-react-chart-legend@1.0.56
+  - @sproutsocial/seeds-react-container@0.3.28
+  - @sproutsocial/seeds-react-content-block@0.6.3
+  - @sproutsocial/seeds-react-data-table@2.6.40
+  - @sproutsocial/seeds-react-drawer@2.2.25
+  - @sproutsocial/seeds-react-duration@1.0.38
+  - @sproutsocial/seeds-react-empty-state@1.0.37
+  - @sproutsocial/seeds-react-fieldset@1.0.37
+  - @sproutsocial/seeds-react-form-field@1.1.31
+  - @sproutsocial/seeds-react-grid@0.2.19
+  - @sproutsocial/seeds-react-hooks@3.4.2
+  - @sproutsocial/seeds-react-icon@2.5.4
+  - @sproutsocial/seeds-react-image@1.0.35
+  - @sproutsocial/seeds-react-indicator@1.0.54
+  - @sproutsocial/seeds-react-keyboard-key@1.0.36
+  - @sproutsocial/seeds-react-label@1.0.36
+  - @sproutsocial/seeds-react-link@1.1.26
+  - @sproutsocial/seeds-react-loader@1.0.36
+  - @sproutsocial/seeds-react-loader-button@1.0.62
+  - @sproutsocial/seeds-react-message@1.0.68
+  - @sproutsocial/seeds-react-mixins@4.3.18
+  - @sproutsocial/seeds-react-narrative-kit@0.6.9
+  - @sproutsocial/seeds-react-numeral@1.0.62
+  - @sproutsocial/seeds-react-pagination@0.1.35
+  - @sproutsocial/seeds-react-panel@1.2.4
+  - @sproutsocial/seeds-react-partner-logo@1.7.26
+  - @sproutsocial/seeds-react-progress@0.2.21
+  - @sproutsocial/seeds-react-rating@1.0.55
+  - @sproutsocial/seeds-react-segmented-control@1.1.38
+  - @sproutsocial/seeds-react-select@1.1.55
+  - @sproutsocial/seeds-react-skeleton@1.1.34
+  - @sproutsocial/seeds-react-stack@1.0.34
+  - @sproutsocial/seeds-react-table@1.0.57
+  - @sproutsocial/seeds-react-tabs@1.4.28
+  - @sproutsocial/seeds-react-textarea@1.0.35
+  - @sproutsocial/seeds-react-theme-provider@1.1.31
+  - @sproutsocial/seeds-react-toast@1.0.56
+  - @sproutsocial/seeds-react-token@1.5.23
+  - @sproutsocial/seeds-react-token-input@1.4.67
+  - @sproutsocial/seeds-react-tooltip@1.1.41
+  - @sproutsocial/seeds-react-visually-hidden@1.0.35
+  - @sproutsocial/seeds-react-badge@2.0.48
+  - @sproutsocial/seeds-react-checkbox@1.3.57
+  - @sproutsocial/seeds-react-content-header@0.3.3
+  - @sproutsocial/seeds-react-input@1.5.45
+  - @sproutsocial/seeds-react-button@2.3.11
+  - @sproutsocial/seeds-react-switch@1.2.54
+  - @sproutsocial/seeds-react-radio@1.3.37
+
 ## 31.7.28
 
 ### Patch Changes

package/dist/components.css

@@ -1543,6 +1543,270 @@
   }
 }
 
+/* --- seeds-react-datepicker --- */
+/**
+ * Seeds Datepicker component classes
+ *
+ * Requires @sproutsocial/seeds-react-theme/dist/theme-all.css imported for
+ * CSS variable definitions and dark mode support.
+ *
+ * This file has two halves, and they are deliberately in different cascade
+ * positions.
+ *
+ *
+ * 1. react-dates overrides — UNLAYERED (approved exception)
+ * ---------------------------------------------------------------------------
+ * The block below restyles react-dates' own DOM. It is the static port of the
+ * `ReactDatesCssOverrides` createGlobalStyle in styles.ts, which used to be
+ * injected at runtime whenever a picker mounted.
+ *
+ * It is emitted OUTSIDE `@layer components`, which is an explicit, approved
+ * exception to the repository's Tailwind delivery convention. react-dates ships
+ * `react-dates/lib/css/_datepicker.css` with zero cascade layers, and an
+ * unlayered declaration beats every layered one no matter how specific. A
+ * layered port would silently lose the .DayPicker__horizontal box-shadow reset,
+ * the .CalendarDay__default color and hover reset, and the .CalendarMonth_caption
+ * padding — only the one !important rule would survive.
+ *
+ * Two unlayered rules of equal specificity fall back to source order, and a
+ * consuming bundler decides whether this file lands before or after
+ * _datepicker.css. So every override that contests a react-dates declaration is
+ * qualified with the .DayPicker ancestor (or, for the root element itself, with
+ * its own base class), which outranks react-dates' plain single-class rules
+ * whatever the stylesheet order.
+ *
+ * react-dates ALSO ships pseudo-class rules — .CalendarDay__default:hover and
+ * .CalendarDay__selected:hover among them — and a pseudo-class counts toward the
+ * same specificity component as a class, so those sit at (0,2,0) and tie with a
+ * plain .DayPicker-qualified override. That is why the two CalendarDay :hover
+ * variants below are written out at (0,3,0). They are load-bearing, NOT redundant
+ * copies of their base rules: delete them and the hover background and border
+ * resets become stylesheet-order-dependent again.
+ *
+ * The nav-button :hover rule is different. It is simply the hover state carried
+ * over from the styled implementation. react-dates ships no rule for
+ * .DayPickerNavigation_button__horizontal at all, only __horizontalDefault at
+ * (0,1,0), and its .DayPickerNavigation_button__default rules never apply here
+ * because Seeds always supplies navPrev and navNext, so react-dates marks the
+ * buttons non-default. Nothing contests it.
+ *
+ * NOT covered: react-dates' :active variants — .CalendarDay__selected:active and
+ * its blocked, hovered_span and highlighted_calendar siblings — also sit at
+ * (0,2,0) and therefore TIE with the overrides below, leaving the winner to
+ * stylesheet order in the consuming bundle. The styled implementation's
+ * unqualified single-class rules lost those contests outright, so this is
+ * same-or-better everywhere and never a regression, but a pressed day may still
+ * flash react-dates' own palette. Closing it means adding
+ * .DayPicker .CalendarDay:active to the transparent-background group and
+ * .DayPicker .CalendarDay__default:active to the border-reset group, which is a
+ * deliberate visual change and was not authorized for Phase A.
+ *
+ * The magic numbers are carried over verbatim from the styled implementation.
+ * They are tuned against react-dates' own layout — do not "normalize" them to
+ * theme tokens. In particular `line-height: 21.333px` is NOT --line-height-200,
+ * and `top: 26px` on the week header is still a magic number aligning it with
+ * .CalendarMonth_caption.
+ *
+ * One magic number was deliberately NOT carried over: `width: 230px` on the week
+ * header, along with the two rules that compensated for it. It assumed
+ * content-box and broke once Tailwind's preflight made everything border-box.
+ * The header now shrink-wraps to the month. See the comment on that rule.
+ *
+ *
+ * 2. Day cell — LAYERED, as usual
+ * ---------------------------------------------------------------------------
+ * `.seeds-datepicker-day*` styles a node this package renders itself, so it
+ * follows the normal convention and lives in `@layer components`, letting
+ * consumer Tailwind utilities override it.
+ *
+ * Usage (applied by CalendarDayTailwind.tsx):
+ *   <div class="seeds-datepicker-day seeds-datepicker-day-selected
+ *               seeds-datepicker-day-pill-left">17</div>
+ */
+
+/* ========================================================================== */
+/* react-dates overrides (unlayered — see note 1 above)                       */
+/* ========================================================================== */
+
+/* The one override left unqualified, at (0,1,0). It therefore ties with
+   react-dates' own `.DayPicker` rule and the winner is load order — where the
+   styled version, injected last at runtime, always won. Harmless today because
+   the two declaration sets are disjoint (this rule sets box-sizing, font-weight
+   and font-family; react-dates sets background, position and text-align), so
+   there is nothing to contest. Qualify it as `.DayPicker.DayPicker` if react-dates
+   ever adds one of these properties. */
+.DayPicker {
+  box-sizing: content-box;
+  font-weight: var(--font-weight-normal);
+  font-family: var(--font-family);
+}
+
+/* Override react-dates' height to better reflect how tall the component
+   actually is. Adding margin/padding is truer to the Seeds system, because the
+   calendar height adds an extra row of padding if we do not override it.
+   !important is required because react-dates sets height on the element. */
+.DayPicker .DayPicker_transitionContainer {
+  height: 228px !important;
+}
+
+/* No `width` here on purpose. The styled implementation pinned `width: 230px`
+   to stretch the underline the full month width, which only held while the
+   element was content-box. Tailwind's preflight sets `* { box-sizing:
+   border-box }`, so react-dates' own inline `padding: 0 13px` started
+   subtracting from that 230px: 230 - 26 - 10 = 194px of content against the
+   7 x 30px = 210px the day columns need, which wrapped Saturday onto a second
+   line and dropped the border-bottom through the first row of dates. Letting
+   the header shrink-wrap to the month makes it track `daySize` instead of a
+   magic number, and gives the same result under either box-sizing.
+   Deleting the width also means react-dates' own `.DayPicker_weekHeaders__horizontal`
+   margin-left and `.DayPicker_weekHeader_ul` padding-left must be left alone —
+   the styled version overrode both to compensate for the pinned width. */
+.DayPicker .DayPicker_weekHeader {
+  color: var(--color-text-headline);
+  border-bottom: 1px solid var(--color-container-border-base);
+
+  /* Magic number to match position of .CalendarMonth_caption */
+  top: 26px;
+}
+
+.DayPicker .DayPicker_weekHeader_li {
+  font-size: var(--font-size-200);
+  line-height: var(--line-height-200);
+  color: var(--color-text-subtext);
+  font-weight: var(--font-weight-semibold);
+  margin: 0;
+}
+
+.DayPicker.DayPicker__horizontal {
+  box-shadow: none;
+  background: var(--color-container-bg-base);
+}
+
+.DayPicker .CalendarDay {
+  background-color: transparent;
+}
+
+.DayPicker .CalendarDay__selected,
+.DayPicker .CalendarDay__selected_span,
+.DayPicker .CalendarDay:hover {
+  background-color: transparent;
+}
+
+.DayPicker .CalendarDay__default,
+.DayPicker .CalendarDay__default:hover {
+  border: none;
+  color: var(--color-text-body);
+}
+
+.DayPicker .CalendarMonth {
+  font-size: var(--font-size-200);
+  line-height: var(--line-height-200);
+  background: var(--color-container-bg-base);
+
+  /* spacing between visible months and months off canvas */
+  padding: 0 15px;
+}
+
+.DayPicker .CalendarMonth_caption {
+  font-size: var(--font-size-200);
+  line-height: var(--line-height-200);
+  color: var(--color-text-headline);
+  padding-top: 0;
+  background: var(--color-container-bg-base);
+}
+
+.DayPicker .CalendarMonth_caption strong {
+  font-weight: var(--font-weight-semibold);
+}
+
+.DayPicker .CalendarMonth_table {
+  line-height: 21.333px;
+}
+
+.DayPicker .CalendarMonth_table tr {
+  vertical-align: middle;
+}
+
+.DayPicker .CalendarMonth_table td {
+  padding: 0;
+  border-bottom: none;
+}
+
+.DayPicker .CalendarMonthGrid {
+  background: var(--color-container-bg-base);
+}
+
+/* Left and Right Arrow Buttons to navigate months */
+.DayPicker .DayPickerNavigation_button__horizontal {
+  color: var(--color-button-pill-text-base);
+  top: -4px;
+  padding: 7px 8px;
+  position: absolute;
+  line-height: 0.78;
+  border-radius: 9999px;
+  border: none;
+  background: var(--color-button-pill-bg-base);
+}
+
+.DayPicker .DayPickerNavigation_button__horizontal:nth-child(1) {
+  left: 22px;
+}
+
+.DayPicker .DayPickerNavigation_button__horizontal:nth-child(2) {
+  right: 22px;
+}
+
+.DayPicker .DayPickerNavigation_button__horizontal:hover {
+  background: var(--color-button-pill-bg-hover);
+}
+
+/* ========================================================================== */
+/* Day cell (layered — see note 2 above)                                      */
+/* ========================================================================== */
+
+@layer components {
+  /* Baseline inherited from Box, which the legacy day cell extended. Box ships
+     no CSS of its own, so the static cell has to reproduce it here. */
+  .seeds-datepicker-day {
+    box-sizing: border-box;
+    font-family: var(--font-family);
+  }
+
+  .seeds-datepicker-day-selected {
+    background-color: var(--color-container-bg-selected);
+    color: var(--color-text-inverse);
+  }
+
+  /* The pill edges are separate classes on purpose. The legacy implementation
+     interpolated `margin-left: ${condition && space}`, which emits NO
+     declaration when the condition is false — writing a `0` fallback here would
+     square off the ends of every selected range. */
+  .seeds-datepicker-day-pill-left {
+    margin-left: var(--space-200);
+    border-top-left-radius: var(--radius-pill);
+    border-bottom-left-radius: var(--radius-pill);
+  }
+
+  .seeds-datepicker-day-pill-right {
+    margin-right: var(--space-200);
+    border-top-right-radius: var(--radius-pill);
+    border-bottom-right-radius: var(--radius-pill);
+  }
+
+  .seeds-datepicker-day-hovered {
+    margin: 0 var(--space-200);
+    border-radius: var(--radius-pill);
+    border: 1px solid var(--color-container-border-selected);
+  }
+
+  /* Mirrors the `disabled` mixin from seeds-react-mixins. */
+  .seeds-datepicker-day-out-of-range {
+    color: var(--color-text-subtext);
+    opacity: 0.4;
+    pointer-events: none;
+  }
+}
+
 /* --- seeds-react-drawer --- */
 /**
  * Seeds Drawer component classes.

package/dist/esm/modal/v2/index.js

@@ -10,7 +10,9 @@ import {
   ModalAction,
   ModalCustomHeader,
   ModalCustomFooter,
-  useModalExternalTrigger
+  ModalExternalTrigger,
+  useModalExternalTrigger,
+  useModalTriggerProps
 } from "@sproutsocial/seeds-react-modal/v2";
 import {
   DEFAULT_MODAL_WIDTH,
@@ -30,9 +32,11 @@ export {
   ModalCustomFooter,
   ModalCustomHeader,
   ModalDescription,
+  ModalExternalTrigger,
   ModalFooter,
   ModalHeader,
   ModalRail,
-  useModalExternalTrigger
+  useModalExternalTrigger,
+  useModalTriggerProps
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/modal/v2/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modal/v2/index.ts"],"sourcesContent":["// V2 Modal - Re-export from seeds-react-modal for optimal tree shaking\nexport {\n  Modal,\n  ModalDescription,\n  ModalHeader,\n  ModalFooter,\n  ModalBody,\n  ModalCloseWrapper,\n  ModalRail,\n  ModalAction,\n  ModalCustomHeader,\n  ModalCustomFooter,\n  useModalExternalTrigger,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n\n// Explicit type exports\nexport type {\n  TypeModalProps,\n  TypeModalHeaderProps,\n  TypeModalFooterProps,\n  TypeModalBodyProps,\n  TypeModalDescriptionProps,\n  TypeModalRailProps,\n  TypeModalActionProps,\n  ModalCloseWrapperProps,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n\n// Explicit constant exports\nexport {\n  DEFAULT_MODAL_WIDTH,\n  DEFAULT_MODAL_BG,\n  BODY_PADDING,\n  MODAL_SIZE_PRESETS,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n"],"mappings":";AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAeP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../../../src/modal/v2/index.ts"],"sourcesContent":["// V2 Modal - Re-export from seeds-react-modal for optimal tree shaking\nexport {\n  Modal,\n  ModalDescription,\n  ModalHeader,\n  ModalFooter,\n  ModalBody,\n  ModalCloseWrapper,\n  ModalRail,\n  ModalAction,\n  ModalCustomHeader,\n  ModalCustomFooter,\n  ModalExternalTrigger,\n  useModalExternalTrigger,\n  useModalTriggerProps,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n\n// Explicit type exports\nexport type {\n  TypeModalProps,\n  TypeModalHeaderProps,\n  TypeModalFooterProps,\n  TypeModalBodyProps,\n  TypeModalDescriptionProps,\n  TypeModalRailProps,\n  TypeModalActionProps,\n  ModalCloseWrapperProps,\n  ModalExternalTriggerProps,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n\n// Explicit constant exports\nexport {\n  DEFAULT_MODAL_WIDTH,\n  DEFAULT_MODAL_BG,\n  BODY_PADDING,\n  MODAL_SIZE_PRESETS,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n"],"mappings":";AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAgBP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/modal/v2/index.d.mts

@@ -1 +1,4 @@
-export { BODY_PADDING, DEFAULT_MODAL_BG, DEFAULT_MODAL_WIDTH, MODAL_SIZE_PRESETS, Modal, ModalAction, ModalBody, ModalCloseWrapper, ModalCloseWrapperProps, ModalCustomFooter, ModalCustomHeader, ModalDescription, ModalFooter, ModalHeader, ModalRail, TypeModalActionProps, TypeModalBodyProps, TypeModalDescriptionProps, TypeModalFooterProps, TypeModalHeaderProps, TypeModalProps, TypeModalRailProps, useModalExternalTrigger } from '@sproutsocial/seeds-react-modal/v2';
+export { BODY_PADDING, DEFAULT_MODAL_BG, DEFAULT_MODAL_WIDTH, MODAL_SIZE_PRESETS, Modal, ModalAction, ModalBody, ModalCloseWrapper, ModalCloseWrapperProps, ModalCustomFooter, ModalCustomHeader, ModalDescription, ModalExternalTrigger, ModalExternalTriggerProps, ModalFooter, ModalHeader, ModalRail, TypeModalActionProps, TypeModalBodyProps, TypeModalDescriptionProps, TypeModalFooterProps, TypeModalHeaderProps, TypeModalProps, TypeModalRailProps, useModalExternalTrigger, useModalTriggerProps } from '@sproutsocial/seeds-react-modal/v2';
+import '@sproutsocial/seeds-react-icon/v2';
+import '@sproutsocial/seeds-react-table/v1';
+import '@sproutsocial/seeds-react-table/v2';

package/dist/modal/v2/index.d.ts

@@ -1 +1,4 @@
-export { BODY_PADDING, DEFAULT_MODAL_BG, DEFAULT_MODAL_WIDTH, MODAL_SIZE_PRESETS, Modal, ModalAction, ModalBody, ModalCloseWrapper, ModalCloseWrapperProps, ModalCustomFooter, ModalCustomHeader, ModalDescription, ModalFooter, ModalHeader, ModalRail, TypeModalActionProps, TypeModalBodyProps, TypeModalDescriptionProps, TypeModalFooterProps, TypeModalHeaderProps, TypeModalProps, TypeModalRailProps, useModalExternalTrigger } from '@sproutsocial/seeds-react-modal/v2';
+export { BODY_PADDING, DEFAULT_MODAL_BG, DEFAULT_MODAL_WIDTH, MODAL_SIZE_PRESETS, Modal, ModalAction, ModalBody, ModalCloseWrapper, ModalCloseWrapperProps, ModalCustomFooter, ModalCustomHeader, ModalDescription, ModalExternalTrigger, ModalExternalTriggerProps, ModalFooter, ModalHeader, ModalRail, TypeModalActionProps, TypeModalBodyProps, TypeModalDescriptionProps, TypeModalFooterProps, TypeModalHeaderProps, TypeModalProps, TypeModalRailProps, useModalExternalTrigger, useModalTriggerProps } from '@sproutsocial/seeds-react-modal/v2';
+import '@sproutsocial/seeds-react-icon/v2';
+import '@sproutsocial/seeds-react-table/v1';
+import '@sproutsocial/seeds-react-table/v2';

package/dist/modal/v2/index.js

@@ -31,10 +31,12 @@ __export(v2_exports, {
   ModalCustomFooter: () => import_v2.ModalCustomFooter,
   ModalCustomHeader: () => import_v2.ModalCustomHeader,
   ModalDescription: () => import_v2.ModalDescription,
+  ModalExternalTrigger: () => import_v2.ModalExternalTrigger,
   ModalFooter: () => import_v2.ModalFooter,
   ModalHeader: () => import_v2.ModalHeader,
   ModalRail: () => import_v2.ModalRail,
-  useModalExternalTrigger: () => import_v2.useModalExternalTrigger
+  useModalExternalTrigger: () => import_v2.useModalExternalTrigger,
+  useModalTriggerProps: () => import_v2.useModalTriggerProps
 });
 module.exports = __toCommonJS(v2_exports);
 var import_v2 = require("@sproutsocial/seeds-react-modal/v2");
@@ -52,9 +54,11 @@ var import_v22 = require("@sproutsocial/seeds-react-modal/v2");
   ModalCustomFooter,
   ModalCustomHeader,
   ModalDescription,
+  ModalExternalTrigger,
   ModalFooter,
   ModalHeader,
   ModalRail,
-  useModalExternalTrigger
+  useModalExternalTrigger,
+  useModalTriggerProps
 });
 //# sourceMappingURL=index.js.map

package/dist/modal/v2/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/modal/v2/index.ts"],"sourcesContent":["// V2 Modal - Re-export from seeds-react-modal for optimal tree shaking\nexport {\n  Modal,\n  ModalDescription,\n  ModalHeader,\n  ModalFooter,\n  ModalBody,\n  ModalCloseWrapper,\n  ModalRail,\n  ModalAction,\n  ModalCustomHeader,\n  ModalCustomFooter,\n  useModalExternalTrigger,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n\n// Explicit type exports\nexport type {\n  TypeModalProps,\n  TypeModalHeaderProps,\n  TypeModalFooterProps,\n  TypeModalBodyProps,\n  TypeModalDescriptionProps,\n  TypeModalRailProps,\n  TypeModalActionProps,\n  ModalCloseWrapperProps,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n\n// Explicit constant exports\nexport {\n  DEFAULT_MODAL_WIDTH,\n  DEFAULT_MODAL_BG,\n  BODY_PADDING,\n  MODAL_SIZE_PRESETS,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gBAYO;AAeP,IAAAA,aAKO;","names":["import_v2"]}
+{"version":3,"sources":["../../../src/modal/v2/index.ts"],"sourcesContent":["// V2 Modal - Re-export from seeds-react-modal for optimal tree shaking\nexport {\n  Modal,\n  ModalDescription,\n  ModalHeader,\n  ModalFooter,\n  ModalBody,\n  ModalCloseWrapper,\n  ModalRail,\n  ModalAction,\n  ModalCustomHeader,\n  ModalCustomFooter,\n  ModalExternalTrigger,\n  useModalExternalTrigger,\n  useModalTriggerProps,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n\n// Explicit type exports\nexport type {\n  TypeModalProps,\n  TypeModalHeaderProps,\n  TypeModalFooterProps,\n  TypeModalBodyProps,\n  TypeModalDescriptionProps,\n  TypeModalRailProps,\n  TypeModalActionProps,\n  ModalCloseWrapperProps,\n  ModalExternalTriggerProps,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n\n// Explicit constant exports\nexport {\n  DEFAULT_MODAL_WIDTH,\n  DEFAULT_MODAL_BG,\n  BODY_PADDING,\n  MODAL_SIZE_PRESETS,\n} from \"@sproutsocial/seeds-react-modal/v2\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gBAcO;AAgBP,IAAAA,aAKO;","names":["import_v2"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "31.7.28",
+  "version": "33.0.0",
   "license": "MIT",
   "engines": {
     "node": ">=18"
@@ -22,11 +22,6 @@
       "import": "./dist/esm/index.js",
       "require": "./dist/index.js"
     },
-    "./modal/v1": {
-      "types": "./dist/modal/v1/index.d.ts",
-      "import": "./dist/esm/modal/v1/index.js",
-      "require": "./dist/modal/v1/index.js"
-    },
     "./modal/v2": {
       "types": "./dist/modal/v2/index.d.ts",
       "import": "./dist/esm/modal/v2/index.js",
@@ -73,80 +68,80 @@
   },
   "dependencies": {
     "@size-limit/file": "^11.1.6",
-    "@sproutsocial/seeds-react-accordion": "^0.4.69",
-    "@sproutsocial/seeds-react-avatar": "^1.2.1",
-    "@sproutsocial/seeds-react-badge": "^2.0.47",
-    "@sproutsocial/seeds-react-banner": "^1.1.37",
-    "@sproutsocial/seeds-react-box": "^1.1.33",
-    "@sproutsocial/seeds-react-breadcrumb": "^1.1.19",
-    "@sproutsocial/seeds-react-button": "^2.3.10",
-    "@sproutsocial/seeds-react-card": "^1.1.56",
+    "@sproutsocial/seeds-react-accordion": "^0.4.70",
+    "@sproutsocial/seeds-react-avatar": "^1.2.2",
+    "@sproutsocial/seeds-react-badge": "^2.0.48",
+    "@sproutsocial/seeds-react-banner": "^1.1.38",
+    "@sproutsocial/seeds-react-box": "^1.1.34",
+    "@sproutsocial/seeds-react-breadcrumb": "^1.1.20",
+    "@sproutsocial/seeds-react-button": "^2.3.11",
+    "@sproutsocial/seeds-react-card": "^1.1.57",
     "@sproutsocial/seeds-react-character-counter": "^1.1.0",
-    "@sproutsocial/seeds-react-chart-legend": "^1.0.55",
+    "@sproutsocial/seeds-react-chart-legend": "^1.0.56",
     "@sproutsocial/seeds-react-chat-bubble": "^0.2.7",
-    "@sproutsocial/seeds-react-checkbox": "^1.3.56",
+    "@sproutsocial/seeds-react-checkbox": "^1.3.57",
     "@sproutsocial/seeds-react-collapsible": "^2.0.1",
-    "@sproutsocial/seeds-react-container": "^0.3.27",
-    "@sproutsocial/seeds-react-content-block": "^0.6.2",
-    "@sproutsocial/seeds-react-content-header": "^0.3.2",
-    "@sproutsocial/seeds-react-data-table": "^2.6.39",
-    "@sproutsocial/seeds-react-datepicker": "^1.0.52",
-    "@sproutsocial/seeds-react-drawer": "^2.2.24",
-    "@sproutsocial/seeds-react-duration": "^1.0.37",
-    "@sproutsocial/seeds-react-empty-state": "^1.0.36",
-    "@sproutsocial/seeds-react-fieldset": "^1.0.36",
-    "@sproutsocial/seeds-react-form-field": "^1.1.30",
-    "@sproutsocial/seeds-react-grid": "^0.2.18",
-    "@sproutsocial/seeds-react-hooks": "^3.4.1",
-    "@sproutsocial/seeds-react-icon": "^2.5.3",
-    "@sproutsocial/seeds-react-image": "^1.0.34",
-    "@sproutsocial/seeds-react-indicator": "^1.0.53",
-    "@sproutsocial/seeds-react-input": "^1.5.44",
-    "@sproutsocial/seeds-react-keyboard-key": "^1.0.35",
-    "@sproutsocial/seeds-react-label": "^1.0.35",
-    "@sproutsocial/seeds-react-link": "^1.1.25",
-    "@sproutsocial/seeds-react-list": "^0.4.1",
-    "@sproutsocial/seeds-react-loader": "^1.0.35",
-    "@sproutsocial/seeds-react-loader-button": "^1.0.61",
-    "@sproutsocial/seeds-react-message": "^1.0.67",
-    "@sproutsocial/seeds-react-mixins": "^4.3.17",
-    "@sproutsocial/seeds-react-modal": "^2.6.2",
-    "@sproutsocial/seeds-react-narrative-kit": "^0.6.8",
-    "@sproutsocial/seeds-react-numeral": "^1.0.61",
-    "@sproutsocial/seeds-react-pagination": "^0.1.34",
-    "@sproutsocial/seeds-react-panel": "^1.2.3",
-    "@sproutsocial/seeds-react-peek-in": "^0.6.3",
-    "@sproutsocial/seeds-react-partner-logo": "^1.7.25",
-    "@sproutsocial/seeds-react-popout": "^2.5.25",
+    "@sproutsocial/seeds-react-container": "^0.3.28",
+    "@sproutsocial/seeds-react-content-block": "^0.6.3",
+    "@sproutsocial/seeds-react-content-header": "^0.3.3",
+    "@sproutsocial/seeds-react-data-table": "^2.6.40",
+    "@sproutsocial/seeds-react-datepicker": "^1.1.0",
+    "@sproutsocial/seeds-react-drawer": "^2.2.25",
+    "@sproutsocial/seeds-react-duration": "^1.0.38",
+    "@sproutsocial/seeds-react-empty-state": "^1.0.37",
+    "@sproutsocial/seeds-react-fieldset": "^1.0.37",
+    "@sproutsocial/seeds-react-form-field": "^1.1.31",
+    "@sproutsocial/seeds-react-grid": "^0.2.19",
+    "@sproutsocial/seeds-react-hooks": "^3.4.2",
+    "@sproutsocial/seeds-react-icon": "^2.5.4",
+    "@sproutsocial/seeds-react-image": "^1.0.35",
+    "@sproutsocial/seeds-react-indicator": "^1.0.54",
+    "@sproutsocial/seeds-react-input": "^1.5.45",
+    "@sproutsocial/seeds-react-keyboard-key": "^1.0.36",
+    "@sproutsocial/seeds-react-label": "^1.0.36",
+    "@sproutsocial/seeds-react-link": "^1.1.26",
+    "@sproutsocial/seeds-react-list": "^0.4.2",
+    "@sproutsocial/seeds-react-loader": "^1.0.36",
+    "@sproutsocial/seeds-react-loader-button": "^1.0.62",
+    "@sproutsocial/seeds-react-message": "^1.0.68",
+    "@sproutsocial/seeds-react-mixins": "^4.3.18",
+    "@sproutsocial/seeds-react-modal": "^4.0.0",
+    "@sproutsocial/seeds-react-narrative-kit": "^0.6.9",
+    "@sproutsocial/seeds-react-numeral": "^1.0.62",
+    "@sproutsocial/seeds-react-pagination": "^0.1.35",
+    "@sproutsocial/seeds-react-panel": "^1.2.4",
+    "@sproutsocial/seeds-react-peek-in": "^0.6.4",
+    "@sproutsocial/seeds-react-partner-logo": "^1.7.26",
+    "@sproutsocial/seeds-react-popout": "^2.5.26",
     "@sproutsocial/seeds-react-portal": "^1.2.0",
-    "@sproutsocial/seeds-react-progress": "^0.2.20",
-    "@sproutsocial/seeds-react-radio": "^1.3.36",
-    "@sproutsocial/seeds-react-rating": "^1.0.54",
-    "@sproutsocial/seeds-react-segmented-control": "^1.1.37",
+    "@sproutsocial/seeds-react-progress": "^0.2.21",
+    "@sproutsocial/seeds-react-radio": "^1.3.37",
+    "@sproutsocial/seeds-react-rating": "^1.0.55",
+    "@sproutsocial/seeds-react-segmented-control": "^1.1.38",
     "@sproutsocial/seeds-react-spot-illustration": "^1.2.5",
-    "@sproutsocial/seeds-react-select": "^1.1.54",
-    "@sproutsocial/seeds-react-skeleton": "^1.1.33",
-    "@sproutsocial/seeds-react-stack": "^1.0.33",
-    "@sproutsocial/seeds-react-switch": "^1.2.53",
+    "@sproutsocial/seeds-react-select": "^1.1.55",
+    "@sproutsocial/seeds-react-skeleton": "^1.1.34",
+    "@sproutsocial/seeds-react-stack": "^1.0.34",
+    "@sproutsocial/seeds-react-switch": "^1.2.54",
     "@sproutsocial/seeds-react-system-props": "^3.2.1",
-    "@sproutsocial/seeds-react-table": "^1.0.56",
-    "@sproutsocial/seeds-react-tabs": "^1.4.27",
+    "@sproutsocial/seeds-react-table": "^1.0.57",
+    "@sproutsocial/seeds-react-tabs": "^1.4.28",
     "@sproutsocial/seeds-react-text": "^1.5.5",
-    "@sproutsocial/seeds-react-textarea": "^1.0.34",
-    "@sproutsocial/seeds-react-toast": "^1.0.55",
-    "@sproutsocial/seeds-react-token": "^1.5.22",
-    "@sproutsocial/seeds-react-token-input": "^1.4.66",
-    "@sproutsocial/seeds-react-tooltip": "^1.1.40",
-    "@sproutsocial/seeds-react-theme": "^4.6.0",
-    "@sproutsocial/seeds-react-theme-provider": "^1.1.30",
+    "@sproutsocial/seeds-react-textarea": "^1.0.35",
+    "@sproutsocial/seeds-react-toast": "^1.0.56",
+    "@sproutsocial/seeds-react-token": "^1.5.23",
+    "@sproutsocial/seeds-react-token-input": "^1.4.67",
+    "@sproutsocial/seeds-react-tooltip": "^1.1.41",
+    "@sproutsocial/seeds-react-theme": "^4.7.0",
+    "@sproutsocial/seeds-react-theme-provider": "^1.1.31",
     "@sproutsocial/seeds-react-utilities": "^4.3.0",
-    "@sproutsocial/seeds-react-visually-hidden": "^1.0.34",
+    "@sproutsocial/seeds-react-visually-hidden": "^1.0.35",
     "scroll-into-view-if-needed": "^2.2.20",
     "lodash.uniqueid": "^4.0.1",
     "styled-system": "^5.1.5",
     "@sproutsocial/seeds-border": "^1.7.1",
     "@sproutsocial/seeds-color": "^2.3.0",
-    "@sproutsocial/seeds-depth": "^3.5.0",
+    "@sproutsocial/seeds-depth": "^3.6.0",
     "@sproutsocial/seeds-motion": "^1.8.2",
     "@sproutsocial/seeds-networkcolor": "^2.22.0",
     "@sproutsocial/seeds-space": "^0.8.1",
@@ -157,13 +152,13 @@
     "eslint-config-seeds": "*",
     "@sproutsocial/seeds-border": "^1.7.1",
     "@sproutsocial/seeds-color": "^2.3.0",
-    "@sproutsocial/seeds-depth": "^3.5.0",
+    "@sproutsocial/seeds-depth": "^3.6.0",
     "@sproutsocial/seeds-icons": "^2.11.0",
     "@sproutsocial/seeds-illustrations": "^2.4.0",
     "@sproutsocial/seeds-motion": "^1.8.2",
     "@sproutsocial/seeds-networkcolor": "^2.22.0",
     "@sproutsocial/seeds-partner-logos": "^2.4.1",
-    "@sproutsocial/seeds-react-menu": "^1.18.3",
+    "@sproutsocial/seeds-react-menu": "^1.18.4",
     "@sproutsocial/seeds-react-testing-library": "*",
     "@sproutsocial/seeds-space": "^0.8.1",
     "@sproutsocial/seeds-testing": "*",

package/dist/esm/modal/v1/index.js

@@ -1,10 +0,0 @@
-// src/modal/v1/index.ts
-import {
-  default as default2,
-  Modal
-} from "@sproutsocial/seeds-react-modal/v1";
-export {
-  default2 as Modal,
-  Modal as ModalV1
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/modal/v1/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/modal/v1/index.ts"],"sourcesContent":["// V1 Modal - Re-export from seeds-react-modal for optimal tree shaking\nexport {\n  default as Modal,\n  Modal as ModalV1,\n} from \"@sproutsocial/seeds-react-modal/v1\";\n\n// Explicit type exports\nexport type {\n  TypeModalProps,\n  TypeModalHeaderProps,\n  TypeModalFooterProps,\n  TypeModalContentProps,\n  TypeModalCloseButtonProps,\n} from \"@sproutsocial/seeds-react-modal/v1\";\n"],"mappings":";AACA;AAAA,EACa,WAAXA;AAAA,EACS;AAAA,OACJ;","names":["default"]}

package/dist/modal/v1/index.d.mts

@@ -1,5 +0,0 @@
-export { default as Modal, Modal as ModalV1, TypeModalCloseButtonProps, TypeModalContentProps, TypeModalFooterProps, TypeModalHeaderProps, TypeModalProps } from '@sproutsocial/seeds-react-modal/v1';
-import '@sproutsocial/seeds-react-modal/v2';
-import '@sproutsocial/seeds-react-icon/v2';
-import '@sproutsocial/seeds-react-table/v1';
-import '@sproutsocial/seeds-react-table/v2';

package/dist/modal/v1/index.d.ts

@@ -1,5 +0,0 @@
-export { default as Modal, Modal as ModalV1, TypeModalCloseButtonProps, TypeModalContentProps, TypeModalFooterProps, TypeModalHeaderProps, TypeModalProps } from '@sproutsocial/seeds-react-modal/v1';
-import '@sproutsocial/seeds-react-modal/v2';
-import '@sproutsocial/seeds-react-icon/v2';
-import '@sproutsocial/seeds-react-table/v1';
-import '@sproutsocial/seeds-react-table/v2';

package/dist/modal/v1/index.js

@@ -1,43 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/modal/v1/index.ts
-var v1_exports = {};
-__export(v1_exports, {
-  Modal: () => import_v1.default,
-  ModalV1: () => import_v1.Modal
-});
-module.exports = __toCommonJS(v1_exports);
-var import_v1 = __toESM(require("@sproutsocial/seeds-react-modal/v1"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Modal,
-  ModalV1
-});
-//# sourceMappingURL=index.js.map

package/dist/modal/v1/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/modal/v1/index.ts"],"sourcesContent":["// V1 Modal - Re-export from seeds-react-modal for optimal tree shaking\nexport {\n  default as Modal,\n  Modal as ModalV1,\n} from \"@sproutsocial/seeds-react-modal/v1\";\n\n// Explicit type exports\nexport type {\n  TypeModalProps,\n  TypeModalHeaderProps,\n  TypeModalFooterProps,\n  TypeModalContentProps,\n  TypeModalCloseButtonProps,\n} from \"@sproutsocial/seeds-react-modal/v1\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gBAGO;","names":[]}