@geoffcox/sterling-svelte 2.0.4 → 2.0.6

package/dist/Tooltip.svelte.d.ts

@@ -1,10 +1,4 @@
-import { type Snippet } from 'svelte';
-import type { CalloutProps } from './Callout.types';
-type Props = Omit<CalloutProps, 'reference'> & {
-    disabled?: boolean;
-    hoverDelayMilliseconds?: number;
-    tip?: string | Snippet;
-};
-declare const Tooltip: import("svelte").Component<Props, {}, "open">;
+import type { TooltipProps } from './Tooltip.types';
+declare const Tooltip: import("svelte").Component<TooltipProps, {}, "open">;
 type Tooltip = ReturnType<typeof Tooltip>;
 export default Tooltip;

package/dist/Tooltip.types.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+import type { CalloutProps } from './Callout.types';
+export type TooltipProps = Omit<CalloutProps, 'reference'> & {
+    disabled?: boolean;
+    hoverDelayMilliseconds?: number;
+    tip?: string | Snippet;
+};

package/dist/Tooltip.types.js

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

package/dist/Tree.svelte

@@ -2,18 +2,9 @@
 
 <script lang="ts">
   import { setContext } from 'svelte';
-  import type { HTMLAttributes } from 'svelte/elements';
   import { usingKeyboard } from './mediaQueries/usingKeyboard';
   import { TREE_CONTEXT_KEY } from './Tree.constants';
-  import type { TreeContext } from './Tree.types';
-
-  type Props = HTMLAttributes<HTMLDivElement> & {
-    disabled?: boolean | null;
-    expandedValues?: string[];
-    selectedValue?: string;
-    onExpandCollapse?: (expandedValues: string[]) => void;
-    onSelect?: (selectedValue: string | undefined) => void;
-  };
+  import type { TreeContext, TreeProps } from './Tree.types';
 
   let {
     children,
@@ -24,7 +15,7 @@
     onSelect,
     selectedValue = $bindable(undefined),
     ...rest
-  }: Props = $props();
+  }: TreeProps = $props();
 
   let treeRef: HTMLDivElement;
 

package/dist/Tree.svelte.d.ts

@@ -1,12 +1,5 @@
-import type { HTMLAttributes } from 'svelte/elements';
-type Props = HTMLAttributes<HTMLDivElement> & {
-    disabled?: boolean | null;
-    expandedValues?: string[];
-    selectedValue?: string;
-    onExpandCollapse?: (expandedValues: string[]) => void;
-    onSelect?: (selectedValue: string | undefined) => void;
-};
-declare const Tree: import("svelte").Component<Props, {
+import type { TreeProps } from './Tree.types';
+declare const Tree: import("svelte").Component<TreeProps, {
     blur: () => void;
     focus: (options?: FocusOptions) => void;
 }, "selectedValue" | "expandedValues">;

package/dist/Tree.types.d.ts

@@ -1,5 +1,13 @@
+import type { HTMLAttributes } from 'svelte/elements';
 export type TreeContext = {
     disabled: boolean | null | undefined;
     expandedValues: string[];
     selectedValue: string | undefined;
 };
+export type TreeProps = HTMLAttributes<HTMLDivElement> & {
+    disabled?: boolean | null;
+    expandedValues?: string[];
+    selectedValue?: string;
+    onExpandCollapse?: (expandedValues: string[]) => void;
+    onSelect?: (selectedValue: string | undefined) => void;
+};

package/dist/TreeChevron.svelte

@@ -2,14 +2,14 @@
 
 <script lang="ts">
   import { onMount } from 'svelte';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  type Props = HTMLAttributes<HTMLDivElement> & {
-    expanded?: boolean | null | undefined;
-    hasChildren?: boolean | null | undefined;
-  };
-
-  let { class: _class, expanded = false, hasChildren = false, ...rest }: Props = $props();
+  import type { TreeChevronProps } from './TreeChevron.types';
+
+  let {
+    class: _class,
+    expanded = false,
+    hasChildren = false,
+    ...rest
+  }: TreeChevronProps = $props();
 
   let previousExpanded = expanded;
   let mounted = false;

package/dist/TreeChevron.svelte.d.ts

@@ -1,8 +1,4 @@
-import type { HTMLAttributes } from 'svelte/elements';
-type Props = HTMLAttributes<HTMLDivElement> & {
-    expanded?: boolean | null | undefined;
-    hasChildren?: boolean | null | undefined;
-};
-declare const TreeChevron: import("svelte").Component<Props, {}, "">;
+import type { TreeChevronProps } from './TreeChevron.types';
+declare const TreeChevron: import("svelte").Component<TreeChevronProps, {}, "">;
 type TreeChevron = ReturnType<typeof TreeChevron>;
 export default TreeChevron;

package/dist/TreeChevron.types.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+export type TreeChevronProps = HTMLAttributes<HTMLDivElement> & {
+    expanded?: boolean | null | undefined;
+    hasChildren?: boolean | null | undefined;
+};

package/dist/TreeChevron.types.js

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

package/dist/TreeItem.svelte

@@ -1,8 +1,8 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-  import { getContext, setContext, type Snippet } from 'svelte';
-  import type { HTMLAttributes, KeyboardEventHandler, MouseEventHandler } from 'svelte/elements';
+  import { getContext, setContext } from 'svelte';
+  import type { KeyboardEventHandler, MouseEventHandler } from 'svelte/elements';
   import type { SlideParams, TransitionConfig } from 'svelte/transition';
   import { slide } from 'svelte/transition';
   import { prefersReducedMotion } from './mediaQueries/prefersReducedMotion';
@@ -10,14 +10,7 @@
   import type { TreeContext } from './Tree.types';
   import TreeChevron from './TreeChevron.svelte';
   import { TREE_ITEM_CONTEXT_KEY } from './TreeItem.constants';
-  import type { TreeItemContext } from './TreeItem.types';
-
-  type Props = HTMLAttributes<HTMLDivElement> & {
-    disabled?: boolean | null | undefined;
-    icon?: Snippet;
-    label?: string | Snippet;
-    value: string;
-  };
+  import type { TreeItemContext, TreeItemProps } from './TreeItem.types';
 
   let {
     children,
@@ -28,7 +21,7 @@
     style,
     value,
     ...rest
-  }: Props = $props();
+  }: TreeItemProps = $props();
 
   const slideNoOp = (node: Element, params?: SlideParams): TransitionConfig => {
     return { delay: 0, duration: 0 };

package/dist/TreeItem.svelte.d.ts

@@ -1,12 +1,5 @@
-import { type Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-type Props = HTMLAttributes<HTMLDivElement> & {
-    disabled?: boolean | null | undefined;
-    icon?: Snippet;
-    label?: string | Snippet;
-    value: string;
-};
-declare const TreeItem: import("svelte").Component<Props, {
+import type { TreeItemProps } from './TreeItem.types';
+declare const TreeItem: import("svelte").Component<TreeItemProps, {
     collapse: () => boolean;
     expand: () => boolean;
     toggleExpanded: () => boolean;

package/dist/TreeItem.types.d.ts

@@ -1,4 +1,12 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 export type TreeItemContext = {
     depth: number;
     disabled: boolean | null | undefined;
 };
+export type TreeItemProps = HTMLAttributes<HTMLDivElement> & {
+    disabled?: boolean | null | undefined;
+    icon?: Snippet;
+    label?: string | Snippet;
+    value: string;
+};

package/dist/index.d.ts

@@ -10,15 +10,6 @@ export { prefersColorSchemeDark } from './mediaQueries/prefersColorSchemeDark';
 export { prefersReducedMotion } from './mediaQueries/prefersReducedMotion';
 export { usingKeyboard } from './mediaQueries/usingKeyboard';
 export { idGenerator } from './idGenerator';
-export type { ListContext } from './List.types';
-export type { MenuBarContext } from './MenuBar.types';
-export type { MenuItemContext, MenuItemRegistration, MenuItemRole } from './MenuItem.types';
-export type { PopoverPlacement } from './Popover.types';
-export type { ProgressOrientation } from './Progress.types';
-export type { TabListContext } from './TabList.types';
-export type { TextAreaResize } from './TextArea.types';
-export type { TreeContext } from './Tree.types';
-export type { TreeItemContext } from './TreeItem.types';
 export { LABEL_STATUSES, LABEL_VARIANTS } from './Label.constants';
 export { LIST_CONTEXT_KEY } from './List.constants';
 export { MENU_BAR_CONTEXT_KEY } from './MenuBar.constants';
@@ -29,6 +20,37 @@ export { TAB_LIST_CONTEXT_KEY } from './TabList.constants';
 export { TEXT_AREA_RESIZES } from './TextArea.constants';
 export { TREE_CONTEXT_KEY } from './Tree.constants';
 export { TREE_ITEM_CONTEXT_KEY } from './TreeItem.constants';
+export type { AutocompleteProps } from './Autocomplete.types';
+export type { ButtonProps } from './Button.types';
+export type { CalloutProps } from './Callout.types';
+export type { CheckboxProps } from './Checkbox.types';
+export type { DialogProps } from './Dialog.types';
+export type { DropdownProps } from './Dropdown.types';
+export type { InputProps } from './Input.types';
+export type { LabelProps } from './Label.types';
+export type { LinkProps } from './Link.types';
+export type { ListItemProps } from './ListItem.types';
+export type { ListContext, ListProps } from './List.types';
+export type { MenuBarContext, MenuBarProps } from './MenuBar.types';
+export type { MenuButtonProps } from './MenuButton.types';
+export type { MenuItemContext, MenuItemRegistration, MenuItemRole, MenuItemProps } from './MenuItem.types';
+export type { MenuProps } from './Menu.types';
+export type { MenuSeparatorProps } from './MenuSeparator.types';
+export type { PaginationProps } from './Pagination.types';
+export type { PopoverPlacement, PopoverProps } from './Popover.types';
+export type { ProgressOrientation, ProgressProps } from './Progress.types';
+export type { RadioProps } from './Radio.types';
+export type { SelectProps } from './Select.types';
+export type { SliderProps } from './Slider.types';
+export type { SwitchProps } from './Switch.types';
+export type { TabListContext, TabListProps } from './TabList.types';
+export type { TabProps } from './Tab.types';
+export type { TextAreaProps, TextAreaResize } from './TextArea.types';
+export type { TooltipProps } from './Tooltip.types';
+export type { TreeChevronProps } from './TreeChevron.types';
+export type { TreeItemContext, TreeItemProps } from './TreeItem.types';
+export type { TreeContext, TreeProps } from './Tree.types';
+import Autocomplete from './Autocomplete.svelte';
 import Button from './Button.svelte';
 import Callout from './Callout.svelte';
 import Checkbox from './Checkbox.svelte';
@@ -58,4 +80,4 @@ import Tooltip from './Tooltip.svelte';
 import Tree from './Tree.svelte';
 import TreeChevron from './TreeChevron.svelte';
 import TreeItem from './TreeItem.svelte';
-export { Button, Callout, Checkbox, Dialog, Dropdown, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuSeparator, Pagination, Popover, Progress, Radio, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem };
+export { Autocomplete, Button, Callout, Checkbox, Dialog, Dropdown, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuSeparator, Pagination, Popover, Progress, Radio, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem };

package/dist/index.js

@@ -12,7 +12,7 @@ export { prefersReducedMotion } from './mediaQueries/prefersReducedMotion';
 export { usingKeyboard } from './mediaQueries/usingKeyboard';
 // ----- functions ----- //
 export { idGenerator } from './idGenerator';
-// ----- Component constants ----- //
+// ----- constants ----- //
 export { LABEL_STATUSES, LABEL_VARIANTS } from './Label.constants';
 export { LIST_CONTEXT_KEY } from './List.constants';
 export { MENU_BAR_CONTEXT_KEY } from './MenuBar.constants';
@@ -23,7 +23,8 @@ export { TAB_LIST_CONTEXT_KEY } from './TabList.constants';
 export { TEXT_AREA_RESIZES } from './TextArea.constants';
 export { TREE_CONTEXT_KEY } from './Tree.constants';
 export { TREE_ITEM_CONTEXT_KEY } from './TreeItem.constants';
-// ----- Components ----- //
+// ----- components ----- //
+import Autocomplete from './Autocomplete.svelte';
 import Button from './Button.svelte';
 import Callout from './Callout.svelte';
 import Checkbox from './Checkbox.svelte';
@@ -53,4 +54,4 @@ import Tooltip from './Tooltip.svelte';
 import Tree from './Tree.svelte';
 import TreeChevron from './TreeChevron.svelte';
 import TreeItem from './TreeItem.svelte';
-export { Button, Callout, Checkbox, Dialog, Dropdown, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuSeparator, Pagination, Popover, Progress, Radio, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem };
+export { Autocomplete, Button, Callout, Checkbox, Dialog, Dropdown, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuSeparator, Pagination, Popover, Progress, Radio, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoffcox/sterling-svelte",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "author": "Geoff Cox",
   "description": "A modern, accessible, and lightweight component library for Svelte.",
   "license": "MIT",
@@ -19,6 +19,7 @@
     "component",
     "components",
     "controls",
+    "autocomplete",
     "button",
     "callout",
     "checkbox",
@@ -74,7 +75,7 @@
     "@eslint/js": "^9.18.0",
     "@fontsource/atkinson-hyperlegible": "^5.1.1",
     "@fontsource/source-code-pro": "^4.5.14",
-    "@geoffcox/sterling-svelte-themes": "^2.0.0",
+    "@geoffcox/sterling-svelte-themes": "^2.0.2",
     "@sveltejs/adapter-static": "^3.0.8",
     "@sveltejs/kit": "^2.16.0",
     "@sveltejs/package": "^2.0.0",