kosui 0.0.26 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/alert/alert.svelte +1 -1
- package/dist/alert/alert.svelte.d.ts +1 -1
- package/dist/autocomplete/autocomplete-content.svelte +4 -4
- package/dist/autocomplete/autocomplete-content.svelte.d.ts +3 -3
- package/dist/autocomplete/autocomplete-context.svelte.d.ts +1 -1
- package/dist/autocomplete/autocomplete-context.svelte.js +2 -2
- package/dist/autocomplete/autocomplete-input.svelte +3 -4
- package/dist/autocomplete/autocomplete-input.svelte.d.ts +1 -1
- package/dist/autocomplete/autocomplete-item.svelte +5 -5
- package/dist/autocomplete/autocomplete-item.svelte.d.ts +3 -3
- package/dist/autocomplete/autocomplete.svelte +3 -3
- package/dist/autocomplete/autocomplete.svelte.d.ts +1 -1
- package/dist/autocomplete/index.d.ts +1 -0
- package/dist/autocomplete/index.js +1 -0
- package/dist/avatar/avatar.svelte +1 -1
- package/dist/avatar/avatar.svelte.d.ts +1 -1
- package/dist/badge/badge.svelte +1 -1
- package/dist/badge/badge.svelte.d.ts +1 -1
- package/dist/box/box.svelte +2 -2
- package/dist/box/box.svelte.d.ts +2 -2
- package/dist/breadcrumbs/breadcrumbs.svelte +1 -1
- package/dist/breadcrumbs/breadcrumbs.svelte.d.ts +1 -1
- package/dist/button/button.svelte +4 -4
- package/dist/button/button.svelte.d.ts +2 -2
- package/dist/chip/chip.svelte +1 -2
- package/dist/chip/chip.svelte.d.ts +1 -1
- package/dist/command/action.svelte.d.ts +1 -1
- package/dist/command/command-content.svelte +1 -1
- package/dist/command/command-content.svelte.d.ts +1 -1
- package/dist/command/command-context.svelte.d.ts +1 -1
- package/dist/command/command-context.svelte.js +1 -1
- package/dist/command/command-input.svelte +4 -4
- package/dist/command/command-input.svelte.d.ts +2 -2
- package/dist/command/command-item.svelte +5 -5
- package/dist/command/command-item.svelte.d.ts +3 -3
- package/dist/command/command-search.svelte +1 -2
- package/dist/command/command-search.svelte.d.ts +1 -1
- package/dist/command/command.svelte +2 -2
- package/dist/command/command.svelte.d.ts +1 -1
- package/dist/command/commander.svelte +6 -6
- package/dist/command/commander.svelte.d.ts +1 -1
- package/dist/command/index.d.ts +7 -6
- package/dist/command/index.js +5 -4
- package/dist/common/divider.svelte +1 -1
- package/dist/common/divider.svelte.d.ts +1 -1
- package/dist/common/header.svelte +2 -2
- package/dist/common/header.svelte.d.ts +2 -2
- package/dist/common/item-context.svelte.js +3 -3
- package/dist/dialog/dialog-button.svelte +1 -1
- package/dist/dialog/dialog-button.svelte.d.ts +1 -1
- package/dist/dialog/dialog.svelte +2 -2
- package/dist/dialog/dialog.svelte.d.ts +1 -1
- package/dist/dialog/dialoguer-context.svelte.d.ts +5 -5
- package/dist/dialog/dialoguer.svelte +7 -7
- package/dist/dialog/index.d.ts +1 -1
- package/dist/dialog/index.js +1 -1
- package/dist/event-manager.d.ts +1 -1
- package/dist/event-manager.js +2 -2
- package/dist/fab/fab.svelte +2 -2
- package/dist/fab/fab.svelte.d.ts +2 -2
- package/dist/fab/index.d.ts +1 -1
- package/dist/index.d.ts +31 -30
- package/dist/index.js +31 -30
- package/dist/input/input.svelte +4 -4
- package/dist/input/input.svelte.d.ts +2 -2
- package/dist/link/link.svelte +2 -2
- package/dist/link/link.svelte.d.ts +2 -2
- package/dist/markdown/markdown-blockquote.svelte +1 -1
- package/dist/markdown/markdown-blockquote.svelte.d.ts +1 -1
- package/dist/markdown/markdown-br.svelte +1 -1
- package/dist/markdown/markdown-br.svelte.d.ts +1 -1
- package/dist/markdown/markdown-code.svelte +1 -1
- package/dist/markdown/markdown-code.svelte.d.ts +1 -1
- package/dist/markdown/markdown-codespan.svelte +1 -1
- package/dist/markdown/markdown-codespan.svelte.d.ts +1 -1
- package/dist/markdown/markdown-def.svelte +1 -1
- package/dist/markdown/markdown-def.svelte.d.ts +1 -1
- package/dist/markdown/markdown-del.svelte +1 -1
- package/dist/markdown/markdown-del.svelte.d.ts +1 -1
- package/dist/markdown/markdown-em.svelte +1 -1
- package/dist/markdown/markdown-em.svelte.d.ts +1 -1
- package/dist/markdown/markdown-escape.svelte +2 -2
- package/dist/markdown/markdown-escape.svelte.d.ts +2 -2
- package/dist/markdown/markdown-heading.svelte +1 -1
- package/dist/markdown/markdown-heading.svelte.d.ts +1 -1
- package/dist/markdown/markdown-hr.svelte +1 -1
- package/dist/markdown/markdown-hr.svelte.d.ts +1 -1
- package/dist/markdown/markdown-html.svelte +1 -1
- package/dist/markdown/markdown-html.svelte.d.ts +1 -1
- package/dist/markdown/markdown-image.svelte +1 -1
- package/dist/markdown/markdown-image.svelte.d.ts +1 -1
- package/dist/markdown/markdown-link.svelte +1 -1
- package/dist/markdown/markdown-link.svelte.d.ts +1 -1
- package/dist/markdown/markdown-list-item.svelte +1 -1
- package/dist/markdown/markdown-list-item.svelte.d.ts +1 -1
- package/dist/markdown/markdown-list.svelte +1 -1
- package/dist/markdown/markdown-list.svelte.d.ts +1 -1
- package/dist/markdown/markdown-paragraph.svelte +1 -1
- package/dist/markdown/markdown-paragraph.svelte.d.ts +1 -1
- package/dist/markdown/markdown-space.svelte +1 -1
- package/dist/markdown/markdown-space.svelte.d.ts +1 -1
- package/dist/markdown/markdown-strong.svelte +1 -1
- package/dist/markdown/markdown-strong.svelte.d.ts +1 -1
- package/dist/markdown/markdown-table-cell.svelte +1 -1
- package/dist/markdown/markdown-table-cell.svelte.d.ts +1 -1
- package/dist/markdown/markdown-table.svelte +4 -2
- package/dist/markdown/markdown-table.svelte.d.ts +1 -1
- package/dist/markdown/markdown-text.svelte +1 -1
- package/dist/markdown/markdown-text.svelte.d.ts +1 -1
- package/dist/markdown/markdown-token.svelte +2 -2
- package/dist/markdown/markdown-token.svelte.d.ts +1 -1
- package/dist/markdown/markdown-tokens.svelte +1 -1
- package/dist/markdown/markdown.svelte +8 -8
- package/dist/markdown/markdown.svelte.d.ts +1 -1
- package/dist/menu/index.d.ts +2 -1
- package/dist/menu/index.js +2 -1
- package/dist/menu/menu-actions.svelte +2 -2
- package/dist/menu/menu-actions.svelte.d.ts +1 -1
- package/dist/menu/menu-content.svelte +5 -5
- package/dist/menu/menu-content.svelte.d.ts +3 -3
- package/dist/menu/menu-context.svelte.js +4 -4
- package/dist/menu/menu-item.svelte +6 -6
- package/dist/menu/menu-item.svelte.d.ts +3 -3
- package/dist/menu/menu-trigger-button.svelte +4 -4
- package/dist/menu/menu-trigger-button.svelte.d.ts +1 -1
- package/dist/menu/menu-trigger.svelte +6 -6
- package/dist/menu/menu-trigger.svelte.d.ts +3 -3
- package/dist/menu/menu.svelte +2 -2
- package/dist/menu/menu.svelte.d.ts +1 -1
- package/dist/modal/modal.svelte +4 -4
- package/dist/modal/modal.svelte.d.ts +1 -1
- package/dist/popover/popover.svelte +9 -9
- package/dist/popover/popover.svelte.d.ts +2 -2
- package/dist/portal/index.d.ts +2 -1
- package/dist/portal/index.js +1 -0
- package/dist/portal/portal.svelte +7 -4
- package/dist/portal/portal.svelte.d.ts +2 -2
- package/dist/portal/proxy.svelte +6 -3
- package/dist/portal/proxy.svelte.d.ts +2 -2
- package/dist/progress/circular-progress.svelte +7 -6
- package/dist/progress/circular-progress.svelte.d.ts +2 -2
- package/dist/progress/index.d.ts +1 -1
- package/dist/progress/index.js +1 -1
- package/dist/shortcut/index.d.ts +1 -1
- package/dist/shortcut/index.js +1 -1
- package/dist/shortcut/shortcut-badge.svelte +3 -3
- package/dist/shortcut/shortcut-badge.svelte.d.ts +2 -2
- package/dist/shortcut/shortcut.d.ts +2 -0
- package/dist/shortcut/shortcut.js +2 -0
- package/dist/skeleton/skeleton.svelte +1 -1
- package/dist/skeleton/skeleton.svelte.d.ts +1 -1
- package/dist/slider/index.d.ts +8 -0
- package/dist/slider/index.js +8 -0
- package/dist/slider/slider-context.svelte.d.ts +48 -0
- package/dist/slider/slider-context.svelte.js +192 -0
- package/dist/slider/slider-handle-label-arrow.svelte +18 -0
- package/dist/slider/slider-handle-label-arrow.svelte.d.ts +6 -0
- package/dist/slider/slider-handle-label.svelte +31 -0
- package/dist/slider/slider-handle-label.svelte.d.ts +6 -0
- package/dist/slider/slider-handle.svelte +51 -0
- package/dist/slider/slider-handle.svelte.d.ts +6 -0
- package/dist/slider/slider-mark-dot.svelte +25 -0
- package/dist/slider/slider-mark-dot.svelte.d.ts +6 -0
- package/dist/slider/slider-mark-label.svelte +37 -0
- package/dist/slider/slider-mark-label.svelte.d.ts +9 -0
- package/dist/slider/slider-mark.svelte +33 -0
- package/dist/slider/slider-mark.svelte.d.ts +9 -0
- package/dist/slider/slider.svelte +227 -0
- package/dist/slider/slider.svelte.d.ts +41 -0
- package/dist/switch/index.d.ts +1 -0
- package/dist/switch/index.js +1 -0
- package/dist/switch/switch-thumb.svelte +52 -0
- package/dist/switch/switch-thumb.svelte.d.ts +7 -0
- package/dist/switch/switch.svelte +15 -29
- package/dist/switch/switch.svelte.d.ts +6 -3
- package/dist/textarea/textarea.svelte +2 -2
- package/dist/textarea/textarea.svelte.d.ts +2 -2
- package/dist/toggle/index.d.ts +3 -2
- package/dist/toggle/index.js +3 -2
- package/dist/toggle/toggle-button.svelte +4 -4
- package/dist/toggle/toggle-button.svelte.d.ts +2 -2
- package/dist/toggle/toggle-group.svelte +3 -3
- package/dist/toggle/toggle-group.svelte.d.ts +2 -2
- package/dist/tooltip/tooltip.svelte +7 -6
- package/dist/tooltip/tooltip.svelte.d.ts +3 -3
- package/package.json +7 -5
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import type { MarkdownComponentProps } from "./index.js";
|
|
1
2
|
import type { Tokens } from "marked";
|
|
2
3
|
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
-
import type { MarkdownComponentProps } from ".";
|
|
4
4
|
type $$ComponentProps = MarkdownComponentProps<Tokens.Strong> & HTMLAttributes<HTMLElement>;
|
|
5
5
|
declare const MarkdownStrong: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
6
|
type MarkdownStrong = ReturnType<typeof MarkdownStrong>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
+
import type { MarkdownComponentProps } from "./index.js";
|
|
2
3
|
import type { MarkedToken, Tokens } from "marked";
|
|
3
4
|
import type { HTMLTdAttributes, HTMLThAttributes } from "svelte/elements";
|
|
4
|
-
import type { MarkdownComponentProps } from ".";
|
|
5
5
|
import MarkdownTokens from "./markdown-tokens.svelte";
|
|
6
6
|
|
|
7
7
|
let {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import type { MarkdownComponentProps } from "./index.js";
|
|
1
2
|
import type { Tokens } from "marked";
|
|
2
3
|
import type { HTMLTdAttributes, HTMLThAttributes } from "svelte/elements";
|
|
3
|
-
import type { MarkdownComponentProps } from ".";
|
|
4
4
|
type $$ComponentProps = MarkdownComponentProps<Tokens.TableCell> & (HTMLThAttributes | HTMLTdAttributes);
|
|
5
5
|
declare const MarkdownTableCell: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
6
|
type MarkdownTableCell = ReturnType<typeof MarkdownTableCell>;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
+
import {
|
|
3
|
+
getMarkdownContext,
|
|
4
|
+
type MarkdownComponentProps,
|
|
5
|
+
} from "./index.js";
|
|
2
6
|
import type { Tokens } from "marked";
|
|
3
7
|
import type { HTMLTableAttributes } from "svelte/elements";
|
|
4
|
-
import type { MarkdownComponentProps } from ".";
|
|
5
|
-
import { getMarkdownContext } from ".";
|
|
6
8
|
|
|
7
9
|
let {
|
|
8
10
|
token,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { type MarkdownComponentProps } from "./index.js";
|
|
1
2
|
import type { Tokens } from "marked";
|
|
2
3
|
import type { HTMLTableAttributes } from "svelte/elements";
|
|
3
|
-
import type { MarkdownComponentProps } from ".";
|
|
4
4
|
type $$ComponentProps = MarkdownComponentProps<Tokens.Table> & HTMLTableAttributes;
|
|
5
5
|
declare const MarkdownTable: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
6
|
type MarkdownTable = ReturnType<typeof MarkdownTable>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import type { MarkdownComponentProps } from "./index.js";
|
|
1
2
|
import type { Tokens } from "marked";
|
|
2
|
-
import type { MarkdownComponentProps } from ".";
|
|
3
3
|
declare const MarkdownText: import("svelte").Component<MarkdownComponentProps<Tokens.Text>, {}, "">;
|
|
4
4
|
type MarkdownText = ReturnType<typeof MarkdownText>;
|
|
5
5
|
export default MarkdownText;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { getMarkdownContext, MarkdownTokens } from "./index.js";
|
|
3
|
+
import type { MarkedToken } from "marked";
|
|
4
4
|
|
|
5
5
|
export type MarkdownTokenProps = {
|
|
6
6
|
token: MarkedToken;
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
<script module lang="ts">
|
|
2
|
-
import {
|
|
3
|
-
Lexer,
|
|
4
|
-
type MarkedOptions,
|
|
5
|
-
type MarkedToken,
|
|
6
|
-
type Tokens,
|
|
7
|
-
} from "marked";
|
|
8
|
-
import type { Snippet } from "svelte";
|
|
9
2
|
import {
|
|
10
3
|
MarkdownBlockquote,
|
|
11
4
|
MarkdownBr,
|
|
@@ -32,7 +25,14 @@
|
|
|
32
25
|
MarkdownTokens,
|
|
33
26
|
setMarkdownContext,
|
|
34
27
|
type MarkdownComponentProps,
|
|
35
|
-
} from ".";
|
|
28
|
+
} from "./index.js";
|
|
29
|
+
import {
|
|
30
|
+
Lexer,
|
|
31
|
+
type MarkedOptions,
|
|
32
|
+
type MarkedToken,
|
|
33
|
+
type Tokens,
|
|
34
|
+
} from "marked";
|
|
35
|
+
import type { Snippet } from "svelte";
|
|
36
36
|
|
|
37
37
|
export type MarkdownProps = {
|
|
38
38
|
value: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { type MarkdownComponentProps } from "./index.js";
|
|
1
2
|
import { type MarkedOptions, type Tokens } from "marked";
|
|
2
3
|
import type { Snippet } from "svelte";
|
|
3
|
-
import { type MarkdownComponentProps } from ".";
|
|
4
4
|
export type MarkdownProps = {
|
|
5
5
|
value: string;
|
|
6
6
|
options?: MarkedOptions;
|
package/dist/menu/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export { Divider as MenuDivider, Header as MenuHeader } from "../common";
|
|
1
|
+
export { Divider as MenuDivider, Header as MenuHeader, } from "../common/index.js";
|
|
2
2
|
export { default as MenuActions, type MenuActionsProps, } from "./menu-actions.svelte";
|
|
3
3
|
export { default as MenuContent, type MenuContentProps, } from "./menu-content.svelte";
|
|
4
|
+
export { getMenuContext, MenuContext, setMenuContext, } from "./menu-context.svelte.js";
|
|
4
5
|
export { default as MenuItem, type MenuItemProps } from "./menu-item.svelte";
|
|
5
6
|
export { default as MenuTriggerButton, type MenuTriggerButtonProps, } from "./menu-trigger-button.svelte";
|
|
6
7
|
export { default as MenuTrigger, type MenuTriggerProps, } from "./menu-trigger.svelte";
|
package/dist/menu/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export { Divider as MenuDivider, Header as MenuHeader } from "../common";
|
|
1
|
+
export { Divider as MenuDivider, Header as MenuHeader, } from "../common/index.js";
|
|
2
2
|
export { default as MenuActions, } from "./menu-actions.svelte";
|
|
3
3
|
export { default as MenuContent, } from "./menu-content.svelte";
|
|
4
|
+
export { getMenuContext, MenuContext, setMenuContext, } from "./menu-context.svelte.js";
|
|
4
5
|
export { default as MenuItem } from "./menu-item.svelte";
|
|
5
6
|
export { default as MenuTriggerButton, } from "./menu-trigger-button.svelte";
|
|
6
7
|
export { default as MenuTrigger, } from "./menu-trigger.svelte";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
+
import type { Action } from "../command/index.js";
|
|
3
|
+
import { MenuDivider, MenuHeader, MenuItem } from "./index.js";
|
|
2
4
|
import { Check } from "@lucide/svelte";
|
|
3
|
-
import { MenuDivider, MenuHeader, MenuItem } from ".";
|
|
4
|
-
import type { Action } from "../command";
|
|
5
5
|
|
|
6
6
|
export type MenuActionsProps = {
|
|
7
7
|
actions: Action[];
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<script module lang="ts">
|
|
2
|
+
import { baseClasses, type Variants } from "../base.js";
|
|
3
|
+
import { getMenuContext } from "./index.js";
|
|
4
|
+
import { mergeComponentProps } from "../merge-props.js";
|
|
5
|
+
import { Popover, type PopoverProps } from "../popover/index.js";
|
|
6
|
+
import type { ClassName } from "../utils.js";
|
|
2
7
|
import type { Snippet } from "svelte";
|
|
3
8
|
import { twMerge } from "tailwind-merge";
|
|
4
|
-
import { baseClasses, type Variants } from "../base";
|
|
5
|
-
import { mergeComponentProps } from "../merge-props";
|
|
6
|
-
import { Popover, type PopoverProps } from "../popover";
|
|
7
|
-
import { type ClassName } from "../utils";
|
|
8
|
-
import { getMenuContext } from "./menu-context.svelte";
|
|
9
9
|
|
|
10
10
|
export type MenuContentProps = {
|
|
11
11
|
children: Snippet;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import { type Variants } from "../base.js";
|
|
2
|
+
import { type PopoverProps } from "../popover/index.js";
|
|
3
|
+
import type { ClassName } from "../utils.js";
|
|
1
4
|
import type { Snippet } from "svelte";
|
|
2
|
-
import { type Variants } from "../base";
|
|
3
|
-
import { type PopoverProps } from "../popover";
|
|
4
|
-
import { type ClassName } from "../utils";
|
|
5
5
|
export type MenuContentProps = {
|
|
6
6
|
children: Snippet;
|
|
7
7
|
} & ClassName & Variants & Omit<PopoverProps, "children" | "open">;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import { Bindable } from "../bindable.svelte.js";
|
|
2
|
+
import { OrderedHTMLElements } from "../ordered-html-elements.js";
|
|
3
|
+
import { Shortcut } from "../shortcut/index.js";
|
|
4
|
+
import { TypingBuffer } from "../utils.js";
|
|
1
5
|
import { getContext, setContext } from "svelte";
|
|
2
|
-
import { Bindable } from "../bindable.svelte";
|
|
3
|
-
import { OrderedHTMLElements } from "../ordered-html-elements";
|
|
4
|
-
import { Shortcut } from "../shortcut";
|
|
5
|
-
import { TypingBuffer } from "../utils";
|
|
6
6
|
export class MenuContext {
|
|
7
7
|
#open;
|
|
8
8
|
#anchorEl;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<script module lang="ts">
|
|
2
|
-
import { type
|
|
2
|
+
import { baseClasses, type Variants } from "../base.js";
|
|
3
|
+
import { getMenuContext } from "./index.js";
|
|
4
|
+
import { mergeProps } from "../merge-props.js";
|
|
5
|
+
import { Shortcut } from "../shortcut/index.js";
|
|
6
|
+
import type { ClassName, ElementRef } from "../utils.js";
|
|
7
|
+
import type { Snippet } from "svelte";
|
|
3
8
|
import type { HTMLButtonAttributes } from "svelte/elements";
|
|
4
9
|
import { twMerge } from "tailwind-merge";
|
|
5
|
-
import { baseClasses, type Variants } from "../base";
|
|
6
|
-
import { mergeProps } from "../merge-props";
|
|
7
|
-
import { Shortcut } from "../shortcut";
|
|
8
|
-
import { type ClassName, type ElementRef } from "../utils";
|
|
9
|
-
import { getMenuContext } from "./menu-context.svelte";
|
|
10
10
|
|
|
11
11
|
export type MenuItemProps = {
|
|
12
12
|
onSelect?: (el: HTMLElement) => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type Variants } from "../base.js";
|
|
2
|
+
import type { ClassName, ElementRef } from "../utils.js";
|
|
3
|
+
import type { Snippet } from "svelte";
|
|
2
4
|
import type { HTMLButtonAttributes } from "svelte/elements";
|
|
3
|
-
import { type Variants } from "../base";
|
|
4
|
-
import { type ClassName, type ElementRef } from "../utils";
|
|
5
5
|
export type MenuItemProps = {
|
|
6
6
|
onSelect?: (el: HTMLElement) => void;
|
|
7
7
|
children: Snippet<[]>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script lang="ts" module>
|
|
2
|
-
import { Button, type ButtonProps } from "../button";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
2
|
+
import { Button, type ButtonProps } from "../button/index.js";
|
|
3
|
+
import { getMenuContext } from "./index.js";
|
|
4
|
+
import { mergeProps } from "../merge-props.js";
|
|
5
|
+
import { Shortcut } from "../shortcut/index.js";
|
|
6
6
|
|
|
7
7
|
export type MenuTriggerButtonProps = {} & ButtonProps;
|
|
8
8
|
</script>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ButtonProps } from "../button";
|
|
1
|
+
import { type ButtonProps } from "../button/index.js";
|
|
2
2
|
export type MenuTriggerButtonProps = {} & ButtonProps;
|
|
3
3
|
declare const MenuTriggerButton: import("svelte").Component<MenuTriggerButtonProps, {}, "">;
|
|
4
4
|
type MenuTriggerButton = ReturnType<typeof MenuTriggerButton>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<script lang="ts" module>
|
|
2
|
-
import {
|
|
2
|
+
import type { Variants } from "../base.js";
|
|
3
|
+
import { getMenuContext } from "./index.js";
|
|
4
|
+
import { mergeProps } from "../merge-props.js";
|
|
5
|
+
import { Shortcut } from "../shortcut/index.js";
|
|
6
|
+
import type { ClassName } from "../utils.js";
|
|
7
|
+
import type { Snippet } from "svelte";
|
|
3
8
|
import type { HTMLButtonAttributes } from "svelte/elements";
|
|
4
9
|
import { twMerge } from "tailwind-merge";
|
|
5
|
-
import type { Variants } from "../base";
|
|
6
|
-
import { mergeProps } from "../merge-props";
|
|
7
|
-
import { Shortcut } from "../shortcut";
|
|
8
|
-
import { type ClassName } from "../utils";
|
|
9
|
-
import { getMenuContext } from "./menu-context.svelte";
|
|
10
10
|
|
|
11
11
|
export type MenuTriggerProps = {
|
|
12
12
|
children?: Snippet;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { Variants } from "../base.js";
|
|
2
|
+
import type { ClassName } from "../utils.js";
|
|
3
|
+
import type { Snippet } from "svelte";
|
|
2
4
|
import type { HTMLButtonAttributes } from "svelte/elements";
|
|
3
|
-
import type { Variants } from "../base";
|
|
4
|
-
import { type ClassName } from "../utils";
|
|
5
5
|
export type MenuTriggerProps = {
|
|
6
6
|
children?: Snippet;
|
|
7
7
|
} & ClassName & Variants & HTMLButtonAttributes;
|
package/dist/menu/menu.svelte
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script module lang="ts">
|
|
2
|
+
import { MenuContext, setMenuContext } from "./index.js";
|
|
3
|
+
import type { ElementRef } from "../utils.js";
|
|
2
4
|
import type { Snippet } from "svelte";
|
|
3
|
-
import type { ElementRef } from "../utils";
|
|
4
|
-
import { MenuContext, setMenuContext } from "./menu-context.svelte";
|
|
5
5
|
|
|
6
6
|
export type MenuProps = {
|
|
7
7
|
open?: boolean;
|
package/dist/modal/modal.svelte
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<script module lang="ts">
|
|
2
|
+
import { events } from "../index.js";
|
|
3
|
+
import { mergeProps } from "../merge-props.js";
|
|
4
|
+
import { Shortcut } from "../shortcut/index.js";
|
|
5
|
+
import type { ClassName } from "../utils.js";
|
|
2
6
|
import type { Snippet } from "svelte";
|
|
3
7
|
import type { HTMLDialogAttributes } from "svelte/elements";
|
|
4
8
|
import { scale } from "svelte/transition";
|
|
5
9
|
import { twMerge } from "tailwind-merge";
|
|
6
|
-
import { events } from "..";
|
|
7
|
-
import { mergeProps } from "../merge-props";
|
|
8
|
-
import { Shortcut } from "../shortcut";
|
|
9
|
-
import { type ClassName } from "../utils";
|
|
10
10
|
|
|
11
11
|
export type ModalProps = {
|
|
12
12
|
ref?: HTMLDialogElement;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import type { ClassName } from "../utils.js";
|
|
1
2
|
import type { Snippet } from "svelte";
|
|
2
3
|
import type { HTMLDialogAttributes } from "svelte/elements";
|
|
3
|
-
import { type ClassName } from "../utils";
|
|
4
4
|
export type ModalProps = {
|
|
5
5
|
ref?: HTMLDialogElement;
|
|
6
6
|
onCancel?: () => void;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
<script lang="ts" module>
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import { scale } from "svelte/transition";
|
|
6
|
-
import { twMerge, type ClassNameValue } from "tailwind-merge";
|
|
7
|
-
import { events } from "..";
|
|
8
|
-
import { mergeProps } from "../merge-props";
|
|
9
|
-
import { Shortcut } from "../shortcut";
|
|
2
|
+
import { events } from "../index.js";
|
|
3
|
+
import { mergeProps } from "../merge-props.js";
|
|
4
|
+
import { Shortcut } from "../shortcut/index.js";
|
|
10
5
|
import {
|
|
11
6
|
noop,
|
|
12
7
|
type ClassName,
|
|
13
8
|
type ElementRef,
|
|
14
9
|
type ToggleEventWithTarget,
|
|
15
|
-
} from "../utils";
|
|
10
|
+
} from "../utils.js";
|
|
11
|
+
import * as floatingUi from "@floating-ui/dom";
|
|
12
|
+
import type { Snippet } from "svelte";
|
|
13
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
14
|
+
import { scale } from "svelte/transition";
|
|
15
|
+
import { twMerge, type ClassNameValue } from "tailwind-merge";
|
|
16
16
|
|
|
17
17
|
export type PopoverProps = {
|
|
18
18
|
arrow?: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import { type ClassName, type ElementRef } from "../utils.js";
|
|
1
2
|
import * as floatingUi from "@floating-ui/dom";
|
|
2
|
-
import {
|
|
3
|
+
import type { Snippet } from "svelte";
|
|
3
4
|
import type { HTMLAttributes } from "svelte/elements";
|
|
4
5
|
import { type ClassNameValue } from "tailwind-merge";
|
|
5
|
-
import { type ClassName, type ElementRef } from "../utils";
|
|
6
6
|
export type PopoverProps = {
|
|
7
7
|
arrow?: boolean;
|
|
8
8
|
arrowClass?: ClassNameValue;
|
package/dist/portal/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as Portal } from "./portal.svelte";
|
|
1
|
+
export { default as Portal, type PortalProps } from "./portal.svelte";
|
|
2
|
+
export { default as Proxy, type ProxyProps } from "./proxy.svelte";
|
package/dist/portal/index.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
<script lang="ts">
|
|
1
|
+
<script lang="ts" module>
|
|
2
|
+
import { Proxy } from "./index.js";
|
|
2
3
|
import { mount, unmount, type Snippet } from "svelte";
|
|
3
|
-
import Proxy from "./proxy.svelte";
|
|
4
4
|
|
|
5
|
-
type
|
|
6
|
-
|
|
5
|
+
export type PortalProps = { children?: Snippet; target?: HTMLElement };
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<script lang="ts">
|
|
9
|
+
const { children, target = document.body }: PortalProps = $props();
|
|
7
10
|
|
|
8
11
|
$effect(() => {
|
|
9
12
|
const instance = mount(Proxy, { target, props: { children } });
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { type Snippet } from "svelte";
|
|
2
|
-
type
|
|
2
|
+
export type PortalProps = {
|
|
3
3
|
children?: Snippet;
|
|
4
4
|
target?: HTMLElement;
|
|
5
5
|
};
|
|
6
|
-
declare const Portal: import("svelte").Component<
|
|
6
|
+
declare const Portal: import("svelte").Component<PortalProps, {}, "">;
|
|
7
7
|
type Portal = ReturnType<typeof Portal>;
|
|
8
8
|
export default Portal;
|
package/dist/portal/proxy.svelte
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
<script lang="ts">
|
|
1
|
+
<script lang="ts" module>
|
|
2
2
|
import type { Snippet } from "svelte";
|
|
3
3
|
|
|
4
|
-
type
|
|
5
|
-
|
|
4
|
+
export type ProxyProps = { children?: Snippet };
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<script lang="ts">
|
|
8
|
+
const { children }: ProxyProps = $props();
|
|
6
9
|
</script>
|
|
7
10
|
|
|
8
11
|
{#if children}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Snippet } from "svelte";
|
|
2
|
-
type
|
|
2
|
+
export type ProxyProps = {
|
|
3
3
|
children?: Snippet;
|
|
4
4
|
};
|
|
5
|
-
declare const Proxy: import("svelte").Component<
|
|
5
|
+
declare const Proxy: import("svelte").Component<ProxyProps, {}, "">;
|
|
6
6
|
type Proxy = ReturnType<typeof Proxy>;
|
|
7
7
|
export default Proxy;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
<script lang="ts">
|
|
1
|
+
<script lang="ts" module>
|
|
2
2
|
import type { Snippet } from "svelte";
|
|
3
|
-
|
|
4
|
-
const DASH_ARRAY = 2 * 3.1415926535 * 10;
|
|
5
|
-
|
|
6
|
-
type Props = {
|
|
3
|
+
export type CircularProgressProps = {
|
|
7
4
|
children?: Snippet;
|
|
8
5
|
progress?: number;
|
|
9
6
|
size?: string | number;
|
|
@@ -12,6 +9,10 @@
|
|
|
12
9
|
color?: string;
|
|
13
10
|
class?: string;
|
|
14
11
|
};
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<script lang="ts">
|
|
15
|
+
const DASH_ARRAY = 2 * 3.1415926535 * 10;
|
|
15
16
|
|
|
16
17
|
const {
|
|
17
18
|
children,
|
|
@@ -21,7 +22,7 @@
|
|
|
21
22
|
textColor = "currentColor",
|
|
22
23
|
color = "currentColor",
|
|
23
24
|
class: className,
|
|
24
|
-
}:
|
|
25
|
+
}: CircularProgressProps = $props();
|
|
25
26
|
</script>
|
|
26
27
|
|
|
27
28
|
<svg
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Snippet } from "svelte";
|
|
2
|
-
type
|
|
2
|
+
export type CircularProgressProps = {
|
|
3
3
|
children?: Snippet;
|
|
4
4
|
progress?: number;
|
|
5
5
|
size?: string | number;
|
|
@@ -8,6 +8,6 @@ type Props = {
|
|
|
8
8
|
color?: string;
|
|
9
9
|
class?: string;
|
|
10
10
|
};
|
|
11
|
-
declare const CircularProgress: import("svelte").Component<
|
|
11
|
+
declare const CircularProgress: import("svelte").Component<CircularProgressProps, {}, "">;
|
|
12
12
|
type CircularProgress = ReturnType<typeof CircularProgress>;
|
|
13
13
|
export default CircularProgress;
|
package/dist/progress/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as CircularProgress } from "./circular-progress.svelte";
|
|
1
|
+
export { default as CircularProgress, type CircularProgressProps, } from "./circular-progress.svelte";
|
package/dist/progress/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as CircularProgress } from "./circular-progress.svelte";
|
|
1
|
+
export { default as CircularProgress, } from "./circular-progress.svelte";
|
package/dist/shortcut/index.d.ts
CHANGED
package/dist/shortcut/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<script module lang="ts">
|
|
2
|
+
import { Box } from "../box/index.js";
|
|
3
|
+
import type { Shortcut } from "./index.js";
|
|
4
|
+
import { noop, type ClassName, type ElementRef } from "../utils.js";
|
|
2
5
|
import type { HTMLInputAttributes } from "svelte/elements";
|
|
3
6
|
import { twMerge, type ClassNameValue } from "tailwind-merge";
|
|
4
|
-
import { Box } from "../box";
|
|
5
|
-
import { noop, type ClassName, type ElementRef } from "../utils";
|
|
6
|
-
import type { Shortcut } from "./shortcut";
|
|
7
7
|
|
|
8
8
|
export type ShortcutBadgeProps = {
|
|
9
9
|
shortcut: Shortcut;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import type { Shortcut } from "./index.js";
|
|
2
|
+
import { type ClassName, type ElementRef } from "../utils.js";
|
|
1
3
|
import type { HTMLInputAttributes } from "svelte/elements";
|
|
2
4
|
import { type ClassNameValue } from "tailwind-merge";
|
|
3
|
-
import { type ClassName, type ElementRef } from "../utils";
|
|
4
|
-
import type { Shortcut } from "./shortcut";
|
|
5
5
|
export type ShortcutBadgeProps = {
|
|
6
6
|
shortcut: Shortcut;
|
|
7
7
|
badgeClass?: ClassNameValue;
|
|
@@ -19,6 +19,8 @@ export declare class Shortcut {
|
|
|
19
19
|
static fromEvent(event: KeyboardEvent): Shortcut;
|
|
20
20
|
static ARROW_UP: Shortcut;
|
|
21
21
|
static ARROW_DOWN: Shortcut;
|
|
22
|
+
static ARROW_LEFT: Shortcut;
|
|
23
|
+
static ARROW_RIGHT: Shortcut;
|
|
22
24
|
static END: Shortcut;
|
|
23
25
|
static ENTER: Shortcut;
|
|
24
26
|
static ESCAPE: Shortcut;
|
|
@@ -85,6 +85,8 @@ export class Shortcut {
|
|
|
85
85
|
}
|
|
86
86
|
static ARROW_UP = new Shortcut({ key: "ArrowUp" });
|
|
87
87
|
static ARROW_DOWN = new Shortcut({ key: "ArrowDown" });
|
|
88
|
+
static ARROW_LEFT = new Shortcut({ key: "ArrowLeft" });
|
|
89
|
+
static ARROW_RIGHT = new Shortcut({ key: "ArrowRight" });
|
|
88
90
|
static END = new Shortcut({ key: "End" });
|
|
89
91
|
static ENTER = new Shortcut({ key: "Enter" });
|
|
90
92
|
static ESCAPE = new Shortcut({ key: "Escape" });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
+
import { Box, type BoxProps } from "../box/index.js";
|
|
2
3
|
import type { Snippet } from "svelte";
|
|
3
4
|
import { twMerge } from "tailwind-merge";
|
|
4
|
-
import { Box, type BoxProps } from "../box";
|
|
5
5
|
|
|
6
6
|
export type SkeletonProps = { children?: Snippet } & BoxProps;
|
|
7
7
|
let {
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { getSliderContext, setSliderContext, SliderContext, } from "./slider-context.svelte.js";
|
|
2
|
+
export { default as SliderHandleLabelArrow, type SliderHandleLabelArrowProps, } from "./slider-handle-label-arrow.svelte";
|
|
3
|
+
export { default as SliderHandleLabel, type SliderHandleLabelProps, } from "./slider-handle-label.svelte";
|
|
4
|
+
export { default as SliderHandle, type SliderHandleProps, } from "./slider-handle.svelte";
|
|
5
|
+
export { default as SliderMarkDot, type SliderMarkDotProps, } from "./slider-mark-dot.svelte";
|
|
6
|
+
export { default as SliderMarkLabel, type SliderMarkLabelProps, } from "./slider-mark-label.svelte";
|
|
7
|
+
export { default as SliderMark, type SliderMarkProps, } from "./slider-mark.svelte";
|
|
8
|
+
export { default as Slider, SLIDER_COLORS, SLIDER_RADII, SLIDER_SIZES, type Mark, type SliderColor, type SliderColorProp, type SliderProps, type SliderRadius, type SliderRadiusProp, type SliderSize, type SliderSizeProp, } from "./slider.svelte";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { getSliderContext, setSliderContext, SliderContext, } from "./slider-context.svelte.js";
|
|
2
|
+
export { default as SliderHandleLabelArrow, } from "./slider-handle-label-arrow.svelte";
|
|
3
|
+
export { default as SliderHandleLabel, } from "./slider-handle-label.svelte";
|
|
4
|
+
export { default as SliderHandle, } from "./slider-handle.svelte";
|
|
5
|
+
export { default as SliderMarkDot, } from "./slider-mark-dot.svelte";
|
|
6
|
+
export { default as SliderMarkLabel, } from "./slider-mark-label.svelte";
|
|
7
|
+
export { default as SliderMark, } from "./slider-mark.svelte";
|
|
8
|
+
export { default as Slider, SLIDER_COLORS, SLIDER_RADII, SLIDER_SIZES, } from "./slider.svelte";
|