@pearpages/pulp-react 0.0.0

package/dist/date-picker.css

@@ -0,0 +1,267 @@
+/* src/icon/Icon.module.css */
+@layer components {
+  .Icon_icon {
+    display: inline-flex;
+    flex: none;
+    inline-size: 1em;
+    block-size: 1em;
+    font-size: var(--icon-size-md);
+    vertical-align: middle;
+    &[data-size=sm] {
+      font-size: var(--icon-size-sm);
+    }
+    &[data-size=lg] {
+      font-size: var(--icon-size-lg);
+    }
+    &[data-size=inherit] {
+      font-size: inherit;
+    }
+    & > * {
+      inline-size: 100%;
+      block-size: 100%;
+    }
+  }
+}
+
+/* src/calendar/Calendar.module.css */
+@layer components {
+  .Calendar_root {
+    display: inline-flex;
+    flex-direction: column;
+    gap: var(--calendar-gap);
+    padding: var(--calendar-padding);
+    background-color: var(--calendar-bg);
+    color: var(--calendar-fg);
+    font-family: var(--calendar-font-family);
+    font-size: var(--calendar-font-size);
+  }
+  .Calendar_header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--calendar-gap);
+  }
+  .Calendar_heading {
+    margin: 0;
+    font-size: var(--calendar-heading-font-size);
+    font-weight: var(--calendar-heading-font-weight);
+  }
+  .Calendar_nav {
+    display: grid;
+    place-items: center;
+    inline-size: var(--calendar-nav-size);
+    block-size: var(--calendar-nav-size);
+    padding: 0;
+    border: none;
+    border-radius: var(--calendar-nav-radius);
+    background-color: transparent;
+    color: var(--calendar-nav-fg);
+    cursor: pointer;
+    transition: background-color var(--calendar-motion-duration) var(--motion-easing-standard);
+    &[data-hovered] {
+      background-color: var(--calendar-nav-bg-hover);
+      color: var(--calendar-nav-fg-hover);
+    }
+    &[data-focus-visible] {
+      outline: var(--calendar-focus-ring-width) solid var(--calendar-focus-ring);
+      outline-offset: var(--calendar-focus-ring-offset);
+    }
+    &[data-disabled] {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+  }
+  .Calendar_grid {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+  .Calendar_weekday {
+    inline-size: var(--calendar-cell-size);
+    padding: 0;
+    color: var(--calendar-weekday-fg);
+    font-size: var(--calendar-weekday-font-size);
+    font-weight: var(--calendar-weekday-font-weight);
+    text-align: center;
+  }
+  .Calendar_cell {
+    display: grid;
+    place-items: center;
+    inline-size: var(--calendar-cell-size);
+    block-size: var(--calendar-cell-size);
+    border-radius: var(--calendar-cell-radius);
+    color: var(--calendar-cell-fg);
+    cursor: pointer;
+    outline: none;
+    transition: background-color var(--calendar-motion-duration) var(--motion-easing-standard);
+    &[data-outside-month] {
+      display: none;
+    }
+    &[data-today] {
+      color: var(--calendar-cell-fg-today);
+      font-weight: var(--calendar-heading-font-weight);
+    }
+    &[data-hovered] {
+      background-color: var(--calendar-cell-bg-hover);
+    }
+    &[data-selected] {
+      background-color: var(--calendar-cell-bg-selected);
+      color: var(--calendar-cell-fg-selected);
+      &[data-hovered] {
+        background-color: var(--calendar-cell-bg-selected-hover);
+      }
+    }
+    &[data-focus-visible] {
+      outline: var(--calendar-focus-ring-width) solid var(--calendar-focus-ring);
+      outline-offset: var(--calendar-focus-ring-offset);
+    }
+    &[data-unavailable] {
+      color: var(--calendar-cell-fg-unavailable);
+      text-decoration: line-through;
+      cursor: not-allowed;
+    }
+    &[data-disabled] {
+      color: var(--calendar-cell-fg-unavailable);
+      cursor: not-allowed;
+    }
+  }
+}
+
+/* src/internal/AriaField.module.css */
+@layer components {
+  .AriaField_field {
+    display: flex;
+    flex-direction: column;
+    gap: var(--field-gap);
+    font-family: var(--font-family-body);
+  }
+  .AriaField_label {
+    font-size: var(--field-label-font-size);
+    font-weight: var(--field-label-font-weight);
+    color: var(--field-label-fg);
+  }
+  .AriaField_required {
+    margin-inline-start: var(--field-required-gap);
+    color: var(--field-required-fg);
+  }
+  .AriaField_description {
+    margin: 0;
+    font-size: var(--field-description-font-size);
+    color: var(--field-description-fg);
+  }
+  .AriaField_error {
+    margin: 0;
+    font-size: var(--field-error-font-size);
+    color: var(--field-error-fg);
+  }
+}
+
+/* src/date-picker/DatePicker.module.css */
+@layer components {
+  .DatePicker_root {
+    --_height: var(--date-picker-height-md);
+    --_font-size: var(--date-picker-font-size-md);
+    --_border: var(--date-picker-border-default);
+    font-family: var(--date-picker-font-family);
+    &[data-size=sm] {
+      --_height: var(--date-picker-height-sm);
+      --_font-size: var(--date-picker-font-size-sm);
+    }
+    &[data-size=lg] {
+      --_height: var(--date-picker-height-lg);
+      --_font-size: var(--date-picker-font-size-lg);
+    }
+    &[data-invalid] {
+      --_border: var(--date-picker-border-invalid);
+    }
+  }
+  .DatePicker_control {
+    display: flex;
+    align-items: center;
+    min-block-size: var(--_height);
+    padding-inline-start: var(--date-picker-padding-inline);
+    border: var(--size-hairline) solid var(--_border);
+    border-radius: var(--date-picker-radius);
+    background-color: var(--date-picker-bg);
+    color: var(--date-picker-fg);
+    font-size: var(--_font-size);
+    transition: border-color var(--date-picker-motion-duration) var(--motion-easing-standard);
+    &[data-focus-within] {
+      border-color: var(--date-picker-border-focus);
+      outline: var(--date-picker-focus-ring-width) solid var(--date-picker-focus-ring);
+      outline-offset: var(--date-picker-focus-ring-offset);
+    }
+    &[data-disabled] {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &[data-hovered]:not([data-focus-within], [data-disabled]) {
+      border-color: var(--date-picker-border-hover);
+    }
+  }
+  .DatePicker_input {
+    display: flex;
+    flex: 1;
+    align-items: center;
+  }
+  .DatePicker_segment {
+    padding-inline: var(--date-picker-segment-padding-inline);
+    border-radius: var(--date-picker-segment-radius);
+    font-variant-numeric: tabular-nums;
+    outline: none;
+    caret-color: transparent;
+    &[data-type=literal] {
+      padding-inline: 0;
+    }
+    &[data-placeholder] {
+      color: var(--date-picker-segment-fg-placeholder);
+    }
+    &[data-focused] {
+      background-color: var(--date-picker-segment-bg-focus);
+      color: var(--date-picker-fg);
+    }
+  }
+  .DatePicker_button {
+    display: grid;
+    place-items: center;
+    inline-size: var(--date-picker-icon-size);
+    block-size: calc(var(--_height) - 2 * var(--size-hairline));
+    padding: 0;
+    border: none;
+    border-radius: var(--date-picker-radius);
+    background-color: transparent;
+    color: var(--date-picker-icon);
+    cursor: pointer;
+    &[data-focus-visible] {
+      outline: var(--date-picker-focus-ring-width) solid var(--date-picker-focus-ring);
+      outline-offset: calc(-1 * var(--date-picker-focus-ring-width));
+    }
+    &[data-disabled] {
+      cursor: not-allowed;
+    }
+  }
+  .DatePicker_popover {
+    padding-block-start: var(--date-picker-gap);
+    animation: DatePicker_fade var(--date-picker-popover-duration) var(--motion-easing-standard);
+    &[data-placement=top] {
+      padding-block: 0 var(--date-picker-gap);
+    }
+  }
+  .DatePicker_dialog {
+    border: var(--size-hairline) solid var(--date-picker-dialog-border);
+    border-radius: var(--date-picker-dialog-radius);
+    background-color: var(--date-picker-dialog-bg);
+    box-shadow: var(--date-picker-popover-shadow);
+    outline: none;
+  }
+  @keyframes DatePicker_fade {
+    from {
+      opacity: 0;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .DatePicker_popover {
+      animation: none;
+    }
+  }
+}
+/*# sourceMappingURL=date-picker.css.map */

package/dist/date-picker.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icon/Icon.module.css","../src/calendar/Calendar.module.css","../src/internal/AriaField.module.css","../src/date-picker/DatePicker.module.css"],"sourcesContent":["/* Every value is a token (--icon-*). The child SVG fills the box; colour is currentColor. */\n\n@layer components {\n  .icon {\n    display: inline-flex;\n    flex: none;\n    inline-size: 1em;\n    block-size: 1em;\n    font-size: var(--icon-size-md);\n    vertical-align: middle;\n\n    &[data-size=\"sm\"] { font-size: var(--icon-size-sm); }\n    &[data-size=\"lg\"] { font-size: var(--icon-size-lg); }\n    &[data-size=\"inherit\"] { font-size: inherit; }\n\n    & > * {\n      inline-size: 100%;\n      block-size: 100%;\n    }\n  }\n}\n","/*\n * Every value is a token (--calendar-*). React Aria writes the cell state:\n * data-selected, data-focused, data-focus-visible, data-hovered,\n * data-disabled, data-unavailable, data-today, data-outside-month.\n */\n\n@layer components {\n  .root {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--calendar-gap);\n    padding: var(--calendar-padding);\n    background-color: var(--calendar-bg);\n    color: var(--calendar-fg);\n    font-family: var(--calendar-font-family);\n    font-size: var(--calendar-font-size);\n  }\n\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--calendar-gap);\n  }\n\n  .heading {\n    margin: 0;\n    font-size: var(--calendar-heading-font-size);\n    font-weight: var(--calendar-heading-font-weight);\n  }\n\n  .nav {\n    display: grid;\n    place-items: center;\n    inline-size: var(--calendar-nav-size);\n    block-size: var(--calendar-nav-size);\n    padding: 0;\n    border: none;\n    border-radius: var(--calendar-nav-radius);\n    background-color: transparent;\n    color: var(--calendar-nav-fg);\n    cursor: pointer;\n    transition: background-color var(--calendar-motion-duration) var(--motion-easing-standard);\n\n    &[data-hovered] {\n      background-color: var(--calendar-nav-bg-hover);\n      color: var(--calendar-nav-fg-hover);\n    }\n\n    &[data-focus-visible] {\n      outline: var(--calendar-focus-ring-width) solid var(--calendar-focus-ring);\n      outline-offset: var(--calendar-focus-ring-offset);\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n  }\n\n  .grid {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n\n  .weekday {\n    inline-size: var(--calendar-cell-size);\n    padding: 0;\n    color: var(--calendar-weekday-fg);\n    font-size: var(--calendar-weekday-font-size);\n    font-weight: var(--calendar-weekday-font-weight);\n    text-align: center;\n  }\n\n  .cell {\n    display: grid;\n    place-items: center;\n    inline-size: var(--calendar-cell-size);\n    block-size: var(--calendar-cell-size);\n    border-radius: var(--calendar-cell-radius);\n    color: var(--calendar-cell-fg);\n    cursor: pointer;\n    outline: none;\n    transition: background-color var(--calendar-motion-duration) var(--motion-easing-standard);\n\n    &[data-outside-month] {\n      display: none;\n    }\n\n    &[data-today] {\n      color: var(--calendar-cell-fg-today);\n      font-weight: var(--calendar-heading-font-weight);\n    }\n\n    &[data-hovered] {\n      background-color: var(--calendar-cell-bg-hover);\n    }\n\n    &[data-selected] {\n      background-color: var(--calendar-cell-bg-selected);\n      color: var(--calendar-cell-fg-selected);\n\n      &[data-hovered] {\n        background-color: var(--calendar-cell-bg-selected-hover);\n      }\n    }\n\n    &[data-focus-visible] {\n      outline: var(--calendar-focus-ring-width) solid var(--calendar-focus-ring);\n      outline-offset: var(--calendar-focus-ring-offset);\n    }\n\n    &[data-unavailable] {\n      color: var(--calendar-cell-fg-unavailable);\n      text-decoration: line-through;\n      cursor: not-allowed;\n    }\n\n    /* Disabled dims the days, not the month name, so the visible text keeps its contrast. */\n    &[data-disabled] {\n      color: var(--calendar-cell-fg-unavailable);\n      cursor: not-allowed;\n    }\n  }\n}\n","/* The same --field-* tokens Field reads, on React Aria's label, description and error parts. */\n\n@layer components {\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--field-gap);\n    font-family: var(--font-family-body);\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    font-weight: var(--field-label-font-weight);\n    color: var(--field-label-fg);\n  }\n\n  .required {\n    margin-inline-start: var(--field-required-gap);\n    color: var(--field-required-fg);\n  }\n\n  .description {\n    margin: 0;\n    font-size: var(--field-description-font-size);\n    color: var(--field-description-fg);\n  }\n\n  .error {\n    margin: 0;\n    font-size: var(--field-error-font-size);\n    color: var(--field-error-fg);\n  }\n}\n","/*\n * Every value is a token (--date-picker-*); the calendar reads --calendar-*.\n * The control is a group drawn like a text field around the date segments.\n * React Aria writes the state: data-focus-within, data-hovered,\n * data-disabled, data-invalid on the group; data-placeholder, data-focused\n * on each segment.\n */\n\n@layer components {\n  .root {\n    --_height: var(--date-picker-height-md);\n    --_font-size: var(--date-picker-font-size-md);\n    --_border: var(--date-picker-border-default);\n\n    font-family: var(--date-picker-font-family);\n\n    &[data-size=\"sm\"] {\n      --_height: var(--date-picker-height-sm);\n      --_font-size: var(--date-picker-font-size-sm);\n    }\n\n    &[data-size=\"lg\"] {\n      --_height: var(--date-picker-height-lg);\n      --_font-size: var(--date-picker-font-size-lg);\n    }\n\n    &[data-invalid] { --_border: var(--date-picker-border-invalid); }\n  }\n\n  .control {\n    display: flex;\n    align-items: center;\n    min-block-size: var(--_height);\n    padding-inline-start: var(--date-picker-padding-inline);\n    border: var(--size-hairline) solid var(--_border);\n    border-radius: var(--date-picker-radius);\n    background-color: var(--date-picker-bg);\n    color: var(--date-picker-fg);\n    font-size: var(--_font-size);\n    transition: border-color var(--date-picker-motion-duration) var(--motion-easing-standard);\n\n    &[data-focus-within] {\n      border-color: var(--date-picker-border-focus);\n      outline: var(--date-picker-focus-ring-width) solid var(--date-picker-focus-ring);\n      outline-offset: var(--date-picker-focus-ring-offset);\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    &[data-hovered]:not([data-focus-within], [data-disabled]) {\n      border-color: var(--date-picker-border-hover);\n    }\n  }\n\n  .input {\n    display: flex;\n    flex: 1;\n    align-items: center;\n  }\n\n  .segment {\n    padding-inline: var(--date-picker-segment-padding-inline);\n    border-radius: var(--date-picker-segment-radius);\n    font-variant-numeric: tabular-nums;\n    outline: none;\n    caret-color: transparent;\n\n    &[data-type=\"literal\"] {\n      padding-inline: 0;\n    }\n\n    &[data-placeholder] {\n      color: var(--date-picker-segment-fg-placeholder);\n    }\n\n    &[data-focused] {\n      background-color: var(--date-picker-segment-bg-focus);\n      color: var(--date-picker-fg);\n    }\n  }\n\n  .button {\n    display: grid;\n    place-items: center;\n    inline-size: var(--date-picker-icon-size);\n    block-size: calc(var(--_height) - 2 * var(--size-hairline));\n    padding: 0;\n    border: none;\n    border-radius: var(--date-picker-radius);\n    background-color: transparent;\n    color: var(--date-picker-icon);\n    cursor: pointer;\n\n    &[data-focus-visible] {\n      outline: var(--date-picker-focus-ring-width) solid var(--date-picker-focus-ring);\n      outline-offset: calc(-1 * var(--date-picker-focus-ring-width));\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n    }\n  }\n\n  .popover {\n    padding-block-start: var(--date-picker-gap);\n    animation: fade var(--date-picker-popover-duration) var(--motion-easing-standard);\n\n    &[data-placement=\"top\"] {\n      padding-block: 0 var(--date-picker-gap);\n    }\n  }\n\n  .dialog {\n    border: var(--size-hairline) solid var(--date-picker-dialog-border);\n    border-radius: var(--date-picker-dialog-radius);\n    background-color: var(--date-picker-dialog-bg);\n    box-shadow: var(--date-picker-popover-shadow);\n    outline: none;\n  }\n\n  @keyframes fade {\n    from {\n      opacity: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .popover {\n      animation: none;\n    }\n  }\n}\n"],"mappings":"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","names":["icon","root","header","heading","nav","grid","weekday","cell","field","label","required","description","error","root","control","input","segment","button","popover","dialog","fade"]}

package/dist/date-picker.d.ts

@@ -0,0 +1,59 @@
+import * as react from 'react';
+import { ReactNode, Ref } from 'react';
+
+type DatePickerSize = 'sm' | 'md' | 'lg';
+interface DatePickerProps {
+    /** Visible label. Always rendered. */
+    label: ReactNode;
+    description?: ReactNode;
+    /** Presence marks the control invalid and announces the message. */
+    error?: ReactNode;
+    /** The date as `YYYY-MM-DD` (controlled). `null` is "none". */
+    value?: string | null;
+    defaultValue?: string | null;
+    onChange?: (value: string | null) => void;
+    /** Earliest selectable date, `YYYY-MM-DD`. */
+    min?: string;
+    /** Latest selectable date, `YYYY-MM-DD`. */
+    max?: string;
+    /** Marks single dates as unavailable in the calendar. */
+    isDateUnavailable?: (date: string) => boolean;
+    /** BCP 47 tag. Segment order, month names and the first weekday follow it; defaults to the browser's. */
+    locale?: string;
+    /** @default 'md' */
+    size?: DatePickerSize;
+    /** @default false */
+    required?: boolean;
+    /** @default false */
+    disabled?: boolean;
+    /** @default false */
+    readOnly?: boolean;
+    /** Submitted with a form as `YYYY-MM-DD` through a hidden input. */
+    name?: string;
+    autoFocus?: boolean;
+    /** Applied to the field wrapper. */
+    className?: string;
+    /** The wrapper element. */
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * A date field with a calendar popover, on React Aria's date picker
+ * (decision record 001): the date is typed segment by segment in the
+ * user's locale order (arrows and digits, no free text to parse), and the
+ * button opens the same month grid as Calendar. Dates cross the API as
+ * ISO strings.
+ *
+ * @status experimental
+ * @category Forms
+ * @accessibility A `group` named by the label holding one `spinbutton` per date segment (day, month, year in the locale's order), a button that opens a `dialog` containing the Calendar grid, and a hidden input for forms. Arrows step a segment, digits type it, Escape closes the dialog and returns focus.
+ * @do Pass `locale` when the app's language is not the browser's.
+ * Use `min`/`max` for ranges the user cannot choose outside of.
+ * @dont Parse the value yourself; it is always `YYYY-MM-DD`.
+ * Use it for a date of birth decades away; the segments are faster than the calendar.
+ */
+declare function DatePicker({ label, description, error, value, defaultValue, onChange, min, max, isDateUnavailable, locale, size, required, disabled, readOnly, name, autoFocus, className, ref, }: DatePickerProps): react.JSX.Element;
+declare namespace DatePicker {
+    var displayName: string;
+}
+
+export { DatePicker, type DatePickerProps, type DatePickerSize };

package/dist/date-picker.js

@@ -0,0 +1,8 @@
+export { DatePicker } from './chunk-UX42PQLT.js';
+import './chunk-OXYP34CG.js';
+import './chunk-4HRNRTXI.js';
+import './chunk-YUHS5S5Y.js';
+import './chunk-ASNTNTJW.js';
+import './chunk-MI4QUKQS.js';
+//# sourceMappingURL=date-picker.js.map
+//# sourceMappingURL=date-picker.js.map

package/dist/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker.js"}

package/dist/dialog.css

@@ -0,0 +1,62 @@
+/* src/dialog/Dialog.module.css */
+@layer components {
+  .Dialog_root {
+    --modal-bg: var(--dialog-surface);
+    --modal-surface-elevated: var(--dialog-surface);
+    --modal-surface-subtle: var(--dialog-surface-subtle);
+    --modal-color: var(--dialog-fg);
+    --modal-text-secondary: var(--dialog-fg-muted);
+    --modal-text-muted: var(--dialog-fg-muted);
+    --modal-backdrop-bg: var(--dialog-backdrop);
+    --modal-border-primary-color: var(--dialog-border);
+    --modal-border-hover-color: var(--dialog-border-hover);
+    --modal-border-focus-color: var(--dialog-focus);
+    --modal-border-accent-color: var(--dialog-border);
+    --modal-radius: var(--dialog-radius);
+    --modal-radius-md: var(--dialog-radius);
+    --modal-radius-sm: var(--radius-control);
+    --modal-button-radius: var(--radius-control);
+    --modal-shadow: var(--dialog-shadow);
+    --modal-padding: var(--dialog-padding);
+    --modal-spacing-xs: var(--space-1);
+    --modal-spacing-sm: var(--space-2);
+    --modal-spacing-md: var(--dialog-gap);
+    --modal-spacing-lg: var(--space-4);
+    --modal-spacing-xl: var(--space-5);
+    --modal-font-family: var(--dialog-font-family);
+    --modal-font-family-mono: var(--font-family-mono);
+    --modal-font-size-title: var(--dialog-title-font-size);
+    --modal-font-size-title-mobile: var(--dialog-title-font-size);
+    --modal-font-weight-title: var(--dialog-title-font-weight);
+    --modal-font-size-description: var(--dialog-description-font-size);
+    --modal-font-size-description-mobile: var(--dialog-description-font-size);
+    --modal-font-size-button: var(--font-size-sm);
+    --modal-close-bg: var(--dialog-close-bg);
+    --modal-close-hover-bg: var(--dialog-close-bg-hover);
+    --modal-close-text: var(--dialog-close-fg);
+    --modal-close-hover-text: var(--dialog-close-fg-hover);
+    --modal-interactive-hover: var(--color-action-secondary-hover);
+    --modal-interactive-active: var(--color-action-secondary-hover);
+    --modal-interactive-focus: var(--color-action-primary-quiet);
+    --modal-transition-duration: var(--dialog-motion-duration);
+    --modal-transition-easing: var(--dialog-motion-easing);
+    --modal-outline-width: var(--focus-ring-width);
+    --modal-outline-offset: var(--focus-ring-offset);
+    --modal-button-focus-color: var(--dialog-focus);
+    --modal-button-primary-bg: var(--color-action-primary);
+    --modal-button-primary-border: var(--color-action-primary);
+    --modal-button-primary-color: var(--color-text-on-action);
+    --modal-button-primary-hover-bg: var(--color-action-primary-hover);
+    --modal-button-primary-hover-border: var(--color-action-primary-hover);
+    --modal-button-primary-active-bg: var(--color-action-primary-active);
+    --modal-button-primary-active-border: var(--color-action-primary-active);
+    --modal-button-secondary-bg: var(--color-action-secondary);
+    --modal-button-secondary-border: var(--color-border-default);
+    --modal-button-secondary-color: var(--color-text-default);
+    --modal-button-secondary-hover-bg: var(--color-action-secondary-hover);
+    --modal-button-secondary-hover-border: var(--color-border-strong);
+    --modal-button-secondary-active-bg: var(--color-action-secondary-hover);
+    --modal-button-secondary-active-border: var(--color-border-strong);
+  }
+}
+/*# sourceMappingURL=dialog.css.map */

package/dist/dialog.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog/Dialog.module.css"],"sourcesContent":["/*\n * The vendor (@pearpages/modals) reads --modal-* custom properties. This class\n * goes on the portal element pulp owns, so every dialog inherits pulp's\n * --dialog-* tokens and the vendor's :root defaults never apply.\n */\n\n@layer components {\n  .root {\n    --modal-bg: var(--dialog-surface);\n    --modal-surface-elevated: var(--dialog-surface);\n    --modal-surface-subtle: var(--dialog-surface-subtle);\n    --modal-color: var(--dialog-fg);\n    --modal-text-secondary: var(--dialog-fg-muted);\n    --modal-text-muted: var(--dialog-fg-muted);\n    --modal-backdrop-bg: var(--dialog-backdrop);\n    --modal-border-primary-color: var(--dialog-border);\n    --modal-border-hover-color: var(--dialog-border-hover);\n    --modal-border-focus-color: var(--dialog-focus);\n    --modal-border-accent-color: var(--dialog-border);\n    --modal-radius: var(--dialog-radius);\n    --modal-radius-md: var(--dialog-radius);\n    --modal-radius-sm: var(--radius-control);\n    --modal-button-radius: var(--radius-control);\n    --modal-shadow: var(--dialog-shadow);\n    --modal-padding: var(--dialog-padding);\n    --modal-spacing-xs: var(--space-1);\n    --modal-spacing-sm: var(--space-2);\n    --modal-spacing-md: var(--dialog-gap);\n    --modal-spacing-lg: var(--space-4);\n    --modal-spacing-xl: var(--space-5);\n    --modal-font-family: var(--dialog-font-family);\n    --modal-font-family-mono: var(--font-family-mono);\n    --modal-font-size-title: var(--dialog-title-font-size);\n    --modal-font-size-title-mobile: var(--dialog-title-font-size);\n    --modal-font-weight-title: var(--dialog-title-font-weight);\n    --modal-font-size-description: var(--dialog-description-font-size);\n    --modal-font-size-description-mobile: var(--dialog-description-font-size);\n    --modal-font-size-button: var(--font-size-sm);\n    --modal-close-bg: var(--dialog-close-bg);\n    --modal-close-hover-bg: var(--dialog-close-bg-hover);\n    --modal-close-text: var(--dialog-close-fg);\n    --modal-close-hover-text: var(--dialog-close-fg-hover);\n    --modal-interactive-hover: var(--color-action-secondary-hover);\n    --modal-interactive-active: var(--color-action-secondary-hover);\n    --modal-interactive-focus: var(--color-action-primary-quiet);\n    --modal-transition-duration: var(--dialog-motion-duration);\n    --modal-transition-easing: var(--dialog-motion-easing);\n    --modal-outline-width: var(--focus-ring-width);\n    --modal-outline-offset: var(--focus-ring-offset);\n    --modal-button-focus-color: var(--dialog-focus);\n    --modal-button-primary-bg: var(--color-action-primary);\n    --modal-button-primary-border: var(--color-action-primary);\n    --modal-button-primary-color: var(--color-text-on-action);\n    --modal-button-primary-hover-bg: var(--color-action-primary-hover);\n    --modal-button-primary-hover-border: var(--color-action-primary-hover);\n    --modal-button-primary-active-bg: var(--color-action-primary-active);\n    --modal-button-primary-active-border: var(--color-action-primary-active);\n    --modal-button-secondary-bg: var(--color-action-secondary);\n    --modal-button-secondary-border: var(--color-border-default);\n    --modal-button-secondary-color: var(--color-text-default);\n    --modal-button-secondary-hover-bg: var(--color-action-secondary-hover);\n    --modal-button-secondary-hover-border: var(--color-border-strong);\n    --modal-button-secondary-active-bg: var(--color-action-secondary-hover);\n    --modal-button-secondary-active-border: var(--color-border-strong);\n  }\n}\n"],"mappings":";AAMA;AACE,GAACA;AACC,gBAAY,IAAI;AAChB,8BAA0B,IAAI;AAC9B,4BAAwB,IAAI;AAC5B,mBAAe,IAAI;AACnB,4BAAwB,IAAI;AAC5B,wBAAoB,IAAI;AACxB,yBAAqB,IAAI;AACzB,kCAA8B,IAAI;AAClC,gCAA4B,IAAI;AAChC,gCAA4B,IAAI;AAChC,iCAA6B,IAAI;AACjC,oBAAgB,IAAI;AACpB,uBAAmB,IAAI;AACvB,uBAAmB,IAAI;AACvB,2BAAuB,IAAI;AAC3B,oBAAgB,IAAI;AACpB,qBAAiB,IAAI;AACrB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,yBAAqB,IAAI;AACzB,8BAA0B,IAAI;AAC9B,6BAAyB,IAAI;AAC7B,oCAAgC,IAAI;AACpC,+BAA2B,IAAI;AAC/B,mCAA+B,IAAI;AACnC,0CAAsC,IAAI;AAC1C,8BAA0B,IAAI;AAC9B,sBAAkB,IAAI;AACtB,4BAAwB,IAAI;AAC5B,wBAAoB,IAAI;AACxB,8BAA0B,IAAI;AAC9B,+BAA2B,IAAI;AAC/B,gCAA4B,IAAI;AAChC,+BAA2B,IAAI;AAC/B,iCAA6B,IAAI;AACjC,+BAA2B,IAAI;AAC/B,2BAAuB,IAAI;AAC3B,4BAAwB,IAAI;AAC5B,gCAA4B,IAAI;AAChC,+BAA2B,IAAI;AAC/B,mCAA+B,IAAI;AACnC,kCAA8B,IAAI;AAClC,qCAAiC,IAAI;AACrC,yCAAqC,IAAI;AACzC,sCAAkC,IAAI;AACtC,0CAAsC,IAAI;AAC1C,iCAA6B,IAAI;AACjC,qCAAiC,IAAI;AACrC,oCAAgC,IAAI;AACpC,uCAAmC,IAAI;AACvC,2CAAuC,IAAI;AAC3C,wCAAoC,IAAI;AACxC,4CAAwC,IAAI;AAC9C;AACF;","names":["root"]}

package/dist/dialog.d.ts

@@ -0,0 +1,56 @@
+import * as _pearpages_modals from '@pearpages/modals';
+import { ModalProps, ModalSystem } from '@pearpages/modals';
+import * as react from 'react';
+import { ComponentProps, ReactNode } from 'react';
+
+type DialogProps = ModalProps;
+interface DialogSystemProps extends Omit<ComponentProps<typeof ModalSystem>, 'container'> {
+    children: ReactNode;
+}
+/**
+ * Mount once near the app root. Owns the portal element every dialog renders
+ * into and sets the vendor's `--modal-*` variables on it from pulp's
+ * `--dialog-*` tokens, so backdrop, surface, type and motion follow the
+ * current brand and scheme. Because the variables sit on an ancestor of the
+ * dialog, they win over the vendor stylesheet regardless of cascade layers
+ * or import order.
+ *
+ * @status stable
+ * @category Overlays
+ * @accessibility Renders nothing visible itself; the portal element it owns is where every dialog mounts, so the vendor's focus trap and `inert` handling apply to the rest of the page.
+ * @do Mount it once, near the app root, inside any providers dialogs need.
+ * @dont Nest it; one system serves every dialog.
+ */
+declare function DialogSystem({ children, ...rest }: DialogSystemProps): react.JSX.Element;
+/**
+ * An accessible modal dialog: focus trap, inert page, Escape and backdrop
+ * dismissal, stacking. Built on `@pearpages/modals`; pulp adds the theming and
+ * the compound API (`Dialog.Trigger`, `Dialog.Content`, `Dialog.Header`,
+ * `Dialog.Title`, `Dialog.Description`, `Dialog.Close`, `Dialog.Body`,
+ * `Dialog.Footer`). The trigger is a sibling of the dialog, not a child: a
+ * dialog's children render only while it is open. Use pulp's `Button` for
+ * actions. Requires `DialogSystem` above it and the vendor stylesheet
+ * `@pearpages/modals/styles.css`.
+ *
+ * @status stable
+ * @category Overlays
+ * @accessibility `role="dialog"` with `aria-modal`, named by `Dialog.Title` and described by `Dialog.Description`; focus moves in on open and back to the trigger on close; the page behind is inert; Escape and the backdrop close it. Provided by `@pearpages/modals`.
+ * @do Always render a `Dialog.Title`.
+ * Put the destructive action last in `Dialog.Footer` and make the safe one the default focus.
+ * @dont Open a dialog from inside a Menu or Popover that stays open.
+ * Use it for content that does not need the page blocked; use Popover.
+ */
+declare function Dialog(props: DialogProps): react.JSX.Element;
+declare namespace Dialog {
+    var displayName: string;
+    var Trigger: react.FC<_pearpages_modals.ModalTriggerProps>;
+    var Content: react.FC<_pearpages_modals.ModalContentProps>;
+    var Header: react.FC<_pearpages_modals.ModalHeaderProps>;
+    var Title: react.FC<_pearpages_modals.ModalTitleProps>;
+    var Description: react.FC<_pearpages_modals.ModalDescriptionProps>;
+    var Close: react.FC<_pearpages_modals.ModalCloseProps>;
+    var Body: react.FC<_pearpages_modals.ModalBodyProps>;
+    var Footer: react.FC<_pearpages_modals.ModalFooterProps>;
+}
+
+export { Dialog, type DialogProps, DialogSystem, type DialogSystemProps };

package/dist/dialog.js

@@ -0,0 +1,3 @@
+export { Dialog, DialogSystem } from './chunk-IDNGNQNV.js';
+//# sourceMappingURL=dialog.js.map
+//# sourceMappingURL=dialog.js.map

package/dist/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dialog.js"}

package/dist/field.css

@@ -0,0 +1,28 @@
+/* src/field/Field.module.css */
+@layer components {
+  .Field_field {
+    display: flex;
+    flex-direction: column;
+    gap: var(--field-gap);
+  }
+  .Field_label {
+    font-size: var(--field-label-font-size);
+    font-weight: var(--field-label-font-weight);
+    color: var(--field-label-fg);
+  }
+  .Field_required {
+    margin-inline-start: var(--field-required-gap);
+    color: var(--field-required-fg);
+  }
+  .Field_description {
+    margin: 0;
+    font-size: var(--field-description-font-size);
+    color: var(--field-description-fg);
+  }
+  .Field_error {
+    margin: 0;
+    font-size: var(--field-error-font-size);
+    color: var(--field-error-fg);
+  }
+}
+/*# sourceMappingURL=field.css.map */

package/dist/field.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/field/Field.module.css"],"sourcesContent":["/* Every value is a token (--field-*). The control itself brings its own styles. */\n\n@layer components {\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--field-gap);\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    font-weight: var(--field-label-font-weight);\n    color: var(--field-label-fg);\n  }\n\n  .required {\n    margin-inline-start: var(--field-required-gap);\n    color: var(--field-required-fg);\n  }\n\n  .description {\n    margin: 0;\n    font-size: var(--field-description-font-size);\n    color: var(--field-description-fg);\n  }\n\n  .error {\n    margin: 0;\n    font-size: var(--field-error-font-size);\n    color: var(--field-error-fg);\n  }\n}\n"],"mappings":";AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACX;AAEA,GAACC;AACC,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,yBAAqB,IAAI;AACzB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AACF;","names":["field","label","required","description","error"]}

package/dist/field.d.ts

@@ -0,0 +1,98 @@
+import * as react from 'react';
+import { HTMLAttributes, Ref, ReactNode, LabelHTMLAttributes } from 'react';
+
+type Part = 'description' | 'error';
+interface FieldContextValue {
+    /** The control's id; the label points at it. */
+    id: string;
+    /** The label's id, for controls that are labelled by reference (`aria-labelledby`), such as a radio group. */
+    labelId: string;
+    invalid: boolean;
+    disabled: boolean;
+    required: boolean;
+    /** ids of the description and error that are actually mounted, space separated. */
+    describedBy: string | undefined;
+    /** Registers a mounted part; returns the unregister function. */
+    register: (part: Part) => () => void;
+}
+/** The field's ids and state, for controls that wire themselves instead of using `Field.Control`. */
+declare function useField(): FieldContextValue;
+interface FieldProps extends HTMLAttributes<HTMLDivElement> {
+    /** The control's id. Generated when omitted. */
+    id?: string;
+    /** @default false */
+    invalid?: boolean;
+    /** @default false */
+    disabled?: boolean;
+    /** @default false */
+    required?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    children: ReactNode;
+}
+/**
+ * The wiring every form control shares: a label pointing at the control, a
+ * description and an error exposed through `aria-describedby`, and invalid,
+ * disabled and required state in one place. Only parts that are mounted end
+ * up in `aria-describedby`, so no id ever dangles. Compose with
+ * `Field.Label`, `Field.Control`, `Field.Description` and `Field.Error`
+ * (one of each); state on the DOM as `data-invalid`, `data-disabled`,
+ * `data-required`.
+ *
+ * Known limitation: parts register in a layout effect, so server-rendered
+ * HTML carries no `aria-describedby` until hydration. The relationship is
+ * complete for every interactive use; static HTML consumers should not rely
+ * on it yet.
+ *
+ * @status stable
+ * @category Forms
+ * @accessibility Wires `label[for]`, `aria-describedby` (only mounted parts), `aria-invalid`, `aria-required` and `disabled` onto the control. Server-rendered HTML has no `aria-describedby` until hydration (a test pins the gap).
+ * @do Use `Field.Label as="span"` with `useField().labelId` for groups that cannot be labelled by `for`.
+ * @dont Mount two `Field.Description` or two `Field.Error`; ids would collide (development warns).
+ */
+declare function Field({ id, invalid, disabled, required, className, ref, children, ...rest }: FieldProps): react.JSX.Element;
+declare namespace Field {
+    var displayName: string;
+    var Label: typeof FieldLabel;
+    var Control: typeof FieldControl;
+    var Description: typeof FieldDescription;
+    var Error: typeof FieldError;
+}
+interface FieldLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /**
+     * `label` points at the control with `for`. `span` is for controls that are
+     * not labelable (a radio group, a fieldset): it carries `labelId` and the
+     * control references it with `aria-labelledby`.
+     * @default 'label'
+     */
+    as?: 'label' | 'span';
+    ref?: Ref<HTMLLabelElement>;
+    children: ReactNode;
+}
+declare function FieldLabel({ as, className, ref, children, ...rest }: FieldLabelProps): react.JSX.Element;
+declare namespace FieldLabel {
+    var displayName: string;
+}
+interface FieldControlProps {
+    /** Extra ids to describe the control by, kept alongside the field's own. */
+    'aria-describedby'?: string;
+    /** The single control element; the field's wiring is merged into it. */
+    children: ReactNode;
+}
+declare function FieldControl({ 'aria-describedby': extra, children }: FieldControlProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace FieldControl {
+    var displayName: string;
+}
+interface FieldTextProps extends HTMLAttributes<HTMLParagraphElement> {
+    ref?: Ref<HTMLParagraphElement>;
+    children?: ReactNode;
+}
+declare function FieldDescription({ className, ref, children, ...rest }: FieldTextProps): react.JSX.Element;
+declare namespace FieldDescription {
+    var displayName: string;
+}
+declare function FieldError({ className, ref, children, ...rest }: FieldTextProps): react.JSX.Element;
+declare namespace FieldError {
+    var displayName: string;
+}
+
+export { Field, type FieldContextValue, type FieldProps, useField };

package/dist/field.js

@@ -0,0 +1,5 @@
+export { Field, useField } from './chunk-2PXTVZ7H.js';
+import './chunk-ZVDN3GRI.js';
+import './chunk-MI4QUKQS.js';
+//# sourceMappingURL=field.js.map
+//# sourceMappingURL=field.js.map

package/dist/field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"field.js"}

package/dist/floating-Bw-LN_QT.d.ts

@@ -0,0 +1,5 @@
+import { Placement } from '@floating-ui/react-dom';
+
+type FloatingPlacement = Extract<Placement, 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'>;
+
+export type { FloatingPlacement as F };