sheer-ui 0.4.2 → 0.5.0

package/src/lib/components/calendar/exports.ts

@@ -1,31 +0,0 @@
-export { default as Root } from "./components/calendar.svelte";
-export { default as Day } from "./components/calendar-day.svelte";
-export { default as Grid } from "./components/calendar-grid.svelte";
-export { default as GridBody } from "./components/calendar-grid-body.svelte";
-export { default as Cell } from "./components/calendar-cell.svelte";
-export { default as GridHead } from "./components/calendar-grid-head.svelte";
-export { default as HeadCell } from "./components/calendar-head-cell.svelte";
-export { default as GridRow } from "./components/calendar-grid-row.svelte";
-export { default as Header } from "./components/calendar-header.svelte";
-export { default as Heading } from "./components/calendar-heading.svelte";
-export { default as MonthSelect } from "./components/calendar-month-select.svelte";
-export { default as NextButton } from "./components/calendar-next-button.svelte";
-export { default as PrevButton } from "./components/calendar-prev-button.svelte";
-export { default as YearSelect } from "./components/calendar-year-select.svelte";
-
-export type {
-	CalendarRootProps as RootProps,
-	CalendarPrevButtonProps as PrevButtonProps,
-	CalendarNextButtonProps as NextButtonProps,
-	CalendarHeadingProps as HeadingProps,
-	CalendarHeaderProps as HeaderProps,
-	CalendarGridProps as GridProps,
-	CalendarGridHeadProps as GridHeadProps,
-	CalendarHeadCellProps as HeadCellProps,
-	CalendarGridBodyProps as GridBodyProps,
-	CalendarGridRowProps as GridRowProps,
-	CalendarCellProps as CellProps,
-	CalendarDayProps as DayProps,
-	CalendarMonthSelectProps as MonthSelectProps,
-	CalendarYearSelectProps as YearSelectProps,
-} from "./types.js";

package/src/lib/components/calendar/types.ts

@@ -1,417 +0,0 @@
-import type { DateValue } from '@internationalized/date';
-import type { OnChangeFn, WithChild, Without } from '../../internal/types.js';
-import type {
-	BitsPrimitiveButtonAttributes,
-	BitsPrimitiveDivAttributes,
-	BitsPrimitiveHeaderAttributes,
-	BitsPrimitiveSelectAttributes,
-	BitsPrimitiveTableAttributes,
-	BitsPrimitiveTbodyAttributes,
-	BitsPrimitiveTdAttributes,
-	BitsPrimitiveThAttributes,
-	BitsPrimitiveTheadAttributes,
-	BitsPrimitiveTrAttributes,
-} from '../../internal/attribute-types.js';
-import type { DateMatcher, Month, WeekStartsOn } from '../../internal/date-time/types.js';
-
-export type CalendarRootSnippetProps = {
-	months: Month<DateValue>[];
-	weekdays: string[];
-};
-
-type CalendarBaseRootPropsWithoutHTML = {
-	/**
-	 * The placeholder date, used to control the view of the
-	 * calendar when no value is present.
-	 *
-	 * @default the current date
-	 */
-	placeholder?: DateValue;
-
-	/**
-	 * A callback function called when the placeholder value
-	 * changes.
-	 */
-	onPlaceholderChange?: OnChangeFn<DateValue>;
-
-	/**
-	 * Whether or not users can deselect a date once selected
-	 * without selecting another date.
-	 *
-	 * @default false
-	 */
-	preventDeselect?: boolean;
-
-	/**
-	 * The minimum date that can be selected in the calendar.
-	 */
-	minValue?: DateValue;
-
-	/**
-	 * The maximum date that can be selected in the calendar.
-	 */
-	maxValue?: DateValue;
-
-	/**
-	 * Whether or not the calendar is disabled.
-	 *
-	 * @default false
-	 */
-	disabled?: boolean;
-
-	/**
-	 * Applicable only when `numberOfMonths` is greater than 1.
-	 *
-	 * Controls whether to use paged navigation for the next and previous buttons in the
-	 * date picker. With paged navigation set to `true`, clicking the next/prev buttons
-	 * changes all months in view. When set to `false`, it shifts the view by a single month.
-	 *
-	 * For example, with `pagedNavigation` set to `true` and 2 months displayed (January and
-	 * February), clicking the next button changes the view to March and April. If `pagedNavigation`
-	 * is `false`, the view shifts to February and March.
-	 *
-	 * @default false
-	 */
-	pagedNavigation?: boolean;
-
-	/**
-	 * The day of the week to start the calendar on, which must
-	 * be a number between 0 and 6, where 0 is Sunday and 6 is
-	 * Saturday.
-	 *
-	 * @default 0 (Sunday)
-	 */
-	weekStartsOn?: WeekStartsOn;
-
-	/**
-	 * How the string representation of the weekdays provided via the `weekdays` state store
-	 * should be formatted.
-	 *
-	 * ```md
-	 * - "long": "Sunday", "Monday", "Tuesday", etc.
-	 * - "short": "Sun", "Mon", "Tue", etc.
-	 * - "narrow": "S", "M", "T", etc.
-	 *```
-	 *
-	 * @default "narrow"
-	 *
-	 * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#weekday
-	 */
-	weekdayFormat?: Intl.DateTimeFormatOptions['weekday'];
-
-	/**
-	 * A function that receives a date and returns `true` or `false` to indicate whether
-	 * the date is disabled.
-	 *
-	 * @remarks
-	 * Disabled dates cannot be focused or selected. Additionally, they are tagged
-	 * with a data attribute to enable custom styling.
-	 *
-	 * `[data-disabled]` - applied to disabled dates
-	 *
-	 */
-	isDateDisabled?: DateMatcher;
-
-	/**
-	 * Dates matching the provided matchers are marked as "unavailable." Unlike disabled dates,
-	 * users can still focus and select unavailable dates. However, selecting an unavailable date
-	 * renders the date picker as invalid.
-	 *
-	 * For example, in a calendar for booking appointments, you might mark already booked dates as
-	 * unavailable. These dates could become available again before the appointment date, allowing
-	 * users to select them to learn more about the appointment.
-	 *
-	 * `[data-unavailable]` - applied to unavailable dates
-	 *
-	 */
-	isDateUnavailable?: DateMatcher;
-
-	/**
-	 * Display 6 weeks per month, regardless the month's number of weeks.
-	 * This is useful for displaying a consistent calendar, where the size
-	 * of the calendar doesn't change month to month.
-	 *
-	 * To display 6 weeks per month, you will need to render out the previous
-	 * and next month's dates in the calendar as well.
-	 *
-	 * @default false
-	 */
-	fixedWeeks?: boolean;
-
-	/**
-	 * Determines the number of months to display on the calendar simultaneously.
-	 * For navigation between months, refer to the `pagedNavigation` prop.
-	 *
-	 * @default 1
-	 */
-	numberOfMonths?: number;
-
-	/**
-	 * This label is exclusively used for accessibility, remaining hidden from the page.
-	 * It's read by screen readers when the calendar is opened. The current month and year
-	 * are automatically appended to the label, so you only need to provide the base label.
-	 *
-	 * For instance:
-	 * - 'Date of birth' will be read as 'Date of birth, January 2021' if the current month is January 2021.
-	 * - 'Appointment date' will be read as 'Appointment date, January 2021' if the current month is January 2021.
-	 * - 'Booking date' will be read as 'Booking date, January 2021' if the current month is January 2021.
-	 */
-	calendarLabel?: string;
-
-	/**
-	 * The default locale setting.
-	 *
-	 * @default 'en'
-	 */
-	locale?: string;
-
-	/**
-	 * Whether the calendar is readonly. When true, the user will be able
-	 * to focus and navigate the calendar, but will not be able to select
-	 * dates. @see disabled for a similar prop that prevents focusing
-	 * and selecting dates.
-	 *
-	 * @default false
-	 */
-	readonly?: boolean;
-
-	/**
-	 * If `true`, the calendar will focus the selected day, today, or the first day of the month
-	 * in that order depending on what is visible when the calendar is mounted.
-	 */
-	initialFocus?: boolean;
-
-	/**
-	 * Whether to disable the selection of days outside the current month. By default,
-	 * days outside the current month are rendered to fill the calendar grid, but they
-	 * are not selectable. Setting this prop to `true` will disable this behavior.
-	 *
-	 * @default false
-	 */
-	disableDaysOutsideMonth?: boolean;
-
-	/**
-	 * The maximum number of days that can be selected in multiple mode.
-	 * When set, users cannot select more dates than this number.
-	 *
-	 * @default undefined
-	 */
-	maxDays?: number;
-
-	/**
-	 * The format of the month names in the calendar.
-	 *
-	 * @default "long"
-	 */
-	monthFormat?: Intl.DateTimeFormatOptions['month'] | ((month: number) => string);
-
-	/**
-	 * The format of the year names in the calendar.
-	 *
-	 * @default "numeric"
-	 */
-	yearFormat?: Intl.DateTimeFormatOptions['year'] | ((year: number) => string);
-};
-
-export type CalendarSingleRootPropsWithoutHTML = {
-	/**
-	 * The type of calendar. If set to `'single'`, the calendar will
-	 * only allow a single date to be selected. If set to `'multiple'`,
-	 * the calendar will allow multiple dates to be selected.
-	 */
-	type: 'single';
-
-	/**
-	 * The value of the selected date in the calendar.
-	 */
-	value?: DateValue;
-
-	/**
-	 * A callback function called when the value changes.
-	 */
-	onValueChange?: OnChangeFn<DateValue | undefined>;
-};
-
-export type CalendarMultipleRootPropsWithoutHTML = {
-	/**
-	 * The type of calendar. If set to `'single'`, the calendar will
-	 * only allow a single date to be selected. If set to `'multiple'`,
-	 * the calendar will allow multiple dates to be selected.
-	 */
-	type: 'multiple';
-
-	/**
-	 * The value of the selected dates in the calendar.
-	 */
-	value?: DateValue[];
-
-	/**
-	 * A callback function called when the value changes.
-	 */
-	onValueChange?: OnChangeFn<DateValue[]>;
-};
-
-export type _CalendarSingleRootPropsWithoutHTML = CalendarBaseRootPropsWithoutHTML & CalendarSingleRootPropsWithoutHTML;
-
-export type CalendarSingleRootProps = _CalendarSingleRootPropsWithoutHTML &
-	Without<BitsPrimitiveDivAttributes, _CalendarSingleRootPropsWithoutHTML>;
-
-export type _CalendarMultipleRootPropsWithoutHTML = CalendarBaseRootPropsWithoutHTML & CalendarMultipleRootPropsWithoutHTML;
-
-export type CalendarMultipleRootProps = _CalendarMultipleRootPropsWithoutHTML &
-	Without<BitsPrimitiveDivAttributes, _CalendarMultipleRootPropsWithoutHTML>;
-
-export type CalendarRootPropsWithoutHTML = CalendarBaseRootPropsWithoutHTML &
-	(
-		| WithChild<CalendarSingleRootPropsWithoutHTML, CalendarRootSnippetProps>
-		| WithChild<CalendarMultipleRootPropsWithoutHTML, CalendarRootSnippetProps>
-	);
-
-export type CalendarRootProps = CalendarRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CalendarRootPropsWithoutHTML>;
-
-export type CalendarCellSnippetProps = {
-	disabled: boolean;
-	unavailable: boolean;
-	selected: boolean;
-};
-
-export type CalendarCellPropsWithoutHTML = WithChild<
-	{
-		/**
-		 * The date value of the cell.
-		 *
-		 * @required
-		 */
-		date: DateValue;
-
-		/**
-		 * The month DateValue that this cell is being rendered in.
-		 */
-		month: DateValue;
-	},
-	CalendarCellSnippetProps
->;
-
-export type CalendarCellProps = CalendarCellPropsWithoutHTML & Without<BitsPrimitiveTdAttributes, CalendarCellPropsWithoutHTML>;
-
-export type CalendarGridPropsWithoutHTML = WithChild;
-
-export type CalendarGridProps = CalendarGridPropsWithoutHTML & Without<BitsPrimitiveTableAttributes, CalendarGridPropsWithoutHTML>;
-
-export type CalendarGridBodyPropsWithoutHTML = WithChild;
-
-export type CalendarGridBodyProps = CalendarGridBodyPropsWithoutHTML &
-	Without<BitsPrimitiveTbodyAttributes, CalendarGridBodyPropsWithoutHTML>;
-
-export type CalendarGridHeadPropsWithoutHTML = WithChild;
-
-export type CalendarGridHeadProps = CalendarGridHeadPropsWithoutHTML &
-	Without<BitsPrimitiveTheadAttributes, CalendarGridHeadPropsWithoutHTML>;
-
-export type CalendarHeadCellPropsWithoutHTML = WithChild;
-
-export type CalendarHeadCellProps = CalendarHeadCellPropsWithoutHTML & Without<BitsPrimitiveThAttributes, CalendarHeadCellPropsWithoutHTML>;
-
-export type CalendarGridRowPropsWithoutHTML = WithChild;
-
-export type CalendarGridRowProps = CalendarGridRowPropsWithoutHTML & Without<BitsPrimitiveTrAttributes, CalendarGridRowPropsWithoutHTML>;
-
-export type CalendarHeaderPropsWithoutHTML = WithChild;
-
-export type CalendarHeaderProps = CalendarHeaderPropsWithoutHTML & Without<BitsPrimitiveHeaderAttributes, CalendarHeaderPropsWithoutHTML>;
-
-export type CalendarHeadingSnippetProps = {
-	headingValue: string;
-};
-
-export type CalendarHeadingPropsWithoutHTML = WithChild<{}, CalendarHeadingSnippetProps>;
-
-export type CalendarDaySnippetProps = {
-	disabled: boolean;
-	unavailable: boolean;
-	selected: boolean;
-	day: string;
-};
-
-export type CalendarDayPropsWithoutHTML = WithChild<{}, CalendarDaySnippetProps>;
-
-export type CalendarDayProps = CalendarDayPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CalendarDayPropsWithoutHTML>;
-
-export type CalendarHeadingProps = CalendarHeadingPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CalendarHeadingPropsWithoutHTML>;
-
-export type CalendarNextButtonPropsWithoutHTML = WithChild;
-
-export type CalendarNextButtonProps = CalendarNextButtonPropsWithoutHTML &
-	Without<BitsPrimitiveButtonAttributes, CalendarNextButtonPropsWithoutHTML>;
-
-export type CalendarPrevButtonPropsWithoutHTML = WithChild;
-
-export type CalendarPrevButtonProps = CalendarPrevButtonPropsWithoutHTML &
-	Without<BitsPrimitiveButtonAttributes, CalendarPrevButtonPropsWithoutHTML>;
-
-export type CalendarMonthSelectSnippetProps = {
-	monthItems: Array<{ value: number; label: string }>;
-	selectedMonthItem: { value: number; label: string };
-};
-
-export type CalendarMonthSelectPropsWithoutHTML = WithChild<
-	{
-		/**
-		 * An array of month numbers (1-12) to display in the select.
-		 * This allows for flexible month selection, such as showing only
-		 * specific months or seasons.
-		 *
-		 * @default [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] (all months)
-		 */
-		months?: number[];
-
-		/**
-		 * How the month names should be formatted in the select options.
-		 *
-		 * - "long": "January", "February", etc.
-		 * - "short": "Jan", "Feb", etc.
-		 * - "narrow": "J", "F", etc.
-		 * - "numeric": "1", "2", etc.
-		 * - "2-digit": "01", "02", etc.
-		 *
-		 * @default "long"
-		 */
-		monthFormat?: Intl.DateTimeFormatOptions['month'] | ((month: number) => string);
-	},
-	CalendarMonthSelectSnippetProps
->;
-
-export type CalendarMonthSelectProps = CalendarMonthSelectPropsWithoutHTML &
-	Without<BitsPrimitiveSelectAttributes, CalendarMonthSelectPropsWithoutHTML>;
-
-export type CalendarYearSelectSnippetProps = {
-	yearItems: Array<{ value: number; label: string }>;
-	selectedYearItem: { value: number; label: string };
-};
-
-export type CalendarYearSelectPropsWithoutHTML = WithChild<
-	{
-		/**
-		 * An array of years to display in the select.
-		 * This allows for complete control over which years appear,
-		 * such as showing only years with data or excluding certain periods.
-		 *
-		 * @default Array from currentYear - 100 to currentYear
-		 */
-		years?: number[];
-
-		/**
-		 * How the year should be formatted in the select options.
-		 *
-		 * - "numeric": "2024", "2023", etc.
-		 * - "2-digit": "24", "23", etc.
-		 *
-		 * @default "numeric"
-		 */
-		yearFormat?: Intl.DateTimeFormatOptions['year'] | ((year: number) => string);
-	},
-	CalendarYearSelectSnippetProps
->;
-
-export type CalendarYearSelectProps = CalendarYearSelectPropsWithoutHTML &
-	Without<BitsPrimitiveSelectAttributes, CalendarYearSelectPropsWithoutHTML>;

package/src/lib/components/card/index.ts

@@ -1,25 +0,0 @@
-import Root from './card.svelte';
-import Action from './card-action.svelte';
-import Content from './card-content.svelte';
-import Description from './card-description.svelte';
-import Footer from './card-footer.svelte';
-import Header from './card-header.svelte';
-import Title from './card-title.svelte';
-
-export {
-	Root,
-	Content,
-	Description,
-	Footer,
-	Header,
-	Title,
-	Action,
-	//
-	Root as Card,
-	Content as CardContent,
-	Description as CardDescription,
-	Footer as CardFooter,
-	Header as CardHeader,
-	Title as CardTitle,
-	Action as CardAction,
-};

package/src/lib/components/carousel/carouselState.svelte.ts

@@ -1,30 +0,0 @@
-import { createContext } from 'svelte';
-import type { Attachment } from 'svelte/attachments';
-
-export type CarouselOrientation = 'horizontal' | 'vertical';
-export type CarouselAlign = 'start' | 'center' | 'end';
-
-/** Consumer-facing carousel state: what the arrow components and dot UIs read. */
-export type CarouselContext = {
-	readonly orientation: CarouselOrientation;
-	readonly canScrollNext: boolean;
-	readonly canScrollPrev: boolean;
-	readonly scrollSnaps: number[];
-	readonly selectedIndex: number;
-
-	scrollNext: () => void;
-	scrollPrev: () => void;
-	scrollTo: (index: number, jump?: boolean) => void;
-	handleKeyDown: (event: KeyboardEvent) => void;
-};
-
-export const [getCarouselContext, setCarouselContext] = createContext<CarouselContext>();
-
-/** Internal wiring between Root and Content/Item; not part of the consumer surface. */
-export type CarouselWiring = {
-	readonly orientation: CarouselOrientation;
-	readonly align: CarouselAlign;
-	scroller: Attachment<HTMLElement>;
-};
-
-export const [getCarouselWiring, setCarouselWiring] = createContext<CarouselWiring>();

package/src/lib/components/carousel/index.ts

@@ -1,24 +0,0 @@
-import Root from './carousel.svelte';
-import Content from './carousel-content.svelte';
-import Item from './carousel-item.svelte';
-import Next from './carousel-next.svelte';
-import Previous from './carousel-previous.svelte';
-import Dots from './carousel-dots.svelte';
-
-export type { CarouselAlign, CarouselOrientation } from './carouselState.svelte';
-
-export {
-	Root,
-	Content,
-	Item,
-	Previous,
-	Next,
-	Dots,
-	//
-	Root as Carousel,
-	Content as CarouselContent,
-	Item as CarouselItem,
-	Previous as CarouselPrevious,
-	Next as CarouselNext,
-	Dots as CarouselDots,
-};

package/src/lib/components/chart/chart-utils.ts

@@ -1,50 +0,0 @@
-import type { Tooltip } from 'layerchart';
-import { createContext, type Component } from 'svelte';
-
-export const THEMES = { light: '', dark: '.dark' } as const;
-
-export type ChartConfig = {
-	[k in string]: {
-		label?: string;
-		icon?: Component;
-	} & ({ color?: string; theme?: never } | { color?: never; theme: Record<keyof typeof THEMES, string> });
-};
-
-export type TooltipPayload = Tooltip.TooltipSeries;
-
-// Helper to extract item config from a payload.
-export function getPayloadConfigFromPayload(
-	config: ChartConfig,
-	payload: TooltipPayload,
-	key: string,
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	data?: Record<string, any> | null,
-) {
-	if (typeof payload !== 'object' || payload === null) return undefined;
-
-	const payloadConfig = 'config' in payload && typeof payload.config === 'object' && payload.config !== null ? payload.config : undefined;
-
-	let configLabelKey: string = key;
-
-	if (payload.key === key) {
-		configLabelKey = payload.key;
-	} else if (payload.label === key) {
-		configLabelKey = payload.label;
-	} else if (key in payload && typeof payload[key as keyof typeof payload] === 'string') {
-		configLabelKey = payload[key as keyof typeof payload] as string;
-	} else if (payloadConfig !== undefined && key in payloadConfig && typeof payloadConfig[key as keyof typeof payloadConfig] === 'string') {
-		configLabelKey = payloadConfig[key as keyof typeof payloadConfig] as string;
-	} else if (data != null && key in data && typeof data[key] === 'string') {
-		configLabelKey = data[key] as string;
-	}
-
-	return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];
-}
-
-type ChartContextValue = {
-	config: ChartConfig;
-};
-
-// The getter throws missing_context when no Chart.Container is above, instead of
-// returning undefined and failing later on `.config`.
-export const [useChart, setChartContext] = createContext<ChartContextValue>();

package/src/lib/components/chart/index.ts

@@ -1,6 +0,0 @@
-import ChartContainer from './chart-container.svelte';
-import ChartTooltip from './chart-tooltip.svelte';
-
-export { getPayloadConfigFromPayload, type ChartConfig } from './chart-utils.js';
-
-export { ChartContainer, ChartTooltip, ChartContainer as Container, ChartTooltip as Tooltip };