@ecopages/radiant-ui 0.1.0-beta.3 → 0.1.0-beta.6

package/dist/lib/icons/calendar.d.ts

@@ -0,0 +1,3 @@
+import type { RuiIconProps } from './types';
+/** Calendar indicator for date picker triggers. */
+export declare function RuiIconCalendar({ class: className, size, ...props }: RuiIconProps): import("@ecopages/jsx").JsxRenderable;

package/dist/lib/icons/chevron-down.d.ts

@@ -0,0 +1,3 @@
+import type { RuiIconProps } from './types';
+/** Chevron-down indicator for listbox and combobox toggles. */
+export declare function RuiIconChevronDown({ class: className, size, ...props }: RuiIconProps): import("@ecopages/jsx").JsxRenderable;

package/dist/lib/icons/index.d.ts

@@ -0,0 +1,3 @@
+export { RuiIconCalendar } from './calendar';
+export { RuiIconChevronDown } from './chevron-down';
+export type { RuiIconProps } from './types';

package/dist/lib/icons/types.d.ts

@@ -0,0 +1,4 @@
+import type { JsxHtmlProps } from '@ecopages/jsx';
+export type RuiIconProps = JsxHtmlProps<{
+    size?: 'sm' | 'md';
+}>;

package/dist/lib/intl/locale.d.ts

@@ -0,0 +1,3 @@
+export type IntlLocale = string | string[] | undefined;
+/** Parses the public comma-separated locale fallback syntax into Intl input. */
+export declare function resolveLocale(locale?: string): IntlLocale;

package/dist/lib/intl-date/calendar.d.ts

@@ -0,0 +1,25 @@
+import { type CalendarSelectionMode, type IsoRange } from './selection';
+import type { CalendarWeek, IntlLocale } from './types';
+export type { CalendarSelectionMode, IsoRange };
+/**
+ * Returns the JS weekday index (0 = Sunday) that starts the week for `locale`.
+ *
+ * @remarks Uses `Intl.Locale.weekInfo` when available; falls back to Monday except en-US.
+ */
+export declare function getWeekStartsOn(locale: IntlLocale): number;
+export type BuildCalendarMonthOptions = {
+    locale: IntlLocale;
+    selectionMode?: CalendarSelectionMode;
+    /** Single mode: selected ISO. Multiple: comma-separated. Range: `start/end`. */
+    value?: string;
+    /** Active range while selecting (anchor + hover preview). */
+    rangeDraft?: {
+        anchor: string | null;
+        hover: string | null;
+    };
+    min?: string;
+    max?: string;
+    today?: Date;
+};
+/** Builds a month grid with leading/trailing days from adjacent months. */
+export declare function buildCalendarMonth(year: number, month: number, options: BuildCalendarMonthOptions): CalendarWeek[];

package/dist/lib/intl-date/formatters.d.ts

@@ -0,0 +1,13 @@
+import type { DateDisplayStyle, IntlLocale } from './types';
+/** Returns a cached `Intl.DateTimeFormat` for the given locale and options. */
+export declare function getDateTimeFormat(locale: IntlLocale, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat;
+/** Formats a date for display using a `dateStyle` preset. */
+export declare function formatDisplayDate(date: Date, locale: IntlLocale, style?: DateDisplayStyle): string;
+/** Formats the month and year shown in the calendar header. */
+export declare function formatMonthYear(date: Date, locale: IntlLocale): string;
+/** Returns localized narrow weekday labels ordered by the locale's first day of week. */
+export declare function getWeekdayLabels(locale: IntlLocale, weekStartsOn: number): string[];
+/** Formats a date range for display using a `dateStyle` preset. */
+export declare function formatDateRange(start: Date, end: Date, locale: IntlLocale, style?: DateDisplayStyle): string;
+/** Localized label for the "today" shortcut (e.g. "today", "vandaag"). */
+export declare function formatTodayLabel(locale: IntlLocale): string;

package/dist/lib/intl-date/index.d.ts

@@ -0,0 +1,12 @@
+export { buildCalendarMonth, getWeekStartsOn } from './calendar';
+export type { BuildCalendarMonthOptions, CalendarSelectionMode, IsoRange } from './calendar';
+export { addMonths, getVisibleMonthViews } from './months';
+export type { CalendarMonthView } from './months';
+export { advanceRangeSelection, compareIso, getActiveRangeBounds, getDaySelectionAppearance, isIsoInSpan, normalizeRange, parseIsoRange, parseMultipleIsos, serializeIsoRange, serializeMultipleIsos, toggleMultipleIso, } from './selection';
+export type { DaySelectionAppearance, RangeSelectionDraft } from './selection';
+export { formatDisplayDate, formatDateRange, formatMonthYear, formatTodayLabel, getDateTimeFormat, getWeekdayLabels, } from './formatters';
+export { dateToIso, isoToDate, isIsoInRange } from './iso';
+export { getDatePartOrder, getDateSeparators, parseLocaleDateString } from './parts';
+export { buildDateSegments, clampSegmentValue, getEditableSegmentIndices, incrementSegment, maxSegmentLength, segmentsToDate, } from './segments';
+export type { CalendarDayCell, CalendarWeek, DateDisplayStyle, DateGranularity, DatePartType, IntlLocale, } from './types';
+export type { DateSegmentModel, DateSegmentType } from './segments';

package/dist/lib/intl-date/iso.d.ts

@@ -0,0 +1,6 @@
+/** Parses an ISO `YYYY-MM-DD` string into a local-midnight `Date`, or `null` when invalid. */
+export declare function isoToDate(iso: string | null | undefined): Date | null;
+/** Serializes a local calendar date to ISO `YYYY-MM-DD`. */
+export declare function dateToIso(date: Date): string;
+/** Returns true when `iso` falls within optional `min` / `max` bounds (inclusive). */
+export declare function isIsoInRange(iso: string, min?: string, max?: string): boolean;

package/dist/lib/intl-date/months.d.ts

@@ -0,0 +1,12 @@
+/** Zero-based month index with year rollover. */
+export declare function addMonths(year: number, month: number, delta: number): {
+    year: number;
+    month: number;
+};
+export type CalendarMonthView = {
+    year: number;
+    month: number;
+    offset: number;
+};
+/** Returns consecutive month views starting at `year`/`month`. */
+export declare function getVisibleMonthViews(year: number, month: number, count: number): CalendarMonthView[];

package/dist/lib/intl-date/parts.d.ts

@@ -0,0 +1,15 @@
+import type { DatePartType, IntlLocale } from './types';
+/**
+ * Uses `formatToParts()` on a fixed reference date to discover the locale's
+ * year/month/day field order (e.g. MDY for en-US, DMY for en-GB, YMD for ja-JP).
+ */
+export declare function getDatePartOrder(locale: IntlLocale): DatePartType[];
+/** Literal separators between numeric date parts for the locale (e.g. `['/']` for en-US). */
+export declare function getDateSeparators(locale: IntlLocale): string[];
+/**
+ * Parses a user-typed date string according to locale conventions.
+ *
+ * Accepts ISO `YYYY-MM-DD`, masked numeric input (`08/21/2002`), locale-ordered
+ * numeric input (`9/3/2026`), and text month names (`Aug 21, 2002`).
+ */
+export declare function parseLocaleDateString(input: string | null | undefined, locale: IntlLocale): Date | null;

package/dist/lib/intl-date/parts.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/intl-date/segments.d.ts

@@ -0,0 +1,32 @@
+import type { DateGranularity, DatePartType, IntlLocale } from './types';
+export type DateSegmentType = DatePartType | 'literal';
+/** @experimental Segment model reserved for a future segment-editor field. */
+export type DateSegmentModel = {
+    type: DateSegmentType;
+    /** Visible text for literals; numeric string for editable segments. */
+    value: string;
+    placeholder: string;
+    isPlaceholder: boolean;
+    editable: boolean;
+};
+/**
+ * Builds locale-ordered date segments from `Intl.DateTimeFormat.prototype.formatToParts()`.
+ *
+ * @remarks Mirrors the React Aria `DateInput` segment list — literals plus editable fields.
+ * @experimental Reserved for a future segment-editor field.
+ */
+export declare function buildDateSegments(date: Date | null, locale: IntlLocale, options?: {
+    granularity?: DateGranularity;
+    placeholderDate?: Date;
+}): DateSegmentModel[];
+/**
+ * Converts editable segment values into a local calendar `Date`, or `null` when incomplete.
+ *
+ * @experimental Reserved for a future segment-editor field.
+ */
+export declare function segmentsToDate(segments: DateSegmentModel[]): Date | null;
+/** @experimental Reserved for a future segment-editor field. */
+export declare function getEditableSegmentIndices(segments: DateSegmentModel[]): number[];
+export declare function maxSegmentLength(type: DatePartType): number;
+export declare function clampSegmentValue(type: DatePartType, raw: string): string;
+export declare function incrementSegment(type: DatePartType, value: string, delta: number): string;

package/dist/lib/intl-date/segments.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/intl-date/selection.d.ts

@@ -0,0 +1,39 @@
+export type CalendarSelectionMode = 'single' | 'multiple' | 'range';
+export type IsoRange = {
+    start: string;
+    end: string;
+};
+export type RangeSelectionDraft = {
+    anchor: string | null;
+    hover: string | null;
+};
+export type DaySelectionAppearance = {
+    isSelected: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    isRangeMiddle: boolean;
+};
+/** Lexicographic compare for ISO `YYYY-MM-DD` strings. */
+export declare function compareIso(a: string, b: string): number;
+export declare function normalizeRange(start: string, end: string): IsoRange;
+export declare function parseIsoRange(value: string | null | undefined): IsoRange | null;
+export declare function serializeIsoRange(range: IsoRange | null): string;
+export declare function parseMultipleIsos(value: string | null | undefined): string[];
+export declare function serializeMultipleIsos(values: Iterable<string>): string;
+export declare function toggleMultipleIso(selected: readonly string[], iso: string): string[];
+export declare function isIsoInSpan(iso: string, range: IsoRange): boolean;
+export declare function getActiveRangeBounds(committed: IsoRange | null, draft: RangeSelectionDraft): IsoRange | null;
+export declare function getDaySelectionAppearance(iso: string, mode: CalendarSelectionMode, options: {
+    singleIso?: string;
+    multipleIsos?: readonly string[];
+    range?: IsoRange | null;
+}): DaySelectionAppearance;
+/**
+ * Advances range selection after a day click.
+ *
+ * First click sets the anchor; second click commits the range.
+ */
+export declare function advanceRangeSelection(committed: IsoRange | null, draft: RangeSelectionDraft, iso: string): {
+    committed: IsoRange | null;
+    draft: RangeSelectionDraft;
+};

package/dist/lib/intl-date/selection.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/intl-date/types.d.ts

@@ -0,0 +1,17 @@
+export type IntlLocale = string | string[] | undefined;
+export type DatePartType = 'day' | 'month' | 'year';
+export type DateDisplayStyle = 'short' | 'medium' | 'long' | 'full';
+/** Smallest displayed unit — mirrors React Aria `granularity`. */
+export type DateGranularity = 'day' | 'month' | 'year';
+export type CalendarDayCell = {
+    date: Date;
+    iso: string;
+    inMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    isRangeMiddle: boolean;
+};
+export type CalendarWeek = CalendarDayCell[];

package/dist/lib/intl-number/format.d.ts

@@ -0,0 +1,9 @@
+export type NumberFormatOptions = Intl.NumberFormatOptions;
+export { resolveLocale } from '../intl/locale';
+export declare function getNumberFormatter(locale?: string | string[], options?: NumberFormatOptions): Intl.NumberFormat;
+export declare function formatNumber(value: number, locale?: string | string[], options?: NumberFormatOptions): string;
+/**
+ * Parses a locale-aware number string. Returns `null` when the input is empty or invalid.
+ */
+export declare function parseNumber(input: string, locale?: string | string[], options?: NumberFormatOptions): number | null;
+export declare function parseFormatOptions(raw?: string): NumberFormatOptions | undefined;

package/dist/lib/intl-number/index.d.ts

@@ -0,0 +1,2 @@
+export { formatNumber, getNumberFormatter, parseFormatOptions, parseNumber, resolveLocale, type NumberFormatOptions, } from './format';
+export { isOnStep, isWithinRange, snapToStep } from './range';

package/dist/lib/intl-number/range.d.ts

@@ -0,0 +1,3 @@
+export declare function snapToStep(value: number, min: number, max: number, step: number): number;
+export declare function isWithinRange(value: number, min: number, max: number): boolean;
+export declare function isOnStep(value: number, min: number, step: number): boolean;

package/dist/lib/intrinsic.d.ts

@@ -0,0 +1,13 @@
+import type { JsxHtmlPropsWithChildren } from '@ecopages/jsx';
+export type IntrinsicTag = keyof HTMLElementTagNameMap;
+export type IntrinsicProps<Tag extends IntrinsicTag> = JsxHtmlPropsWithChildren<{
+    as?: Tag;
+}>;
+/**
+ * Renders a dynamic intrinsic element via JSX (`<Tag>`), avoiding per-tag switch blocks.
+ *
+ * @remarks Default tag is `div`; pass `as` on each call site.
+ */
+export declare function Intrinsic<Tag extends IntrinsicTag = 'div'>({ as, children, ...props }: IntrinsicProps<Tag> & {
+    as?: Tag;
+}): import("@ecopages/jsx").JsxRenderable;

package/dist/lib/mask/date-mask.d.ts

@@ -0,0 +1,29 @@
+import type { DatePartType, IntlLocale } from '@/lib/intl-date/types';
+/** IMask pattern for locale date digits (`0` = digit slot). */
+export type DateMaskPattern = string;
+declare function getNumericPartOrder(locale: IntlLocale): DatePartType[];
+/**
+ * Builds a mask pattern from `formatToParts()` (e.g. `00/00/0000` for en-US).
+ *
+ * Consecutive `0` runs map to month, day, or year in locale order.
+ */
+export declare function buildDateMaskPattern(locale: IntlLocale): DateMaskPattern;
+/** Human-readable placeholder derived from the locale mask (e.g. `mm/dd/yyyy`). */
+export declare function getDefaultDatePlaceholder(locale: IntlLocale): string;
+/** @deprecated Use `getDefaultDatePlaceholder`. */
+export declare function maskPatternToPlaceholder(pattern: DateMaskPattern): string;
+/** Strips non-digits from user input. */
+export declare function extractMaskDigits(value: string): string;
+/**
+ * Applies `digits` to a mask pattern, inserting literals as needed.
+ *
+ * @example
+ * applyDateMask('08212002', '00/00/0000') // → '08/21/2002'
+ */
+export declare function applyDateMask(digits: string, pattern: DateMaskPattern): string;
+/** Maximum number of digit slots in a mask pattern. */
+export declare function maskDigitCapacity(pattern: DateMaskPattern): number;
+/** Maps masked digits back to year/month/day using the locale field order. */
+export declare function maskedDigitsToParts(digits: string, locale: IntlLocale): Partial<Record<DatePartType, number>> | null;
+export declare function partsToDate(parts: Partial<Record<DatePartType, number>>): Date | null;
+export { getNumericPartOrder };

package/dist/lib/mask/date-mask.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/mask/index.d.ts

@@ -0,0 +1,4 @@
+export { applyDateMask, buildDateMaskPattern, extractMaskDigits as extractDateMaskDigits, getDefaultDatePlaceholder, getNumericPartOrder, maskDigitCapacity, maskedDigitsToParts, maskPatternToPlaceholder, partsToDate, } from './date-mask';
+export type { DateMaskPattern } from './date-mask';
+export { applyInputMask, extractMaskDigits, extractMaskInput, formatWithMask, maskDigitSlotCount, maskInputSlotCount, maskToPlaceholder, parseMaskPattern, } from './input-mask';
+export type { MaskDefinitions, MaskInputKind, MaskToken } from './input-mask';

package/dist/lib/mask/input-mask.d.ts

@@ -0,0 +1,52 @@
+/**
+ * IMask-compatible pattern mask utilities.
+ *
+ * @see https://imask.js.org/guide.html#masked-pattern
+ *
+ * Default slot definitions:
+ * - `0` — digit
+ * - `a` — letter
+ * - `*` — any character
+ *
+ * Other syntax:
+ * - `{text}` — fixed value (included in extracted input)
+ * - `[…]` — optional section
+ * - `\` — escape the next character (e.g. `\0` for a literal zero)
+ * - all other characters — fixed literals (`+`, `(`, `-`, …)
+ */
+export type MaskInputKind = 'digit' | 'letter' | 'any';
+export type MaskToken = {
+    type: 'literal';
+    value: string;
+} | {
+    type: 'fixed';
+    value: string;
+} | {
+    type: 'input';
+    definition: string;
+    kind: MaskInputKind;
+    pattern?: RegExp;
+    optional?: boolean;
+};
+export type MaskDefinitions = Record<string, MaskInputKind | RegExp>;
+/** Parses an IMask pattern string into tokens. */
+export declare function parseMaskPattern(pattern: string, definitions?: MaskDefinitions): MaskToken[];
+export declare function maskInputSlotCount(tokens: MaskToken[], options?: {
+    requiredOnly?: boolean;
+}): number;
+/** @deprecated Use `maskInputSlotCount`. */
+export declare function maskDigitSlotCount(tokens: MaskToken[]): number;
+/** Placeholder using IMask's default `_` for input slots. */
+export declare function maskToPlaceholder(pattern: string, definitions?: MaskDefinitions): string;
+/** Extracts user-typed characters from a masked value (skips fixed segments and literals). */
+export declare function extractMaskInput(masked: string, tokens: MaskToken[]): string;
+/** @deprecated Use `extractMaskInput`. */
+export declare function extractMaskDigits(masked: string, tokens: MaskToken[]): string;
+/**
+ * Formats extracted input characters into a masked display string.
+ *
+ * Returns `''` when `input` is empty.
+ */
+export declare function formatWithMask(input: string, tokens: MaskToken[]): string;
+/** Normalizes user input to a masked display value. */
+export declare function applyInputMask(raw: string, pattern: string, definitions?: MaskDefinitions): string;

package/dist/lib/mask/input-mask.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/text-filter.d.ts

@@ -0,0 +1,7 @@
+export type TextFilterSensitivity = 'base' | 'accent' | 'case';
+/**
+ * Case- and accent-insensitive "contains" matcher for autocomplete filtering.
+ *
+ * @remarks `base` ignores case; `case` is a literal substring match.
+ */
+export declare function textContains(text: string, query: string, sensitivity?: TextFilterSensitivity): boolean;

package/dist/lib/text-filter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/styles/radiant-ui-core.css

@@ -157,6 +157,17 @@
   .visible {
     visibility: visible;
   }
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
   .absolute {
     position: absolute;
   }
@@ -184,12 +195,27 @@
       max-width: 96rem;
     }
   }
+  .m-0 {
+    margin: 0px;
+  }
+  .m-1 {
+    margin: var(--spacing-1, var(--space-1));
+  }
+  .mx-auto {
+    margin-inline: auto;
+  }
   .mt-1 {
     margin-top: var(--spacing-1, var(--space-1));
   }
   .mt-2 {
     margin-top: var(--spacing-2, var(--space-2));
   }
+  .mb-2 {
+    margin-bottom: var(--spacing-2, var(--space-2));
+  }
+  .mb-4 {
+    margin-bottom: var(--spacing-4, var(--space-4));
+  }
   .block {
     display: block;
   }
@@ -228,18 +254,42 @@
   .h-full {
     height: 100%;
   }
+  .max-h-64 {
+    max-height: calc(var(--spacing, 0.25rem) * 64);
+  }
+  .min-h-72 {
+    min-height: calc(var(--spacing, 0.25rem) * 72);
+  }
+  .w-64 {
+    width: calc(var(--spacing, 0.25rem) * 64);
+  }
+  .w-\[calc\(100\%-0\.5rem\)\] {
+    width: calc(100% - 0.5rem);
+  }
   .w-full {
     width: 100%;
   }
+  .max-w-2xl {
+    max-width: var(--container-2xl, 42rem);
+  }
   .max-w-3xl {
     max-width: var(--container-3xl, 48rem);
   }
+  .max-w-4xl {
+    max-width: var(--container-4xl, 56rem);
+  }
   .max-w-5xl {
     max-width: var(--container-5xl, 64rem);
   }
+  .max-w-md {
+    max-width: var(--container-md, 28rem);
+  }
   .max-w-prose {
     max-width: 65ch;
   }
+  .max-w-xl {
+    max-width: var(--container-xl, 36rem);
+  }
   .min-w-0 {
     min-width: 0px;
   }
@@ -258,6 +308,9 @@
   .flex-col {
     flex-direction: column;
   }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
   .place-items-center {
     place-items: center;
   }
@@ -267,6 +320,9 @@
   .justify-between {
     justify-content: space-between;
   }
+  .justify-center {
+    justify-content: center;
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing, 0.25rem) * 0.5);
   }
@@ -285,14 +341,42 @@
   .gap-4 {
     gap: var(--spacing-4, var(--space-4));
   }
+  .gap-8 {
+    gap: var(--spacing-8, var(--space-8));
+  }
+  .gap-10 {
+    gap: calc(var(--spacing, 0.25rem) * 10);
+  }
+  .gap-inline {
+    gap: var(--spacing-inline, var(--space-inline));
+  }
+  .gap-stack {
+    gap: var(--spacing-stack, var(--space-stack));
+  }
+  :where(.divide-y > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  }
+  :where(.divide-border > :not(:last-child)) {
+    border-color: var(--color-border, var(--border));
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .overflow-auto {
+    overflow: auto;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .rounded-container {
+    border-radius: var(--radius-container, var(--radius-container));
+  }
   .rounded-control {
     border-radius: var(--radius-control, var(--radius-control));
   }
@@ -311,29 +395,60 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-l-2 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 2px;
+  }
   .border-border {
     border-color: var(--color-border, var(--border));
   }
+  .border-primary {
+    border-color: var(--color-primary, var(--primary));
+  }
+  .bg-background {
+    background-color: var(--color-background, var(--background));
+  }
   .bg-primary {
     background-color: var(--color-primary, var(--primary));
   }
   .bg-surface {
     background-color: var(--color-surface, var(--surface));
   }
+  .bg-surface-container-low {
+    background-color: var(--color-surface-container-low, var(--surface-container-low));
+  }
+  .p-2 {
+    padding: var(--spacing-2, var(--space-2));
+  }
   .p-4 {
     padding: var(--spacing-4, var(--space-4));
   }
+  .p-inset {
+    padding: var(--spacing-inset, var(--space-inset));
+  }
   .px-4 {
     padding-inline: var(--spacing-4, var(--space-4));
   }
+  .px-8 {
+    padding-inline: var(--spacing-8, var(--space-8));
+  }
   .py-2 {
     padding-block: var(--spacing-2, var(--space-2));
   }
+  .py-8 {
+    padding-block: var(--spacing-8, var(--space-8));
+  }
+  .py-16 {
+    padding-block: calc(var(--spacing, 0.25rem) * 16);
+  }
   .pt-1\.5 {
     padding-top: calc(var(--spacing, 0.25rem) * 1.5);
   }
+  .pl-6 {
+    padding-left: var(--spacing-6, var(--space-6));
+  }
   .text-2xl {
-    font-size: var(--text-2xl, 1.5rem);
+    font-size: var(--text-2xl, var(--text-2xl));
     line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
   }
   .text-base {
@@ -407,6 +522,12 @@
     --tw-duration: 150ms;
     transition-duration: 150ms;
   }
+  .first\:pt-0:first-child {
+    padding-top: 0px;
+  }
+  .last\:pb-0:last-child {
+    padding-bottom: 0px;
+  }
   @media (width >= 40rem) {
     .sm\:p-6 {
       padding: var(--spacing-6, var(--space-6));
@@ -419,6 +540,9 @@
     .md\:hidden {
       display: none;
     }
+    .md\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
   }
   @media (width >= 64rem) {
     .lg\:p-8 {
@@ -669,6 +793,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -817,6 +946,7 @@
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-font-weight: initial;
       --tw-shadow: 0 0 #0000;