@sjsf/skeleton-theme 2.0.0-next.0 → 2.0.0-next.2

package/dist/components/button.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { defineDisabled, getFormContext, type ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/components/button.svelte';
 
 	const { children, onclick, config, disabled, type }: ComponentProps['button'] = $props();
 

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

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/components/button.svelte';
 declare const Button: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
     type: import("@sjsf/form/fields/components").ButtonType;
     disabled: boolean;

package/dist/components/description.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/components/description.svelte';
 
 	const { description, config }: ComponentProps['description'] = $props();
 </script>

package/dist/components/description.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/components/description.svelte';
 declare const Description: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
     type: import("@sjsf/form/templates/components").ParentTemplateType;
     description: string;

package/dist/components/errors-list.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/components/errors-list.svelte';
 
 	const { errors, forId, config }: ComponentProps['errorsList'] = $props();
 </script>

package/dist/components/errors-list.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/components/errors-list.svelte';
 declare const ErrorsList: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
     forId: string;
 }, {}, "">;

package/dist/components/form.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { enhance, getFormContext, type ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/components/form.svelte';
 
 	let { config, children, ref = $bindable(), attributes }: ComponentProps['form'] = $props();
 

package/dist/components/form.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/components/form.svelte';
 declare const Form: import("svelte").Component<{
     config: import("@sjsf/form").Config;
     ref?: HTMLFormElement | undefined;

package/dist/components/help.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/components/help.svelte';
 
 	const { help, config }: ComponentProps['help'] = $props();
 </script>

package/dist/components/help.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/components/help.svelte';
 declare const Help: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
     help: string;
 }, {}, "">;

package/dist/components/layout.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/components/layout.svelte';
 
 	const { type, children, config }: ComponentProps['layout'] = $props();
 

package/dist/components/layout.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/components/layout.svelte';
 declare const Layout: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
     type: import("@sjsf/form/fields/components").LayoutType;
     children: import("svelte").Snippet;

package/dist/components/submit-button.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { defineDisabled, getFormContext, type ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/components/submit-button.svelte';
 
 	const { children, config }: ComponentProps['submitButton'] = $props();
 

package/dist/components/submit-button.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/components/submit-button.svelte';
 declare const SubmitButton: import("svelte").Component<{
     config: import("@sjsf/form").Config;
     children: import("svelte").Snippet;

package/dist/components/title.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/components/title.svelte';
 
 	const { title, type, forId, required, config }: ComponentProps['title'] = $props();
 </script>

package/dist/components/title.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/components/title.svelte';
 declare const Title: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
     type: import("@sjsf/form/templates/components").ParentTemplateType;
     title: string;

package/dist/definitions.d.ts

@@ -1,72 +1,7 @@
-import type { ExtendableComponentDefinitionsWithoutFields } from '@sjsf/form/fields/resolver';
+import type { ComponentDefinitions } from '@sjsf/form';
 import * as templates from '@sjsf/form/templates/exports';
-export declare const definitions: {
-    textWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<string>, {}, "value">;
-    numberWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<number>, {}, "value">;
-    selectWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<import("@sjsf/form").SchemaValue> & import("@sjsf/form/fields/widgets").Options, {}, "value">;
-    checkboxWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<boolean>, {}, "value">;
-    checkboxesWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<import("@sjsf/form/core").SchemaArrayValue> & import("@sjsf/form/fields/widgets").Options, {}, "value">;
-    fileWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<FileList> & {
-        multiple: boolean;
-        loading: boolean;
-        processing: boolean;
-    }, {}, "value">;
-    form: import("svelte").Component<{
-        config: import("@sjsf/form").Config;
-        ref?: HTMLFormElement | undefined;
-        children: import("svelte").Snippet;
-        attributes?: import("svelte/elements").HTMLFormAttributes | undefined;
-    }, {}, "ref">;
-    submitButton: import("svelte").Component<{
-        config: import("@sjsf/form").Config;
-        children: import("svelte").Snippet;
-    }, {}, "">;
-    button: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        type: import("@sjsf/form/fields/components").ButtonType;
-        disabled: boolean;
-        children: import("svelte").Snippet;
-        onclick: () => void;
-    }, {}, "">;
-    layout: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        type: import("@sjsf/form/fields/components").LayoutType;
-        children: import("svelte").Snippet;
-    }, {}, "">;
-    title: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        type: templates.ParentTemplateType;
-        title: string;
-        forId: string;
-        required: boolean;
-    }, {}, "">;
-    description: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        type: templates.ParentTemplateType;
-        description: string;
-    }, {}, "">;
-    help: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        help: string;
-    }, {}, "">;
-    errorsList: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        forId: string;
-    }, {}, "">;
-    fieldTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form").SchemaValue> & {
-        showTitle: boolean;
-    }, {}, "">;
-    objectTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form/core").SchemaObjectValue> & {
-        addButton?: import("svelte").Snippet;
-    }, {}, "">;
-    objectPropertyTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form").SchemaValue> & {
-        property: string;
-        keyInput?: import("svelte").Snippet;
-        removeButton?: import("svelte").Snippet;
-    }, {}, "">;
-    arrayTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form/core").SchemaArrayValue> & {
-        addButton?: import("svelte").Snippet;
-    }, {}, "">;
-    arrayItemTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form").SchemaValue> & {
-        index: number;
-        buttons?: import("svelte").Snippet;
-    }, {}, "">;
-    multiFieldTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form").SchemaValue> & {
-        optionSelector: import("svelte").Snippet;
-    }, {}, "">;
-};
-export declare const extendable: ExtendableComponentDefinitionsWithoutFields;
+import * as components from './components/exports';
+import * as widgets from './widgets/exports';
+export interface ExtraWidgets {
+}
+export declare const definitions: typeof templates & typeof components & typeof widgets & Pick<ComponentDefinitions, keyof ExtraWidgets>;

package/dist/definitions.js

@@ -6,4 +6,3 @@ export const definitions = {
     ...components,
     ...widgets
 };
-export const extendable = definitions;

package/dist/extra-widgets/checkboxes-include.d.ts

@@ -0,0 +1,6 @@
+import './checkboxes.svelte';
+declare module '../definitions.js' {
+    interface ExtraWidgets {
+        checkboxesWidget: {};
+    }
+}

package/dist/extra-widgets/checkboxes-include.js

@@ -0,0 +1,4 @@
+import { definitions } from '../definitions.js';
+import Checkboxes from './checkboxes.svelte';
+import './checkboxes.svelte';
+definitions.checkboxesWidget = Checkboxes;

package/dist/{widgets → extra-widgets}/checkboxes.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { getFormContext, inputAttributes, type ComponentProps } from '@sjsf/form';
 	import { multipleOptions, indexMapper } from '@sjsf/form/options.svelte';
+	import '@sjsf/basic-theme/extra-widgets/checkboxes.svelte';
 
 	let {
 		handlers,
@@ -17,9 +18,7 @@
 
 	const ctx = getFormContext();
 
-	const attributes = $derived(
-		inputAttributes(ctx, config, handlers, config.uiOptions?.checkboxes)
-	);
+	const attributes = $derived(inputAttributes(ctx, config, handlers, config.uiOptions?.checkboxes));
 </script>
 
 {#each options as option, index (option.id)}

package/dist/{widgets → extra-widgets}/checkboxes.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/extra-widgets/checkboxes.svelte';
 declare const Checkboxes: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<import("@sjsf/form/core").SchemaArrayValue> & import("@sjsf/form/fields/widgets").Options, {}, "value">;
 type Checkboxes = ReturnType<typeof Checkboxes>;
 export default Checkboxes;

package/dist/extra-widgets/date-picker-include.d.ts

@@ -1 +1,6 @@
 import './date-picker.svelte';
+declare module '../definitions.js' {
+    interface ExtraWidgets {
+        datePickerWidget: {};
+    }
+}

package/dist/extra-widgets/date-picker-include.js

@@ -1,4 +1,4 @@
-import { extendable } from '../definitions';
+import { definitions } from '../definitions';
 import DatePicker from './date-picker.svelte';
 import './date-picker.svelte';
-extendable.datePickerWidget = DatePicker;
+definitions.datePickerWidget = DatePicker;

package/dist/extra-widgets/file-include.d.ts

@@ -0,0 +1,6 @@
+import './file.svelte';
+declare module '../definitions.js' {
+    interface ExtraWidgets {
+        fileWidget: {};
+    }
+}

package/dist/extra-widgets/file-include.js

@@ -0,0 +1,4 @@
+import { definitions } from '../definitions.js';
+import File from './file.svelte';
+import './file.svelte';
+definitions.fileWidget = File;

package/dist/{widgets → extra-widgets}/file.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { getFormContext, inputAttributes, type ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/extra-widgets/file.svelte';
 
 	let {
 		config,
@@ -12,9 +13,7 @@
 
 	const ctx = getFormContext();
 
-	const attributes = $derived(
-		inputAttributes(ctx, config, handlers, config.uiOptions?.file)
-	);
+	const attributes = $derived(inputAttributes(ctx, config, handlers, config.uiOptions?.file));
 </script>
 
 <input

package/dist/{widgets → extra-widgets}/file.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/extra-widgets/file.svelte';
 declare const File: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<FileList> & {
     multiple: boolean;
     loading: boolean;

package/dist/extra-widgets/multi-select-include.d.ts

@@ -1 +1,6 @@
 import './multi-select.svelte';
+declare module '../definitions.js' {
+    interface ExtraWidgets {
+        multiSelectWidget: {};
+    }
+}

package/dist/extra-widgets/multi-select-include.js

@@ -1,4 +1,4 @@
-import { extendable } from '../definitions.js';
+import { definitions } from '../definitions.js';
 import MultiSelect from './multi-select.svelte';
 import './multi-select.svelte';
-extendable.multiSelectWidget = MultiSelect;
+definitions.multiSelectWidget = MultiSelect;

package/dist/extra-widgets/radio-include.d.ts

@@ -1 +1,6 @@
-import "./radio.svelte";
+import './radio.svelte';
+declare module '../definitions.js' {
+    interface ExtraWidgets {
+        radioWidget: {};
+    }
+}

package/dist/extra-widgets/radio-include.js

@@ -1,4 +1,4 @@
-import { extendable } from "../definitions.js";
-import Radio from "./radio.svelte";
-import "./radio.svelte";
-extendable.radioWidget = Radio;
+import { definitions } from '../definitions.js';
+import Radio from './radio.svelte';
+import './radio.svelte';
+definitions.radioWidget = Radio;

package/dist/extra-widgets/range-include.d.ts

@@ -1 +1,6 @@
 import './range.svelte';
+declare module '../definitions.js' {
+    interface ExtraWidgets {
+        rangeWidget: {};
+    }
+}

package/dist/extra-widgets/range-include.js

@@ -1,4 +1,4 @@
-import { extendable } from '../definitions';
+import { definitions } from '../definitions';
 import Range from './range.svelte';
 import './range.svelte';
-extendable.rangeWidget = Range;
+definitions.rangeWidget = Range;

package/dist/extra-widgets/textarea-include.d.ts

@@ -1 +1,6 @@
-import "./textarea.svelte";
+import './textarea.svelte';
+declare module '../definitions.js' {
+    interface ExtraWidgets {
+        textareaWidget: {};
+    }
+}

package/dist/extra-widgets/textarea-include.js

@@ -1,4 +1,4 @@
-import { extendable } from "../definitions.js";
-import Textarea from "./textarea.svelte";
-import "./textarea.svelte";
-extendable.textareaWidget = Textarea;
+import { definitions } from '../definitions.js';
+import Textarea from './textarea.svelte';
+import './textarea.svelte';
+definitions.textareaWidget = Textarea;

package/dist/index.d.ts

@@ -1,107 +1 @@
-import '@sjsf/form/fields/exports';
-import '@sjsf/form/templates/exports';
-import '@sjsf/basic-theme/components/exports';
-import '@sjsf/basic-theme/widgets/exports';
-export declare const theme: import("@sjsf/form/lib/resolver").Resolver<import("@sjsf/form/lib/resolver").Chain<{
-    booleanField: any;
-    integerField: any;
-    nullField: any;
-    numberField: any;
-    stringField: any;
-    anyOfField: any;
-    oneOfField: any;
-    arrayField: any;
-    tupleField: any;
-    arrayItemField: any;
-    objectField: any;
-    objectPropertyField: any;
-}, {
-    textWidget: any;
-    numberWidget: any;
-    selectWidget: any;
-    checkboxWidget: any;
-    checkboxesWidget: any;
-    fileWidget: any;
-    form: any;
-    submitButton: any;
-    button: any;
-    layout: any;
-    title: any;
-    description: any;
-    help: any;
-    errorsList: any;
-    fieldTemplate: any;
-    objectTemplate: any;
-    objectPropertyTemplate: any;
-    arrayTemplate: any;
-    arrayItemTemplate: any;
-    multiFieldTemplate: any;
-}>, import("@sjsf/form/lib/resolver").Chain<typeof import("@sjsf/form/fields/exports"), {
-    textWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<string>, {}, "value">;
-    numberWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<number>, {}, "value">;
-    selectWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<import("@sjsf/form").SchemaValue> & import("@sjsf/form/fields/widgets").Options, {}, "value">;
-    checkboxWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<boolean>, {}, "value">;
-    checkboxesWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<import("@sjsf/form/core").SchemaArrayValue> & import("@sjsf/form/fields/widgets").Options, {}, "value">;
-    fileWidget: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<FileList> & {
-        multiple: boolean;
-        loading: boolean;
-        processing: boolean;
-    }, {}, "value">;
-    form: import("svelte").Component<{
-        config: import("@sjsf/form").Config;
-        ref?: HTMLFormElement | undefined;
-        children: import("svelte").Snippet;
-        attributes?: import("svelte/elements").HTMLFormAttributes | undefined;
-    }, {}, "ref">;
-    submitButton: import("svelte").Component<{
-        config: import("@sjsf/form").Config;
-        children: import("svelte").Snippet;
-    }, {}, "">;
-    button: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        type: import("@sjsf/form/fields/components").ButtonType;
-        disabled: boolean;
-        children: import("svelte").Snippet;
-        onclick: () => void;
-    }, {}, "">;
-    layout: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        type: import("@sjsf/form/fields/components").LayoutType;
-        children: import("svelte").Snippet;
-    }, {}, "">;
-    title: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        type: import("@sjsf/form/templates/components").ParentTemplateType;
-        title: string;
-        forId: string;
-        required: boolean;
-    }, {}, "">;
-    description: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        type: import("@sjsf/form/templates/components").ParentTemplateType;
-        description: string;
-    }, {}, "">;
-    help: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        help: string;
-    }, {}, "">;
-    errorsList: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-        forId: string;
-    }, {}, "">;
-    fieldTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form").SchemaValue> & {
-        showTitle: boolean;
-    }, {}, "">;
-    objectTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form/core").SchemaObjectValue> & {
-        addButton?: import("svelte").Snippet;
-    }, {}, "">;
-    objectPropertyTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form").SchemaValue> & {
-        property: string;
-        keyInput?: import("svelte").Snippet;
-        removeButton?: import("svelte").Snippet;
-    }, {}, "">;
-    arrayTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form/core").SchemaArrayValue> & {
-        addButton?: import("svelte").Snippet;
-    }, {}, "">;
-    arrayItemTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form").SchemaValue> & {
-        index: number;
-        buttons?: import("svelte").Snippet;
-    }, {}, "">;
-    multiFieldTemplate: import("svelte").Component<import("@sjsf/form/fields/templates").TemplateCommonProps<import("@sjsf/form").SchemaValue> & {
-        optionSelector: import("svelte").Snippet;
-    }, {}, "">;
-}>>;
+export declare const theme: import("@sjsf/form/lib/resolver").Resolver<import("@sjsf/form/lib/resolver").Chain<Record<"stringField" | "numberField" | "integerField" | "booleanField" | "objectField" | "arrayField" | "tupleField" | "nullField" | "oneOfField" | "anyOfField" | "arrayItemField" | "objectPropertyField", any>, Record<"form" | "button" | "submitButton" | "fieldTemplate" | "objectTemplate" | "objectPropertyTemplate" | "arrayTemplate" | "arrayItemTemplate" | "multiFieldTemplate" | "layout" | "textWidget" | "numberWidget" | "selectWidget" | "checkboxWidget" | "title" | "description" | "help" | "errorsList" | keyof import("./definitions").ExtraWidgets, any>>, import("@sjsf/form/lib/resolver").Chain<typeof import("@sjsf/form/fields/exports") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("@sjsf/form/fields/resolver/definitions").ExtraFields>, typeof import("@sjsf/form/templates/exports") & typeof import("./components/exports.js") & typeof import("./widgets/exports.js") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("./definitions").ExtraWidgets>>>;

package/dist/index.js

@@ -1,8 +1,4 @@
 import { extendByRecord } from '@sjsf/form/lib/resolver';
 import { fields } from '@sjsf/form/fields/resolver';
-import '@sjsf/form/fields/exports';
-import '@sjsf/form/templates/exports';
-import '@sjsf/basic-theme/components/exports';
-import '@sjsf/basic-theme/widgets/exports';
 import { definitions } from './definitions';
 export const theme = extendByRecord(fields, definitions);

package/dist/widgets/checkbox.svelte

@@ -1,13 +1,12 @@
 <script lang="ts">
 	import { getFormContext, inputAttributes, type ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/widgets/checkbox.svelte';
 
 	let { config, value = $bindable(), handlers }: ComponentProps['checkboxWidget'] = $props();
 
 	const ctx = getFormContext();
 
-	const attributes = $derived(
-		inputAttributes(ctx, config, handlers, config.uiOptions?.checkbox)
-	);
+	const attributes = $derived(inputAttributes(ctx, config, handlers, config.uiOptions?.checkbox));
 </script>
 
 <label class="flex items-center space-x-2 cursor-pointer">

package/dist/widgets/checkbox.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/widgets/checkbox.svelte';
 declare const Checkbox: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<boolean>, {}, "value">;
 type Checkbox = ReturnType<typeof Checkbox>;
 export default Checkbox;

package/dist/widgets/exports.d.ts

@@ -2,5 +2,3 @@ export { default as textWidget } from './text.svelte';
 export { default as numberWidget } from './number.svelte';
 export { default as selectWidget } from './select.svelte';
 export { default as checkboxWidget } from './checkbox.svelte';
-export { default as checkboxesWidget } from './checkboxes.svelte';
-export { default as fileWidget } from './file.svelte';

package/dist/widgets/exports.js

@@ -2,5 +2,3 @@ export { default as textWidget } from './text.svelte';
 export { default as numberWidget } from './number.svelte';
 export { default as selectWidget } from './select.svelte';
 export { default as checkboxWidget } from './checkbox.svelte';
-export { default as checkboxesWidget } from './checkboxes.svelte';
-export { default as fileWidget } from './file.svelte';

package/dist/widgets/number.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { Datalist, getFormContext, inputAttributes, type ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/widgets/number.svelte';
 
 	let { value = $bindable(), config, handlers }: ComponentProps['numberWidget'] = $props();
 

package/dist/widgets/number.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/widgets/number.svelte';
 declare const Number: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<number>, {}, "value">;
 type Number = ReturnType<typeof Number>;
 export default Number;

package/dist/widgets/select.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { getFormContext, selectAttributes, type ComponentProps } from '@sjsf/form';
 	import { indexMapper, singleOption } from '@sjsf/form/options.svelte';
+	import '@sjsf/basic-theme/widgets/select.svelte';
 
 	let { value = $bindable(), options, config, handlers }: ComponentProps['selectWidget'] = $props();
 
@@ -14,9 +15,7 @@
 
 	const ctx = getFormContext();
 
-	const attributes = $derived(
-		selectAttributes(ctx, config, handlers, config.uiOptions?.select)
-	);
+	const attributes = $derived(selectAttributes(ctx, config, handlers, config.uiOptions?.select));
 </script>
 
 <select class="select" bind:value={mapped.value} {...attributes}>

package/dist/widgets/select.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/widgets/select.svelte';
 declare const Select: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<import("@sjsf/form").SchemaValue> & import("@sjsf/form/fields/widgets").Options, {}, "value">;
 type Select = ReturnType<typeof Select>;
 export default Select;

package/dist/widgets/text.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { Datalist, getFormContext, inputAttributes, type ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/widgets/text.svelte';
 
 	let { value = $bindable(), config, handlers }: ComponentProps['textWidget'] = $props();
 

package/dist/widgets/text.svelte.d.ts

@@ -1,3 +1,4 @@
+import '@sjsf/basic-theme/widgets/text.svelte';
 declare const Text: import("svelte").Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<string>, {}, "value">;
 type Text = ReturnType<typeof Text>;
 export default Text;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sjsf/skeleton-theme",
-  "version": "2.0.0-next.0",
+  "version": "2.0.0-next.2",
   "description": "The skeleton based theme for svelte-jsonschema-form",
   "license": "MIT",
   "keywords": [
@@ -48,7 +48,8 @@
     "./styles.css": "./dist/styles.css"
   },
   "peerDependencies": {
-    "@sjsf/form": "^2.0.0-next.0",
+    "@sjsf/form": "^2.0.0-next.2",
+    "@sjsf/basic-theme": "^2.0.0-next.2",
     "@skeletonlabs/skeleton": ">=3.0.0-next.0 <=3.0.0-next.10",
     "@tailwindcss/forms": "^0.5.10",
     "svelte": "^5.23.0"
@@ -77,16 +78,17 @@
     "typescript-eslint": "^8.26.1",
     "vite": "6.2.1",
     "vitest": "3.0.8",
-    "@sjsf/ajv8-validator": "2.0.0-next.0",
-    "@sjsf/basic-theme": "2.0.0-next.0",
-    "@sjsf/form": "2.0.0-next.0",
-    "testing": "0.1.0-next.0"
+    "@sjsf/ajv8-validator": "2.0.0-next.2",
+    "@sjsf/basic-theme": "2.0.0-next.2",
+    "@sjsf/form": "2.0.0-next.2",
+    "testing": "0.1.0-next.2"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {
     "dev": "vite dev",
-    "build": "svelte-package && vite build && mv $(find .svelte-kit/output/client/_app/immutable/assets/ -name \"_page*.css\" | head -n 1) dist/styles.css && sed -i 's/:root \\[data-theme=/:host \\[data-theme=/g' dist/styles.css && publint",
+    "fix-theme-resolver-type": "node --experimental-strip-types ../../scripts/fix-theme-resolver-type.ts",
+    "build": "svelte-package && npm run fix-theme-resolver-type && vite build && mv $(find .svelte-kit/output/client/_app/immutable/assets/ -name \"_page*.css\" | head -n 1) dist/styles.css && sed -i 's/:root \\[data-theme=/:host \\[data-theme=/g' dist/styles.css && publint",
     "preview": "vite preview",
     "test": "pnpm run test:unit",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",