kosui 0.0.27 → 0.0.29

package/dist/alert/alert.svelte

@@ -1,28 +1,183 @@
 <script lang="ts" module>
-  import { Box, type BoxProps } from "../box/index.js";
-  import { twMerge } from "tailwind-merge";
+  import {
+    COLORS,
+    RADII,
+    type Color,
+    type ColorProp,
+    type Radius,
+    type RadiusProp,
+  } from "../base.js";
+  import { mergeProps } from "../merge-props.js";
+  import type { Snippet } from "svelte";
+  import type { HTMLAttributes } from "svelte/elements";
 
-  export type AlertProps = BoxProps;
+  export const ALERT_VARIANT = ["filled", "tonal", "plain"] as const;
+  export type AlertVariant = (typeof ALERT_VARIANT)[number];
+  export type AlertVariantProp = { variant?: AlertVariant };
+
+  export const ALERT_COLORS = COLORS;
+  export type AlertColor = Color;
+  export type AlertColorProp = ColorProp;
+
+  export type AlertOutlined = boolean;
+  export type AlertOutlinedProp = { outlined?: AlertOutlined };
+
+  export type AlertElevated = boolean;
+  export type AlertElevatedProp = { elevated?: AlertElevated };
+
+  export const ALERT_RADII = RADII;
+  export type AlertRadius = Radius;
+  export type AlertRadiusProp = RadiusProp;
+
+  export type AlertProps = {
+    children: Snippet<[]>;
+  } & AlertVariantProp &
+    AlertColorProp &
+    AlertRadiusProp &
+    AlertOutlinedProp &
+    AlertElevatedProp &
+    HTMLAttributes<HTMLDivElement>;
 </script>
 
 <script lang="ts">
-  let {
-    el = $bindable(),
-    class: className,
-    variant = "elevated",
+  const {
+    variant = "tonal",
     color = "primary",
-    shape = "rounded",
-    backdrop = true,
-    ...restProps
+    radius = "sm",
+    outlined = false,
+    elevated = false,
+    children,
+    ...props
   }: AlertProps = $props();
 </script>
 
-<Box
-  bind:el
-  {variant}
-  {color}
-  {shape}
-  {backdrop}
-  class={twMerge("p-3", className)}
-  {...restProps}
-/>
+<div
+  {...mergeProps(props, {
+    class: [
+      "base",
+      `radius-${radius}`,
+      `variant-${variant}`,
+      `color-${color}`,
+      outlined && "outlined",
+      elevated && "elevated",
+    ],
+  })}
+>
+  {@render children()}
+</div>
+
+<style>
+  .base {
+    padding: calc(var(--spacing) * 4);
+  }
+
+  .elevated {
+    box-shadow:
+      0 1px 3px 0 rgb(from var(--md-sys-color-shadow, rgb(0 0 0)) r g b / 0.2),
+      0 1px 2px -1px
+        rgb(from var(--md-sys-color-shadow, rgb(0 0 0)) r g b / 0.2);
+  }
+
+  .variant-filled.color-primary {
+    background-color: var(--md-sys-color-primary);
+    color: var(--md-sys-color-on-primary);
+  }
+
+  .variant-filled.color-secondary {
+    background-color: var(--md-sys-color-secondary);
+    color: var(--md-sys-color-on-secondary);
+  }
+
+  .variant-filled.color-tertiary {
+    background-color: var(--md-sys-color-tertiary);
+    color: var(--md-sys-color-on-tertiary);
+  }
+
+  .variant-filled.color-error {
+    background-color: var(--md-sys-color-error);
+    color: var(--md-sys-color-on-error);
+  }
+
+  .variant-filled.color-plain {
+    background-color: var(--md-sys-color-inverse-surface);
+    color: var(--md-sys-color-inverse-on-surface);
+  }
+
+  .variant-tonal.color-primary {
+    background-color: var(--md-sys-color-primary-container);
+    color: var(--md-sys-color-on-primary-container);
+  }
+
+  .variant-tonal.color-secondary {
+    background-color: var(--md-sys-color-secondary-container);
+    color: var(--md-sys-color-on-secondary-container);
+  }
+
+  .variant-tonal.color-tertiary {
+    background-color: var(--md-sys-color-tertiary-container);
+    color: var(--md-sys-color-on-tertiary-container);
+  }
+
+  .variant-tonal.color-error {
+    background-color: var(--md-sys-color-error-container);
+    color: var(--md-sys-color-on-error-container);
+  }
+
+  .variant-tonal.color-plain {
+    background-color: var(--md-sys-color-surface-variant);
+    color: var(--md-sys-color-on-surface-variant);
+  }
+
+  .outlined {
+    border-width: 1px;
+    border-style: solid;
+  }
+
+  .outlined.color-primary {
+    border-color: var(--md-sys-color-primary);
+  }
+
+  .outlined.color-secondary {
+    border-color: var(--md-sys-color-secondary);
+  }
+
+  .outlined.color-tertiary {
+    border-color: var(--md-sys-color-tertiary);
+  }
+
+  .outlined.color-error {
+    border-color: var(--md-sys-color-error);
+  }
+
+  .outlined.color-plain {
+    border-color: var(--md-sys-color-outline);
+  }
+
+  .radius-none {
+    border-radius: 0;
+  }
+
+  .radius-xs {
+    border-radius: var(--radius-xs);
+  }
+
+  .radius-sm {
+    border-radius: var(--radius-sm);
+  }
+
+  .radius-md {
+    border-radius: var(--radius-lg);
+  }
+
+  .radius-lg {
+    border-radius: var(--radius-2xl);
+  }
+
+  .radius-xl {
+    border-radius: var(--radius-4xl);
+  }
+
+  .radius-full {
+    border-radius: calc(infinity * 1px);
+  }
+</style>

package/dist/alert/alert.svelte.d.ts

@@ -1,5 +1,28 @@
-import { type BoxProps } from "../box/index.js";
-export type AlertProps = BoxProps;
-declare const Alert: import("svelte").Component<BoxProps, {}, "el">;
+import { type Color, type ColorProp, type Radius, type RadiusProp } from "../base.js";
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+export declare const ALERT_VARIANT: readonly ["filled", "tonal", "plain"];
+export type AlertVariant = (typeof ALERT_VARIANT)[number];
+export type AlertVariantProp = {
+    variant?: AlertVariant;
+};
+export declare const ALERT_COLORS: readonly ["primary", "secondary", "tertiary", "error", "plain", "inherit"];
+export type AlertColor = Color;
+export type AlertColorProp = ColorProp;
+export type AlertOutlined = boolean;
+export type AlertOutlinedProp = {
+    outlined?: AlertOutlined;
+};
+export type AlertElevated = boolean;
+export type AlertElevatedProp = {
+    elevated?: AlertElevated;
+};
+export declare const ALERT_RADII: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
+export type AlertRadius = Radius;
+export type AlertRadiusProp = RadiusProp;
+export type AlertProps = {
+    children: Snippet<[]>;
+} & AlertVariantProp & AlertColorProp & AlertRadiusProp & AlertOutlinedProp & AlertElevatedProp & HTMLAttributes<HTMLDivElement>;
+declare const Alert: import("svelte").Component<AlertProps, {}, "">;
 type Alert = ReturnType<typeof Alert>;
 export default Alert;

package/dist/alert/index.d.ts

@@ -1 +1 @@
-export { default as Alert, type AlertProps } from "./alert.svelte";
+export { default as Alert, ALERT_COLORS, ALERT_RADII, ALERT_VARIANT, type AlertColor, type AlertColorProp, type AlertElevated, type AlertElevatedProp, type AlertOutlined, type AlertOutlinedProp, type AlertProps, type AlertRadius, type AlertRadiusProp, type AlertVariant, type AlertVariantProp, } from "./alert.svelte";

package/dist/alert/index.js

@@ -1 +1 @@
-export { default as Alert } from "./alert.svelte";
+export { default as Alert, ALERT_COLORS, ALERT_RADII, ALERT_VARIANT, } from "./alert.svelte";

package/dist/autocomplete/autocomplete-content.svelte

@@ -2,8 +2,8 @@
   import { getAutocompleteContext } from "./index.js";
   import { baseClasses, type Variants } from "../base.js";
   import { Popover, type PopoverProps } from "../popover/index.js";
-  import { type ClassName } from "../utils.js";
-  import { type Snippet } from "svelte";
+  import type { ClassName } from "../utils.js";
+  import type { Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
 
   export type AutocompleteProps = {

package/dist/autocomplete/autocomplete-content.svelte.d.ts

@@ -1,7 +1,7 @@
 import { type Variants } from "../base.js";
 import { type PopoverProps } from "../popover/index.js";
-import { type ClassName } from "../utils.js";
-import { type Snippet } from "svelte";
+import type { ClassName } from "../utils.js";
+import type { Snippet } from "svelte";
 export type AutocompleteProps = {
     children: Snippet;
 } & ClassName & Variants & Omit<PopoverProps, "children">;

package/dist/autocomplete/autocomplete-item.svelte

@@ -2,9 +2,9 @@
   import { getAutocompleteContext } from "./index.js";
   import { baseClasses, type Variants } from "../base.js";
   import { mergeProps } from "../merge-props.js";
-  import { type ClassName, type ElementRef } from "../utils.js";
-  import { type Snippet } from "svelte";
-  import { type HTMLAttributes } from "svelte/elements";
+  import type { ClassName, ElementRef } from "../utils.js";
+  import type { Snippet } from "svelte";
+  import type { HTMLAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
 
   export type AutocompleteItemProps = {

package/dist/autocomplete/autocomplete-item.svelte.d.ts

@@ -1,7 +1,7 @@
 import { type Variants } from "../base.js";
-import { type ClassName, type ElementRef } from "../utils.js";
-import { type Snippet } from "svelte";
-import { type HTMLAttributes } from "svelte/elements";
+import type { ClassName, ElementRef } from "../utils.js";
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
 export type AutocompleteItemProps = {
     onSelect?: (el: HTMLElement) => void;
     children: Snippet;

package/dist/autocomplete/autocomplete.svelte

@@ -3,8 +3,8 @@
     AutocompleteContext,
     setAutocompleteContext,
   } from "./index.js";
-  import { type ClassName } from "../utils.js";
-  import { type Snippet } from "svelte";
+  import type { ClassName } from "../utils.js";
+  import type { Snippet } from "svelte";
 
   export type AutocompleteProps = {
     children: Snippet;

package/dist/autocomplete/autocomplete.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type ClassName } from "../utils.js";
-import { type Snippet } from "svelte";
+import type { ClassName } from "../utils.js";
+import type { Snippet } from "svelte";
 export type AutocompleteProps = {
     children: Snippet;
 } & ClassName;

package/dist/base.d.ts

@@ -3,7 +3,7 @@ export type Variant = (typeof VARIANTS)[number];
 export type VariantProp = {
     variant?: Variant;
 };
-export declare const COLORS: readonly ["primary", "secondary", "tertiary", "error", "inherit"];
+export declare const COLORS: readonly ["primary", "secondary", "tertiary", "error", "plain", "inherit"];
 export type Color = (typeof COLORS)[number];
 export type ColorProp = {
     color?: Color;
@@ -13,12 +13,12 @@ export type Shape = (typeof SHAPES)[number];
 export type ShapeProp = {
     shape?: Shape;
 };
-export declare const SIZES: readonly ["xs", "sm", "md", "lg", "xl", "inherit"];
+export declare const SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
 export type Size = (typeof SIZES)[number];
 export type SizeProp = {
     size?: Size;
 };
-export declare const RADII: readonly ["xs", "sm", "md", "lg", "xl", "inherit"];
+export declare const RADII: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
 export type Radius = (typeof RADII)[number];
 export type RadiusProp = {
     radius?: Radius;

package/dist/base.js

@@ -12,11 +12,12 @@ export const COLORS = [
     "secondary",
     "tertiary",
     "error",
+    "plain",
     "inherit",
 ];
 export const SHAPES = ["square", "rounded", "circle"];
-export const SIZES = ["xs", "sm", "md", "lg", "xl", "inherit"];
-export const RADII = ["xs", "sm", "md", "lg", "xl", "inherit"];
+export const SIZES = ["xs", "sm", "md", "lg", "xl"];
+export const RADII = ["none", "xs", "sm", "md", "lg", "xl", "full"];
 export const UNDERLINES = ["always", "hover", "none"];
 const hoverBaseClasses = ({ variant, color }) => twMerge("disabled:text-m3-on-surface/38 disabled:bg-m3-on-surface/12 disabled:cursor-not-allowed", variant === "filled" && "hover:opacity-90", variant === "tonal" && "hover:opacity-80", variant === "text" && "hover:opacity-80", variant === "elevated" &&
     color === "primary" &&

package/dist/box/box.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
   import { baseClasses, type Variants } from "../base.js";
   import { noop, type ClassName, type ElementRef } from "../utils.js";
-  import { type Snippet } from "svelte";
-  import { type HTMLAttributes } from "svelte/elements";
+  import type { Snippet } from "svelte";
+  import type { HTMLAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
 
   export type BoxProps = {

package/dist/box/box.svelte.d.ts

@@ -1,7 +1,7 @@
 import { type Variants } from "../base.js";
 import { type ClassName, type ElementRef } from "../utils.js";
-import { type Snippet } from "svelte";
-import { type HTMLAttributes } from "svelte/elements";
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
 export type BoxProps = {
     centered?: boolean;
     backdrop?: boolean;

package/dist/breadcrumbs/breadcrumbs.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">
   import { Link, type LinkProps } from "../link/index.js";
-  import { type Snippet } from "svelte";
+  import type { Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
 
   type Crumb = {

package/dist/breadcrumbs/breadcrumbs.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type LinkProps } from "../link/index.js";
-import { type Snippet } from "svelte";
+import type { Snippet } from "svelte";
 type Crumb = {
     title: string;
     href: string;

package/dist/button/button.svelte

@@ -3,9 +3,9 @@
   import { mergeProps } from "../merge-props.js";
   import { Tooltip, type TooltipTriggerProps } from "../tooltip/index.js";
   import { noop, type ClassName, type ElementRef } from "../utils.js";
-  import { type Icon } from "@lucide/svelte";
-  import { type Snippet } from "svelte";
-  import { type HTMLButtonAttributes } from "svelte/elements";
+  import type { Icon } from "@lucide/svelte";
+  import type { Snippet } from "svelte";
+  import type { HTMLButtonAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
 
   export type ButtonProps = {

package/dist/button/button.svelte.d.ts

@@ -1,8 +1,8 @@
 import { type Variants } from "../base.js";
 import { type ClassName, type ElementRef } from "../utils.js";
-import { type Icon } from "@lucide/svelte";
-import { type Snippet } from "svelte";
-import { type HTMLButtonAttributes } from "svelte/elements";
+import type { Icon } from "@lucide/svelte";
+import type { Snippet } from "svelte";
+import type { HTMLButtonAttributes } from "svelte/elements";
 export type ButtonProps = {
     icon?: typeof Icon;
     size?: number;

package/dist/chip/chip.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" module>
   import { Box, type BoxProps } from "../box/index.js";
   import { X } from "@lucide/svelte";
-  import { type Snippet } from "svelte";
+  import type { Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
 
   export type ChipProps = {

package/dist/chip/chip.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type BoxProps } from "../box/index.js";
-import { type Snippet } from "svelte";
+import type { Snippet } from "svelte";
 export type ChipProps = {
     title?: string;
     onClick?: (event: MouseEvent | KeyboardEvent) => void;

package/dist/command/action.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type Shortcut } from "../shortcut/index.js";
+import type { Shortcut } from "../shortcut/index.js";
 import { type Icon } from "@lucide/svelte";
 type ActionProps = {
     id: string;

package/dist/command/action.svelte.js

@@ -1,4 +1,3 @@
-import {} from "../shortcut/index.js";
 import { CircleSlash } from "@lucide/svelte";
 import { untrack } from "svelte";
 export class Action {

package/dist/command/command-content.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">
-  import { type ClassName } from "../utils.js";
-  import { type Snippet } from "svelte";
+  import type { ClassName } from "../utils.js";
+  import type { Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
 
   export type CommandContentProps = { children: Snippet } & ClassName;

package/dist/command/command-content.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type ClassName } from "../utils.js";
-import { type Snippet } from "svelte";
+import type { ClassName } from "../utils.js";
+import type { Snippet } from "svelte";
 export type CommandContentProps = {
     children: Snippet;
 } & ClassName;

package/dist/command/command-input.svelte

@@ -2,8 +2,8 @@
   import { baseClasses, type Variants } from "../base.js";
   import { getCommandContext } from "./index.js";
   import { mergeProps } from "../merge-props.js";
-  import { type ClassName, type ElementRef } from "../utils.js";
-  import { type HTMLInputAttributes } from "svelte/elements";
+  import type { ClassName, ElementRef } from "../utils.js";
+  import type { HTMLInputAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
 
   export type CommandInputProps = {} & ElementRef &

package/dist/command/command-input.svelte.d.ts

@@ -1,6 +1,6 @@
 import { type Variants } from "../base.js";
-import { type ClassName, type ElementRef } from "../utils.js";
-import { type HTMLInputAttributes } from "svelte/elements";
+import type { ClassName, ElementRef } from "../utils.js";
+import type { HTMLInputAttributes } from "svelte/elements";
 export type CommandInputProps = {} & ElementRef & ClassName & Variants & HTMLInputAttributes;
 declare const CommandInput: import("svelte").Component<CommandInputProps, {}, "value">;
 type CommandInput = ReturnType<typeof CommandInput>;

package/dist/command/command-item.svelte

@@ -2,9 +2,9 @@
   import { baseClasses, type Variants } from "../base.js";
   import { getCommandContext } from "./index.js";
   import { mergeProps } from "../merge-props.js";
-  import { type ClassName, type ElementRef } from "../utils.js";
-  import { type Snippet } from "svelte";
-  import { type HTMLAttributes } from "svelte/elements";
+  import type { ClassName, ElementRef } from "../utils.js";
+  import type { Snippet } from "svelte";
+  import type { HTMLAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
 
   export type CommandItemProps = {

package/dist/command/command-item.svelte.d.ts

@@ -1,7 +1,7 @@
 import { type Variants } from "../base.js";
-import { type ClassName, type ElementRef } from "../utils.js";
-import { type Snippet } from "svelte";
-import { type HTMLAttributes } from "svelte/elements";
+import type { ClassName, ElementRef } from "../utils.js";
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
 export type CommandItemProps = {
     onSelect?: (el: HTMLElement) => void;
     children: Snippet<[]>;

package/dist/command/command.svelte

@@ -1,7 +1,7 @@
 <script module lang="ts">
   import { CommandContext, setCommandContext } from "./index.js";
-  import { type ClassName } from "../utils.js";
-  import { type Snippet } from "svelte";
+  import type { ClassName } from "../utils.js";
+  import type { Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
 
   export type CommandProps = {

package/dist/command/command.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type ClassName } from "../utils.js";
-import { type Snippet } from "svelte";
+import type { ClassName } from "../utils.js";
+import type { Snippet } from "svelte";
 export type CommandProps = {
     children: Snippet<[]>;
 } & ClassName;

package/dist/common/divider.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">
-  import { type ClassName } from "../utils.js";
-  import { type HTMLAttributes } from "svelte/elements";
+  import type { ClassName } from "../utils.js";
+  import type { HTMLAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
 
   export type DividerProps = {} & ClassName & HTMLAttributes<HTMLHRElement>;

package/dist/common/divider.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type ClassName } from "../utils.js";
-import { type HTMLAttributes } from "svelte/elements";
+import type { ClassName } from "../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
 export type DividerProps = {} & ClassName & HTMLAttributes<HTMLHRElement>;
 declare const Divider: import("svelte").Component<DividerProps, {}, "">;
 type Divider = ReturnType<typeof Divider>;

package/dist/common/header.svelte

@@ -1,8 +1,8 @@
 <script module lang="ts">
   import { baseClasses, type Variants } from "../base.js";
-  import { type ClassName } from "../utils.js";
-  import { type Snippet } from "svelte";
-  import { type HTMLAttributes } from "svelte/elements";
+  import type { ClassName } from "../utils.js";
+  import type { Snippet } from "svelte";
+  import type { HTMLAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
 
   export type HeaderProps = {

package/dist/common/header.svelte.d.ts

@@ -1,7 +1,7 @@
 import { type Variants } from "../base.js";
-import { type ClassName } from "../utils.js";
-import { type Snippet } from "svelte";
-import { type HTMLAttributes } from "svelte/elements";
+import type { ClassName } from "../utils.js";
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
 export type HeaderProps = {
     children: Snippet;
 } & ClassName & Variants & HTMLAttributes<HTMLDivElement>;

package/dist/dialog/dialog-button.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">
   import { Button, type ButtonProps } from "../button/index.js";
-  import { type Snippet } from "svelte";
+  import type { Snippet } from "svelte";
 
   export type DialogButtonProps<T> = {
     value: T | undefined;

package/dist/dialog/dialog-button.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type ButtonProps } from "../button/index.js";
-import { type Snippet } from "svelte";
+import type { Snippet } from "svelte";
 export type DialogButtonProps<T> = {
     value: T | undefined;
     autofocus?: boolean;

package/dist/dialog/dialog.svelte

@@ -1,8 +1,8 @@
 <script module lang="ts">
   import { mergeComponentProps } from "../merge-props.js";
   import { Modal, type ModalProps } from "../modal/index.js";
-  import { type Icon } from "@lucide/svelte";
-  import { type Snippet } from "svelte";
+  import type { Icon } from "@lucide/svelte";
+  import type { Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
 
   export type DialogProps<T> = {

package/dist/dialog/dialog.svelte.d.ts

@@ -1,6 +1,6 @@
 import { type ModalProps } from "../modal/index.js";
-import { type Icon } from "@lucide/svelte";
-import { type Snippet } from "svelte";
+import type { Icon } from "@lucide/svelte";
+import type { Snippet } from "svelte";
 export type DialogProps<T> = {
     ref?: HTMLDialogElement;
     onSelect?: (value: T | undefined) => void;

package/dist/dialog/dialoguer-context.svelte.d.ts

@@ -1,6 +1,6 @@
-import { type Variants } from "../base.js";
-import { type InputProps } from "../input/index.js";
-import { type Icon } from "@lucide/svelte";
+import type { Variants } from "../base.js";
+import type { InputProps } from "../input/index.js";
+import type { Icon } from "@lucide/svelte";
 import { type Snippet } from "svelte";
 export type DialoguerButtonProps<T> = {
     text: string;