This commit is contained in:
eewing
2026-02-17 14:10:16 -06:00
parent 2bca5834c5
commit cf73cd3b4c
11246 changed files with 1690552 additions and 0 deletions
+40
View File
@@ -0,0 +1,40 @@
import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes, HTMLImgAttributes, HTMLInputAttributes, HTMLLabelAttributes, HTMLLiAttributes, HTMLSelectAttributes, HTMLTableAttributes, HTMLTdAttributes, HTMLThAttributes, SVGAttributes } from "svelte/elements";
export type BitsDivAttributes = HTMLAttributes<HTMLDivElement>;
export type BitsSpanAttributes = HTMLAttributes<HTMLSpanElement>;
export type BitsHeadingAttributes = HTMLAttributes<HTMLHeadingElement>;
export type BitsUListAttributes = HTMLAttributes<HTMLUListElement>;
export type BitsElementAttributes = HTMLAttributes<HTMLElement>;
export type BitsTableSectionAttributes = HTMLAttributes<HTMLTableSectionElement>;
export type BitsTableRowAttributes = HTMLAttributes<HTMLTableRowElement>;
export type BitsSVGElementAttributes = SVGAttributes<SVGElement>;
export type BitsSelectAttributes = HTMLSelectAttributes;
/**
* We override the `id` prop type to not allow it to be `null`. We rely on the
* `id` heavily in the internals of Bits UI for node references. We also override
* children to allow for custom children snippet props. We extend `style` to allow
* for either a `StyleProperties` object or a string of CSS properties.
*/
type BitsPrimitive<T> = Omit<T, "style" | "id" | "children"> & {
id?: string;
};
export type BitsPrimitiveButtonAttributes = BitsPrimitive<HTMLButtonAttributes>;
export type BitsPrimitiveDivAttributes = BitsPrimitive<BitsDivAttributes>;
export type BitsPrimitiveInputAttributes = BitsPrimitive<HTMLInputAttributes>;
export type BitsPrimitiveSpanAttributes = BitsPrimitive<BitsSpanAttributes>;
export type BitsPrimitiveImgAttributes = BitsPrimitive<HTMLImgAttributes>;
export type BitsPrimitiveHeadingAttributes = BitsPrimitive<BitsHeadingAttributes>;
export type BitsPrimitiveLabelAttributes = BitsPrimitive<HTMLLabelAttributes>;
export type BitsPrimitiveSVGAttributes = BitsPrimitive<BitsSVGElementAttributes>;
export type BitsPrimitiveAnchorAttributes = BitsPrimitive<HTMLAnchorAttributes>;
export type BitsPrimitiveLiAttributes = BitsPrimitive<HTMLLiAttributes>;
export type BitsPrimitiveElementAttributes = BitsPrimitive<BitsElementAttributes>;
export type BitsPrimitiveUListAttributes = BitsPrimitive<BitsUListAttributes>;
export type BitsPrimitiveTdAttributes = BitsPrimitive<HTMLTdAttributes>;
export type BitsPrimitiveThAttributes = BitsPrimitive<HTMLThAttributes>;
export type BitsPrimitiveTableAttributes = BitsPrimitive<HTMLTableAttributes>;
export type BitsPrimitiveTbodyAttributes = BitsPrimitive<BitsTableSectionAttributes>;
export type BitsPrimitiveTrAttributes = BitsPrimitive<BitsTableRowAttributes>;
export type BitsPrimitiveTheadAttributes = BitsPrimitive<BitsTableSectionAttributes>;
export type BitsPrimitiveHeaderAttributes = BitsPrimitive<BitsElementAttributes>;
export type BitsPrimitiveSelectAttributes = BitsPrimitive<BitsSelectAttributes>;
export {};
+1
View File
@@ -0,0 +1 @@
export {};
+9
View File
@@ -0,0 +1,9 @@
import type * as CSS from "csstype";
declare module "csstype" {
interface Properties {
// Allow any CSS Custom Properties
// oxlint-disable-next-line no-explicit-any
[index: `--${string}`]: any;
}
}
+100
View File
@@ -0,0 +1,100 @@
import type { CalendarDateTime, DateValue, Time, ZonedDateTime } from "@internationalized/date";
import type { DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, NON_EDITABLE_SEGMENT_PARTS, EDITABLE_TIME_SEGMENT_PARTS } from "../../internal/date-time/field/parts.js";
export type Granularity = "day" | "hour" | "minute" | "second";
export type TimeGranularity = "hour" | "minute" | "second";
export type HourCycle = 12 | 24;
export type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
export type DateMatcher = (date: DateValue) => boolean;
export type TimeValue = Time | CalendarDateTime | ZonedDateTime;
export type TimeValidator<T extends TimeValue> = (time: T) => string[] | string | void;
/**
* A function that returns a string or array of strings as validation errors if the date is
* invalid, or nothing if the date is valid
*/
export type DateValidator = (date: DateValue) => string[] | string | void;
/**
* A function that returns a string or array of strings as validation errors if the date range
* is invalid, or nothing if the date range is valid
*/
export type DateRangeValidator = (range: {
start: DateValue;
end: DateValue;
}) => string[] | string | void;
export type TimeRangeValidator<T extends TimeValue = Time> = (range: {
start: T;
end: T;
}) => string[] | string | void;
/**
* A callback fired when the date field's value is invalid. Use this to display an error
* message to the user.
*/
export type DateOnInvalid = (reason: "min" | "max" | "custom", msg?: string | string[]) => void;
/**
* A callback fired when the time field's value is invalid. Use this to display an error
* message to the user.
*/
export type TimeOnInvalid = (reason: "min" | "max" | "custom", msg?: string | string[]) => void;
export type DateRange = {
start: DateValue | undefined;
end: DateValue | undefined;
};
export type TimeRange<T extends TimeValue = Time> = {
start: T | undefined;
end: T | undefined;
};
export type Month<T> = {
/**
* A `DateValue` used to represent the month. Since days
* from the previous and next months may be included in the
* calendar grid, we need a source of truth for the value
* the grid is representing.
*/
value: DateValue;
/**
* An array of arrays representing the weeks in the calendar.
* Each sub-array represents a week, and contains the dates for each
* day in that week. This structure is useful for rendering the calendar
* grid using a table, where each row represents a week and each cell
* represents a day.
*/
weeks: T[][];
/**
* An array of all the dates in the current month, including dates from
* the previous and next months that are used to fill out the calendar grid.
* This array is useful for rendering the calendar grid in a customizable way,
* as it provides all the dates that should be displayed in the grid in a flat
* array.
*/
dates: T[];
};
export type DateSegmentPart = (typeof DATE_SEGMENT_PARTS)[number];
export type EditableTimeSegmentPart = (typeof EDITABLE_TIME_SEGMENT_PARTS)[number];
export type EditableSegmentPart = (typeof EDITABLE_SEGMENT_PARTS)[number];
export type NonEditableSegmentPart = (typeof NON_EDITABLE_SEGMENT_PARTS)[number];
export type SegmentPart = EditableSegmentPart | NonEditableSegmentPart;
export type TimeSegmentPart = EditableTimeSegmentPart | "literal" | "timeZoneName";
export type AnyTimeExceptLiteral = Exclude<TimeSegmentPart, "literal">;
export type AnyExceptLiteral = Exclude<SegmentPart, "literal">;
export type DayPeriod = "AM" | "PM" | null;
export type DateSegmentObj = {
[K in DateSegmentPart]: string | null;
};
export type TimeSegmentObj = {
[K in EditableTimeSegmentPart]: K extends "dayPeriod" ? DayPeriod : string | null;
};
export type DateAndTimeSegmentObj = DateSegmentObj & TimeSegmentObj;
export type SegmentValueObj = DateSegmentObj | DateAndTimeSegmentObj;
export type SegmentContentObj = Record<EditableSegmentPart, string>;
export type TimeSegmentValueObj = TimeSegmentObj;
export type TimeSegmentContentObj = Record<EditableTimeSegmentPart, string>;
export type SegmentState = {
lastKeyZero: boolean;
hasLeftFocus: boolean;
updating: string | null;
};
export type SegmentStateMap = {
[K in EditableSegmentPart]: SegmentState;
};
export type TimeSegmentStateMap = {
[K in EditableTimeSegmentPart]: SegmentState;
};
+1
View File
@@ -0,0 +1 @@
export {};
+38
View File
@@ -0,0 +1,38 @@
import type * as CSS from "csstype";
export { REGEXP_ONLY_DIGITS, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS_AND_CHARS, } from "../bits/pin-input/pin-input.svelte.js";
export type Selected<Value> = {
value: Value;
label?: string;
};
export type SegmentPart = "month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod" | "timeZoneName" | "literal";
export type FocusTarget = string | HTMLElement | SVGElement | null;
export type FocusProp = FocusTarget | ((defaultEl?: HTMLElement | null) => FocusTarget);
export type StyleProperties = CSS.Properties & {
[str: `--${string}`]: any;
};
export type Orientation = "horizontal" | "vertical";
export type Direction = "ltr" | "rtl";
/**
* Controls positioning of the slider thumb.
*
* - `exact`: The thumb is centered exactly at the value of the slider.
* - `contain`: The thumb is centered exactly at the value of the slider, but will be contained within the slider track at the ends.
*/
export type SliderThumbPositioning = "exact" | "contain";
export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
export type WithoutChildren<T> = T extends {
children?: any;
} ? Omit<T, "children"> : T;
export type WithoutChild<T> = T extends {
child?: any;
} ? Omit<T, "child"> : T;
export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
ref?: U | null;
};
export type { EditableSegmentPart, EditableTimeSegmentPart } from "./date/types.js";
export type { Month, DateMatcher, DateOnInvalid, DateRangeValidator, DateValidator, DateRange, TimeValue, TimeSegmentPart, TimeRange, TimeValidator, TimeRangeValidator, TimeOnInvalid, } from "./date/types.js";
export type { WithChild, Without, WithChildren } from "../internal/types.js";
export { mergeProps } from "svelte-toolbelt";
export { useId } from "../internal/use-id.js";
export * from "./attributes.js";
export * from "./types.js";
+5
View File
@@ -0,0 +1,5 @@
export { REGEXP_ONLY_DIGITS, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS_AND_CHARS, } from "../bits/pin-input/pin-input.svelte.js";
export { mergeProps } from "svelte-toolbelt";
export { useId } from "../internal/use-id.js";
export * from "./attributes.js";
export * from "./types.js";
+13
View File
@@ -0,0 +1,13 @@
export type FloatingContentSnippetProps = {
/**
* Whether the content is open or closed. Used alongside the `forceMount` prop to
* conditionally render the content using Svelte transitions.
*/
open: boolean;
/**
* Attributes to spread onto a wrapper element around the content.
* Do not style the wrapper element, its styles are computed by Floating UI.
*/
wrapperProps: Record<string, unknown>;
};
export type StaticContentSnippetProps = Omit<FloatingContentSnippetProps, "wrapperProps">;
+1
View File
@@ -0,0 +1 @@
export {};