sheer-ui 0.4.2 → 0.5.0

package/dist/components/range-calendar/types.d.ts

@@ -0,0 +1,200 @@
+import type { DateValue } from "@internationalized/date";
+import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
+import type { DateMatcher, DateRange, Month } from "../../internal/index.js";
+import type { BitsPrimitiveDivAttributes } from "../../internal/attribute-types.js";
+export type RangeCalendarRootSnippetProps = {
+    months: Month<DateValue>[];
+    weekdays: string[];
+};
+export type RangeCalendarRootPropsWithoutHTML = WithChild<{
+    /**
+     * The value of the selected date range.
+     * @bindable
+     */
+    value?: DateRange;
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<DateRange>;
+    /**
+     * 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>;
+    /**
+     * The minimum number of days that can be selected in a range.
+     *
+     * @default undefined
+     */
+    minDays?: number;
+    /**
+     * The maximum number of days that can be selected in a range.
+     *
+     * @default undefined
+     */
+    maxDays?: number;
+    /**
+     * 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?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * Whether to automatically reset the range if any date within the selected range
+     * becomes disabled. When true, the entire range will be cleared if a disabled
+     * date is found between the start and end dates.
+     *
+     * @default false
+     */
+    excludeDisabled?: boolean;
+    /**
+     * 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);
+}, RangeCalendarRootSnippetProps>;
+export type RangeCalendarRootProps = RangeCalendarRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, RangeCalendarRootPropsWithoutHTML>;
+export type { CalendarPrevButtonProps as RangeCalendarPrevButtonProps, CalendarPrevButtonPropsWithoutHTML as RangeCalendarPrevButtonPropsWithoutHTML, CalendarNextButtonProps as RangeCalendarNextButtonProps, CalendarNextButtonPropsWithoutHTML as RangeCalendarNextButtonPropsWithoutHTML, CalendarHeadingProps as RangeCalendarHeadingProps, CalendarHeadingPropsWithoutHTML as RangeCalendarHeadingPropsWithoutHTML, CalendarGridProps as RangeCalendarGridProps, CalendarGridPropsWithoutHTML as RangeCalendarGridPropsWithoutHTML, CalendarCellProps as RangeCalendarCellProps, CalendarCellPropsWithoutHTML as RangeCalendarCellPropsWithoutHTML, CalendarDayProps as RangeCalendarDayProps, CalendarDayPropsWithoutHTML as RangeCalendarDayPropsWithoutHTML, CalendarGridBodyProps as RangeCalendarGridBodyProps, CalendarGridBodyPropsWithoutHTML as RangeCalendarGridBodyPropsWithoutHTML, CalendarGridHeadProps as RangeCalendarGridHeadProps, CalendarGridHeadPropsWithoutHTML as RangeCalendarGridHeadPropsWithoutHTML, CalendarGridRowProps as RangeCalendarGridRowProps, CalendarGridRowPropsWithoutHTML as RangeCalendarGridRowPropsWithoutHTML, CalendarHeadCellProps as RangeCalendarHeadCellProps, CalendarHeadCellPropsWithoutHTML as RangeCalendarHeadCellPropsWithoutHTML, CalendarHeaderProps as RangeCalendarHeaderProps, CalendarHeaderPropsWithoutHTML as RangeCalendarHeaderPropsWithoutHTML, CalendarMonthSelectProps as RangeCalendarMonthSelectProps, CalendarMonthSelectPropsWithoutHTML as RangeCalendarMonthSelectPropsWithoutHTML, CalendarYearSelectProps as RangeCalendarYearSelectProps, CalendarYearSelectPropsWithoutHTML as RangeCalendarYearSelectPropsWithoutHTML, } from "../calendar/types.js";

package/dist/components/range-calendar/types.js

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

package/dist/components/resizable/index.d.ts

@@ -0,0 +1,5 @@
+import Handle from './resizable-handle.svelte';
+import PaneGroup from './resizable-pane-group.svelte';
+import { Pane } from '../../internal/paneforge/index.js';
+export { PaneGroup, Pane, Handle, PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle, };
+export type { PaneGroupProps, PaneProps, PaneResizerProps } from '../../internal/paneforge/index.js';

package/dist/components/resizable/index.js

@@ -0,0 +1,6 @@
+import Handle from './resizable-handle.svelte';
+import PaneGroup from './resizable-pane-group.svelte';
+import { Pane } from '../../internal/paneforge/index.js';
+export { PaneGroup, Pane, Handle, 
+//
+PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle, };

package/dist/components/resizable/resizable-handle.svelte.d.ts

@@ -0,0 +1,8 @@
+import * as ResizablePrimitive from '../../internal/paneforge/index.js';
+import type { WithoutChildrenOrChild } from '../../internal/utils.js';
+type $$ComponentProps = WithoutChildrenOrChild<ResizablePrimitive.PaneResizerProps> & {
+    withHandle?: boolean;
+};
+declare const ResizableHandle: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ResizableHandle = ReturnType<typeof ResizableHandle>;
+export default ResizableHandle;

package/dist/components/resizable/resizable-pane-group.svelte.d.ts

@@ -0,0 +1,7 @@
+import * as ResizablePrimitive from '../../internal/paneforge/index.js';
+type $$ComponentProps = ResizablePrimitive.PaneGroupProps & {
+    this?: ResizablePrimitive.PaneGroup;
+};
+declare const ResizablePaneGroup: import("svelte").Component<$$ComponentProps, {}, "ref" | "this">;
+type ResizablePaneGroup = ReturnType<typeof ResizablePaneGroup>;
+export default ResizablePaneGroup;

package/dist/components/scroll-area/components/scroll-area-corner-impl.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { ScrollAreaCornerProps } from '../types.js';
+type $$ComponentProps = Omit<ScrollAreaCornerProps, 'id'> & {
+    id: string;
+};
+declare const ScrollAreaCornerImpl: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ScrollAreaCornerImpl = ReturnType<typeof ScrollAreaCornerImpl>;
+export default ScrollAreaCornerImpl;

package/dist/components/scroll-area/components/scroll-area-corner.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ScrollAreaCornerProps } from '../types.js';
+declare const ScrollAreaCorner: import("svelte").Component<ScrollAreaCornerProps, {}, "ref">;
+type ScrollAreaCorner = ReturnType<typeof ScrollAreaCorner>;
+export default ScrollAreaCorner;

package/dist/components/scroll-area/components/scroll-area-scrollbar-auto.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { _ScrollbarStubProps } from '../types.js';
+declare const ScrollAreaScrollbarAuto: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarAuto = ReturnType<typeof ScrollAreaScrollbarAuto>;
+export default ScrollAreaScrollbarAuto;

package/dist/components/scroll-area/components/scroll-area-scrollbar-hover.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { _ScrollbarStubProps } from '../types.js';
+declare const ScrollAreaScrollbarHover: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarHover = ReturnType<typeof ScrollAreaScrollbarHover>;
+export default ScrollAreaScrollbarHover;

package/dist/components/scroll-area/components/scroll-area-scrollbar-scroll.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { _ScrollbarStubProps } from '../types.js';
+declare const ScrollAreaScrollbarScroll: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarScroll = ReturnType<typeof ScrollAreaScrollbarScroll>;
+export default ScrollAreaScrollbarScroll;

package/dist/components/scroll-area/components/scroll-area-scrollbar-shared.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { _ScrollbarStubProps } from '../types.js';
+declare const ScrollAreaScrollbarShared: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarShared = ReturnType<typeof ScrollAreaScrollbarShared>;
+export default ScrollAreaScrollbarShared;

package/dist/components/scroll-area/components/scroll-area-scrollbar-visible.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { _ScrollbarStubProps } from "../types.js";
+declare const ScrollAreaScrollbarVisible: import("svelte").Component<Omit<_ScrollbarStubProps, "forceMount">, {}, "">;
+type ScrollAreaScrollbarVisible = ReturnType<typeof ScrollAreaScrollbarVisible>;
+export default ScrollAreaScrollbarVisible;

package/dist/components/scroll-area/components/scroll-area-scrollbar-x.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { _ScrollbarStubProps } from '../types.js';
+declare const ScrollAreaScrollbarX: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarX = ReturnType<typeof ScrollAreaScrollbarX>;
+export default ScrollAreaScrollbarX;

package/dist/components/scroll-area/components/scroll-area-scrollbar-y.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { _ScrollbarStubProps } from '../types.js';
+declare const ScrollAreaScrollbarY: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarY = ReturnType<typeof ScrollAreaScrollbarY>;
+export default ScrollAreaScrollbarY;

package/dist/components/scroll-area/components/scroll-area-scrollbar.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ScrollAreaScrollbarProps } from '../types.js';
+declare const ScrollAreaScrollbar: import("svelte").Component<ScrollAreaScrollbarProps, {}, "ref">;
+type ScrollAreaScrollbar = ReturnType<typeof ScrollAreaScrollbar>;
+export default ScrollAreaScrollbar;

package/dist/components/scroll-area/components/scroll-area-thumb-impl.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { ScrollAreaThumbProps } from '../types.js';
+type $$ComponentProps = Omit<ScrollAreaThumbProps, 'forceMount' | 'id'> & {
+    id: string;
+    present: boolean;
+};
+declare const ScrollAreaThumbImpl: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ScrollAreaThumbImpl = ReturnType<typeof ScrollAreaThumbImpl>;
+export default ScrollAreaThumbImpl;

package/dist/components/scroll-area/components/scroll-area-thumb.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ScrollAreaThumbProps } from "../types.js";
+declare const ScrollAreaThumb: import("svelte").Component<ScrollAreaThumbProps, {}, "ref">;
+type ScrollAreaThumb = ReturnType<typeof ScrollAreaThumb>;
+export default ScrollAreaThumb;

package/dist/components/scroll-area/components/scroll-area-viewport.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ScrollAreaViewportProps } from '../types.js';
+declare const ScrollAreaViewport: import("svelte").Component<ScrollAreaViewportProps, {}, "ref">;
+type ScrollAreaViewport = ReturnType<typeof ScrollAreaViewport>;
+export default ScrollAreaViewport;

package/dist/components/scroll-area/components/scroll-area.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { ClassValue } from 'svelte/elements';
+import type { ScrollAreaRootProps } from '../types.js';
+type $$ComponentProps = ScrollAreaRootProps & {
+    orientation?: 'vertical' | 'horizontal' | 'both' | undefined;
+    scrollbarXClasses?: ClassValue | undefined;
+    scrollbarYClasses?: ClassValue | undefined;
+    viewportRef?: HTMLElement | null;
+};
+declare const ScrollArea: import("svelte").Component<$$ComponentProps, {}, "ref" | "viewportRef">;
+type ScrollArea = ReturnType<typeof ScrollArea>;
+export default ScrollArea;

package/dist/components/scroll-area/exports.d.ts

@@ -0,0 +1,6 @@
+export { default as Root } from "./components/scroll-area.svelte";
+export { default as Viewport } from "./components/scroll-area-viewport.svelte";
+export { default as Scrollbar } from "./components/scroll-area-scrollbar.svelte";
+export { default as Thumb } from "./components/scroll-area-thumb.svelte";
+export { default as Corner } from "./components/scroll-area-corner.svelte";
+export type { ScrollAreaRootProps as RootProps, ScrollAreaViewportProps as ViewportProps, ScrollAreaScrollbarProps as ScrollbarProps, ScrollAreaThumbProps as ThumbProps, ScrollAreaCornerProps as CornerProps, } from "./types.js";

package/dist/components/scroll-area/exports.js

@@ -0,0 +1,5 @@
+export { default as Root } from "./components/scroll-area.svelte";
+export { default as Viewport } from "./components/scroll-area-viewport.svelte";
+export { default as Scrollbar } from "./components/scroll-area-scrollbar.svelte";
+export { default as Thumb } from "./components/scroll-area-thumb.svelte";
+export { default as Corner } from "./components/scroll-area-corner.svelte";

package/dist/components/scroll-area/index.js

@@ -0,0 +1,2 @@
+export * as ScrollArea from './exports.js';
+export * from './exports.js';