INIT
This commit is contained in:
+40
@@ -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
@@ -0,0 +1 @@
|
||||
export {};
|
||||
+9
@@ -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
@@ -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
@@ -0,0 +1 @@
|
||||
export {};
|
||||
+38
@@ -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
@@ -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
@@ -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
@@ -0,0 +1 @@
|
||||
export {};
|
||||
Reference in New Issue
Block a user