@winkintel/bootstrap-svelte 0.0.1

package/dist/Form/form-text-input.svelte

@@ -0,0 +1,55 @@
+<!--
+@component
+## Form.TextInput
+Input field component for standard text values with Bootstrap styling.
+
+@example
+```svelte
+// Default
+<Form.TextInput title="Set a text value" value="text value" />
+
+// With variations
+<Form.TextInput disabled title="Set a text value" value="text value" />
+<Form.TextInput readonly title="Set a text value" value="text value" />
+<Form.TextInput isPlaintext readonly title="Set a text value" value="text value" />
+<Form.TextInput sizing="sm" title="Set a text value" value="text value" />
+<Form.TextInput sizing="lg" title="Set a text value" value="text value" />
+
+// With datalist
+<Form.TextInput list="listOfTextValues" title="Set a text value" value="text value" />
+<datalist id="listOfTextValues">
+    <option value="text value 1"></option>
+    <option value="text value 2"></option>
+    <option value="text value 3"></option>
+</datalist>
+```
+### Props
+- `class` (string): Optional. Additional CSS classes to apply to the input.
+- `elementRef` (HTMLInputElement): Optional. Reference to the input DOM element.
+- `isInvalid` (boolean): Optional. Indicates whether the input is invalid. If undefined, no validation styles are applied.
+- `isPlaintext` (boolean): Optional. When true, renders as plaintext (no input border).
+- `isValid` (boolean): Optional. Indicates whether the input is valid. If undefined, no validation styles are applied.
+- `sizing` ('sm' | 'lg'): Optional. Controls the size of the input element.
+- `value` (string): Optional. The text value of the input. If undefined, the input is empty.
+-->
+<script lang="ts">import { uniqueClsx } from '../common/css.js';
+let { autocomplete = 'off', class: classValues, 'data-form-type': dataFormType = undefined, 'data-lpignore': dataLpignore = undefined, elementRef = $bindable(null), isInvalid, isPlaintext = false, isValid, sizing, value = $bindable(undefined), ...restOfProps } = $props();
+let classes = $derived(uniqueClsx({
+    'form-control': !isPlaintext,
+    'form-control-plaintext': isPlaintext,
+    [`form-control-${sizing}`]: !!sizing,
+    'is-valid': isValid,
+    'is-invalid': isInvalid
+}, classValues));
+</script>
+
+<input
+    aria-invalid={isInvalid === true ? 'true' : isValid === true ? 'false' : undefined}
+    {autocomplete}
+    bind:this={elementRef}
+    bind:value
+    class={classes}
+    data-form-type={autocomplete == 'off' ? 'other' : dataFormType}
+    data-lpignore={autocomplete == 'off' ? 'true' : dataLpignore}
+    type="text"
+    {...restOfProps} />

package/dist/Form/form-text-input.svelte.d.ts

@@ -0,0 +1,37 @@
+import type { Form } from './index.js';
+/**
+ * ## Form.TextInput
+ * Input field component for standard text values with Bootstrap styling.
+ *
+ * @example
+ * ```svelte
+ * // Default
+ * <Form.TextInput title="Set a text value" value="text value" />
+ *
+ * // With variations
+ * <Form.TextInput disabled title="Set a text value" value="text value" />
+ * <Form.TextInput readonly title="Set a text value" value="text value" />
+ * <Form.TextInput isPlaintext readonly title="Set a text value" value="text value" />
+ * <Form.TextInput sizing="sm" title="Set a text value" value="text value" />
+ * <Form.TextInput sizing="lg" title="Set a text value" value="text value" />
+ *
+ * // With datalist
+ * <Form.TextInput list="listOfTextValues" title="Set a text value" value="text value" />
+ * <datalist id="listOfTextValues">
+ * <option value="text value 1"></option>
+ * <option value="text value 2"></option>
+ * <option value="text value 3"></option>
+ * </datalist>
+ * ```
+ * ### Props
+ * - `class` (string): Optional. Additional CSS classes to apply to the input.
+ * - `elementRef` (HTMLInputElement): Optional. Reference to the input DOM element.
+ * - `isInvalid` (boolean): Optional. Indicates whether the input is invalid. If undefined, no validation styles are applied.
+ * - `isPlaintext` (boolean): Optional. When true, renders as plaintext (no input border).
+ * - `isValid` (boolean): Optional. Indicates whether the input is valid. If undefined, no validation styles are applied.
+ * - `sizing` ('sm' | 'lg'): Optional. Controls the size of the input element.
+ * - `value` (string): Optional. The text value of the input. If undefined, the input is empty.
+ */
+declare const FormTextInput: import("svelte").Component<Form.TextInputProps, {}, "value" | "elementRef">;
+type FormTextInput = ReturnType<typeof FormTextInput>;
+export default FormTextInput;

package/dist/Form/form-time-input.svelte

@@ -0,0 +1,62 @@
+<!--
+@component
+## Form.TimeInput
+Bootstrap-styled time input component for selecting a specific time.
+
+@example
+```svelte
+// Default time input
+<Form.TimeInput max="12:00" min="00:00" title="Set a time" value="07:32" />
+
+// Disabled time input
+<Form.TimeInput disabled max="12:00" min="00:00" title="Set a time" value="07:32" />
+
+// Readonly time input
+<Form.TimeInput readonly max="12:00" min="00:00" title="Set a time" value="07:32" />
+
+// Readonly plaintext time input
+<Form.TimeInput isPlaintext readonly max="12:00" min="00:00" title="Set a time" value="07:32" />
+
+// Small sizing
+<Form.TimeInput sizing="sm" max="12:00" min="00:00" title="Set a time" value="07:32" />
+
+// Large sizing
+<Form.TimeInput sizing="lg" max="12:00" min="00:00" title="Set a time" value="07:32" />
+
+// With datalist
+<Form.TimeInput list="listOfTimes" max="12:00" min="00:00" title="Set a time" />
+<datalist id="listOfTimes">
+    <option value="08:00"></option>
+    <option value="09:00"></option>
+    <option value="10:00"></option>
+    <option value="11:00"></option>
+    <option value="12:00"></option>
+</datalist>
+```
+### Props
+- `class` (string): Optional. Additional CSS classes to apply to the input.
+- `elementRef` (HTMLInputElement): Optional. Reference to the input DOM element.
+- `isInvalid` (boolean): Optional. Indicates whether the input is invalid. If undefined, no validation styles are applied.
+- `isPlaintext` (boolean): Optional. When true, renders as plaintext (no input border).
+- `isValid` (boolean): Optional. Indicates whether the input is valid. If undefined, no validation styles are applied.
+- `sizing` ('sm' | 'lg'): Optional. Controls the size of the input element.
+- `value` (string): Optional. The time value in the format "HH:MM". If undefined, the input is empty.
+-->
+<script lang="ts">import { uniqueClsx } from '../common/css.js';
+let { class: classValues, elementRef = $bindable(null), isInvalid, isPlaintext = false, isValid, sizing, value = $bindable(undefined), ...restOfProps } = $props();
+let classes = $derived(uniqueClsx({
+    'form-control': !isPlaintext,
+    'form-control-plaintext': isPlaintext,
+    [`form-control-${sizing}`]: !!sizing,
+    'is-valid': isValid,
+    'is-invalid': isInvalid
+}, classValues));
+</script>
+
+<input
+    aria-invalid={isInvalid === true ? 'true' : isValid === true ? 'false' : undefined}
+    bind:this={elementRef}
+    bind:value
+    class={classes}
+    type="time"
+    {...restOfProps} />

package/dist/Form/form-time-input.svelte.d.ts

@@ -0,0 +1,47 @@
+import type { Form } from './index.js';
+/**
+ * ## Form.TimeInput
+ * Bootstrap-styled time input component for selecting a specific time.
+ *
+ * @example
+ * ```svelte
+ * // Default time input
+ * <Form.TimeInput max="12:00" min="00:00" title="Set a time" value="07:32" />
+ *
+ * // Disabled time input
+ * <Form.TimeInput disabled max="12:00" min="00:00" title="Set a time" value="07:32" />
+ *
+ * // Readonly time input
+ * <Form.TimeInput readonly max="12:00" min="00:00" title="Set a time" value="07:32" />
+ *
+ * // Readonly plaintext time input
+ * <Form.TimeInput isPlaintext readonly max="12:00" min="00:00" title="Set a time" value="07:32" />
+ *
+ * // Small sizing
+ * <Form.TimeInput sizing="sm" max="12:00" min="00:00" title="Set a time" value="07:32" />
+ *
+ * // Large sizing
+ * <Form.TimeInput sizing="lg" max="12:00" min="00:00" title="Set a time" value="07:32" />
+ *
+ * // With datalist
+ * <Form.TimeInput list="listOfTimes" max="12:00" min="00:00" title="Set a time" />
+ * <datalist id="listOfTimes">
+ * <option value="08:00"></option>
+ * <option value="09:00"></option>
+ * <option value="10:00"></option>
+ * <option value="11:00"></option>
+ * <option value="12:00"></option>
+ * </datalist>
+ * ```
+ * ### Props
+ * - `class` (string): Optional. Additional CSS classes to apply to the input.
+ * - `elementRef` (HTMLInputElement): Optional. Reference to the input DOM element.
+ * - `isInvalid` (boolean): Optional. Indicates whether the input is invalid. If undefined, no validation styles are applied.
+ * - `isPlaintext` (boolean): Optional. When true, renders as plaintext (no input border).
+ * - `isValid` (boolean): Optional. Indicates whether the input is valid. If undefined, no validation styles are applied.
+ * - `sizing` ('sm' | 'lg'): Optional. Controls the size of the input element.
+ * - `value` (string): Optional. The time value in the format "HH:MM". If undefined, the input is empty.
+ */
+declare const FormTimeInput: import("svelte").Component<Form.TimeInputProps, {}, "value" | "elementRef">;
+type FormTimeInput = ReturnType<typeof FormTimeInput>;
+export default FormTimeInput;

package/dist/Form/form-url-input.svelte

@@ -0,0 +1,60 @@
+<!--
+@component
+## Form.UrlInput
+Bootstrap-styled URL input component for entering website addresses.
+
+@example
+```svelte
+// Default URL input
+<Form.UrlInput pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+
+// Disabled URL input
+<Form.UrlInput disabled pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+
+// Readonly URL input
+<Form.UrlInput readonly pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+
+// Readonly plaintext URL input
+<Form.UrlInput isPlaintext readonly pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+
+// Small sizing
+<Form.UrlInput sizing="sm" pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+
+// Large sizing
+<Form.UrlInput sizing="lg" pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+
+// With datalist
+<Form.UrlInput list="listOfUrls" pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+<datalist id="listOfUrls">
+    <option value="https://example.com"></option>
+    <option value="https://example.org"></option>
+    <option value="https://example.net"></option>
+</datalist>
+```
+### Props
+- `class` (string): Optional. Additional CSS classes to apply to the input.
+- `elementRef` (HTMLInputElement): Optional. Reference to the input DOM element.
+- `isInvalid` (boolean): Optional. Indicates whether the input is invalid. If undefined, no validation styles are applied.
+- `isPlaintext` (boolean): Optional. When true, renders as plaintext (no input border).
+- `isValid` (boolean): Optional. Indicates whether the input is valid. If undefined, no validation styles are applied.
+- `sizing` ('sm' | 'lg'): Optional. Controls the size of the input element.
+- `value` (string): Optional. The URL value. If undefined, the input is empty.
+-->
+<script lang="ts">import { uniqueClsx } from '../common/css.js';
+let { class: classValues, elementRef = $bindable(null), isInvalid, isPlaintext = false, isValid, sizing, value = $bindable(undefined), ...restOfProps } = $props();
+let classes = $derived(uniqueClsx({
+    'form-control': !isPlaintext,
+    'form-control-plaintext': isPlaintext,
+    [`form-control-${sizing}`]: !!sizing,
+    'is-valid': isValid,
+    'is-invalid': isInvalid
+}, classValues));
+</script>
+
+<input
+    aria-invalid={isInvalid === true ? 'true' : isValid === true ? 'false' : undefined}
+    bind:this={elementRef}
+    bind:value
+    class={classes}
+    type="url"
+    {...restOfProps} />

package/dist/Form/form-url-input.svelte.d.ts

@@ -0,0 +1,45 @@
+import type { Form } from './index.js';
+/**
+ * ## Form.UrlInput
+ * Bootstrap-styled URL input component for entering website addresses.
+ *
+ * @example
+ * ```svelte
+ * // Default URL input
+ * <Form.UrlInput pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+ *
+ * // Disabled URL input
+ * <Form.UrlInput disabled pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+ *
+ * // Readonly URL input
+ * <Form.UrlInput readonly pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+ *
+ * // Readonly plaintext URL input
+ * <Form.UrlInput isPlaintext readonly pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+ *
+ * // Small sizing
+ * <Form.UrlInput sizing="sm" pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+ *
+ * // Large sizing
+ * <Form.UrlInput sizing="lg" pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+ *
+ * // With datalist
+ * <Form.UrlInput list="listOfUrls" pattern="https://.*" placeholder="https://example.com" title="Set a URL" />
+ * <datalist id="listOfUrls">
+ * <option value="https://example.com"></option>
+ * <option value="https://example.org"></option>
+ * <option value="https://example.net"></option>
+ * </datalist>
+ * ```
+ * ### Props
+ * - `class` (string): Optional. Additional CSS classes to apply to the input.
+ * - `elementRef` (HTMLInputElement): Optional. Reference to the input DOM element.
+ * - `isInvalid` (boolean): Optional. Indicates whether the input is invalid. If undefined, no validation styles are applied.
+ * - `isPlaintext` (boolean): Optional. When true, renders as plaintext (no input border).
+ * - `isValid` (boolean): Optional. Indicates whether the input is valid. If undefined, no validation styles are applied.
+ * - `sizing` ('sm' | 'lg'): Optional. Controls the size of the input element.
+ * - `value` (string): Optional. The URL value. If undefined, the input is empty.
+ */
+declare const FormUrlInput: import("svelte").Component<Form.UrlInputProps, {}, "value" | "elementRef">;
+type FormUrlInput = ReturnType<typeof FormUrlInput>;
+export default FormUrlInput;

package/dist/Form/form-week-Input.svelte

@@ -0,0 +1,62 @@
+<!--
+@component
+## Form.WeekInput
+Bootstrap-styled week input component for selecting a specific week of a year.
+
+@example
+```svelte
+// Default week input
+<Form.WeekInput title="Set a week" value="2025-W07" />
+
+// Disabled week input
+<Form.WeekInput disabled title="Set a week" value="2025-W07" />
+
+// Readonly week input
+<Form.WeekInput readonly title="Set a week" value="2025-W07" />
+
+// Readonly plaintext week input
+<Form.WeekInput isPlaintext readonly title="Set a week" value="2025-W07" />
+
+// Small sizing
+<Form.WeekInput sizing="sm" title="Set a week" value="2025-W07" />
+
+// Large sizing
+<Form.WeekInput sizing="lg" title="Set a week" value="2025-W07" />
+
+// With datalist
+<Form.WeekInput list="listOfWeeks" title="Set a week" />
+<datalist id="listOfWeeks">
+    <option value="2025-W01"></option>
+    <option value="2025-W02"></option>
+    <option value="2025-W03"></option>
+    <option value="2025-W04"></option>
+    <option value="2025-W05"></option>
+</datalist>
+```
+### Props
+- `class` (string): Optional. Additional CSS classes to apply to the input.
+- `elementRef` (HTMLInputElement): Optional. Reference to the input DOM element.
+- `isInvalid` (boolean): Optional. Indicates whether the input is invalid. If undefined, no validation styles are applied.
+- `isPlaintext` (boolean): Optional. When true, renders as plaintext (no input border).
+- `isValid` (boolean): Optional. Indicates whether the input is valid. If undefined, no validation styles are applied.
+- `sizing` ('sm' | 'lg'): Optional. Controls the size of the input element.
+- `value` (string): Optional. The week value in the format "YYYY-Www". If undefined, the input is empty.
+-->
+<script lang="ts">import { uniqueClsx } from '../common/css.js';
+let { class: classValues, elementRef = $bindable(null), isInvalid, isPlaintext = false, isValid, sizing, value = $bindable(undefined), ...restOfProps } = $props();
+let classes = $derived(uniqueClsx({
+    'form-control': !isPlaintext,
+    'form-control-plaintext': isPlaintext,
+    [`form-control-${sizing}`]: !!sizing,
+    'is-valid': isValid,
+    'is-invalid': isInvalid
+}, classValues));
+</script>
+
+<input
+    aria-invalid={isInvalid === true ? 'true' : isValid === true ? 'false' : undefined}
+    bind:this={elementRef}
+    bind:value
+    class={classes}
+    type="week"
+    {...restOfProps} />

package/dist/Form/form-week-Input.svelte.d.ts

@@ -0,0 +1,47 @@
+import type { Form } from './index.js';
+/**
+ * ## Form.WeekInput
+ * Bootstrap-styled week input component for selecting a specific week of a year.
+ *
+ * @example
+ * ```svelte
+ * // Default week input
+ * <Form.WeekInput title="Set a week" value="2025-W07" />
+ *
+ * // Disabled week input
+ * <Form.WeekInput disabled title="Set a week" value="2025-W07" />
+ *
+ * // Readonly week input
+ * <Form.WeekInput readonly title="Set a week" value="2025-W07" />
+ *
+ * // Readonly plaintext week input
+ * <Form.WeekInput isPlaintext readonly title="Set a week" value="2025-W07" />
+ *
+ * // Small sizing
+ * <Form.WeekInput sizing="sm" title="Set a week" value="2025-W07" />
+ *
+ * // Large sizing
+ * <Form.WeekInput sizing="lg" title="Set a week" value="2025-W07" />
+ *
+ * // With datalist
+ * <Form.WeekInput list="listOfWeeks" title="Set a week" />
+ * <datalist id="listOfWeeks">
+ * <option value="2025-W01"></option>
+ * <option value="2025-W02"></option>
+ * <option value="2025-W03"></option>
+ * <option value="2025-W04"></option>
+ * <option value="2025-W05"></option>
+ * </datalist>
+ * ```
+ * ### Props
+ * - `class` (string): Optional. Additional CSS classes to apply to the input.
+ * - `elementRef` (HTMLInputElement): Optional. Reference to the input DOM element.
+ * - `isInvalid` (boolean): Optional. Indicates whether the input is invalid. If undefined, no validation styles are applied.
+ * - `isPlaintext` (boolean): Optional. When true, renders as plaintext (no input border).
+ * - `isValid` (boolean): Optional. Indicates whether the input is valid. If undefined, no validation styles are applied.
+ * - `sizing` ('sm' | 'lg'): Optional. Controls the size of the input element.
+ * - `value` (string): Optional. The week value in the format "YYYY-Www". If undefined, the input is empty.
+ */
+declare const FormWeekInput: import("svelte").Component<Form.WeekInputProps, {}, "value" | "elementRef">;
+type FormWeekInput = ReturnType<typeof FormWeekInput>;
+export default FormWeekInput;

package/dist/Form/form.svelte

@@ -0,0 +1,37 @@
+<!--
+@component
+## Form.Root
+Bootstrap-styled hidden input component for passing data in forms without visual representation.
+
+@example
+```svelte
+<Form.Root action="/submit" method="post">
+    <Form.Input name="username" placeholder="Enter your username" />
+    <Form.Input name="password" type="password" placeholder="Enter your password" />
+    <Form.Button type="submit">Submit</Form.Button>
+</Form.Root>
+```
+### Props
+- `class` (string): Optional. Additional CSS classes to apply to the form.
+- `elementRef` (HTMLInputElement): Optional. Reference to the input DOM element.
+- `enhance` (function): Optional. Function to enhance the form with additional behavior, such as validation.
+- `needsValidation` (boolean): Optional. Indicates if the form needs validation styles.
+- `wasValidated` (boolean): Optional. Indicates if the form has been validated.
+-->
+<script lang="ts">import { uniqueClsx } from '../common/css.js';
+let { children, class: classValues, elementRef = $bindable(null), enhance = undefined, needsValidation = false, wasValidated = false, ...restOfProps } = $props();
+let classes = $derived(uniqueClsx({
+    'needs-validation': needsValidation,
+    'was-validated': wasValidated
+}, classValues));
+</script>
+
+{#if enhance}
+    <form bind:this={elementRef} use:enhance class={classes} {...restOfProps}>
+        {@render children?.()}
+    </form>
+{:else}
+    <form bind:this={elementRef} class={classes} {...restOfProps}>
+        {@render children?.()}
+    </form>
+{/if}

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

@@ -0,0 +1,23 @@
+import type { Form } from './index.js';
+/**
+ * ## Form.Root
+ * Bootstrap-styled hidden input component for passing data in forms without visual representation.
+ *
+ * @example
+ * ```svelte
+ * <Form.Root action="/submit" method="post">
+ * <Form.Input name="username" placeholder="Enter your username" />
+ * <Form.Input name="password" type="password" placeholder="Enter your password" />
+ * <Form.Button type="submit">Submit</Form.Button>
+ * </Form.Root>
+ * ```
+ * ### Props
+ * - `class` (string): Optional. Additional CSS classes to apply to the form.
+ * - `elementRef` (HTMLInputElement): Optional. Reference to the input DOM element.
+ * - `enhance` (function): Optional. Function to enhance the form with additional behavior, such as validation.
+ * - `needsValidation` (boolean): Optional. Indicates if the form needs validation styles.
+ * - `wasValidated` (boolean): Optional. Indicates if the form has been validated.
+ */
+declare const Form: import("svelte").Component<Form.RootProps, {}, "elementRef">;
+type Form = ReturnType<typeof Form>;
+export default Form;

package/dist/Form/index.d.ts

@@ -0,0 +1 @@
+export * as Form from './composition.js';

package/dist/Form/index.js

@@ -0,0 +1 @@
+export * as Form from './composition.js';

package/dist/Form/types.d.ts

@@ -0,0 +1,168 @@
+import type { enhance } from '$app/forms';
+import type { DivElement, FormControlSize, FormElement, FormInputGroupSize, InputElement, LabelElement, SelectElement, SpanElement, TextAreaElement } from '../common/types.js';
+export type FormCheckInputProps = InputElement & {
+    isIndeterminate?: boolean;
+    isInvalid?: boolean;
+    isValid?: boolean;
+};
+export type FormCheckLabelProps = (SpanElement | LabelElement) & {
+    elementType?: 'label' | 'span';
+};
+export type FormCheckProps = DivElement & {
+    isInline?: boolean;
+    isSwitch?: boolean;
+};
+export type FormColorInputProps = InputElement & {
+    isInvalid?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormDateInputProps = InputElement & {
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormDatetimeLocalInputProps = InputElement & {
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormEmailInputProps = InputElement & {
+    'data-form-type'?: string;
+    'data-lpignore'?: string;
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormFeedbackProps = DivElement & {
+    isInvalid?: boolean;
+    isTooltip?: boolean;
+    isValid?: boolean;
+};
+export type FormFileInputProps = InputElement & {
+    isInvalid?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormFloatingProps = DivElement;
+export type FormHelperTextProps = DivElement;
+export type FormHiddenInputProps = InputElement;
+export type FormImageInputProps = InputElement;
+export type FormInputGroupProps = DivElement & {
+    hasValidation?: boolean;
+    noWrap?: boolean;
+    sizing?: FormInputGroupSize;
+};
+export type FormInputGroupTextProps = (SpanElement | LabelElement) & {
+    elementType?: 'span' | 'label';
+};
+export type FormInputLabelProps = LabelElement & {
+    isFloating?: boolean;
+};
+export type FormMonthInputProps = InputElement & {
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormNumberInputProps = InputElement & {
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormPasswordInputProps = InputElement & {
+    autocomplete?: 'current-password' | 'new-password' | 'off' | 'on';
+    'data-form-type'?: string;
+    'data-lpignore'?: string;
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+    showPassword?: boolean;
+};
+export type FormRadioInputProps = InputElement & {
+    isInvalid?: boolean;
+    isValid?: boolean;
+};
+export type FormRangeInputProps = InputElement;
+export type FormRadioLabelProps = LabelElement;
+export type FormRootProps = FormElement & {
+    enhance?: typeof enhance | ((el: HTMLFormElement, events?: any) => ReturnType<typeof enhance>);
+    needsValidation?: boolean;
+    wasValidated?: boolean;
+};
+export type FormSearchInputProps = InputElement & {
+    'data-form-type'?: string;
+    'data-lpignore'?: string;
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormSelectProps = SelectElement & {
+    isInvalid?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormSwitchInputProps = InputElement & {
+    isInvalid?: boolean;
+    isValid?: boolean;
+};
+export type FormSwitchLabelProps = LabelElement;
+export type FormTelephoneInputProps = InputElement & {
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    /**
+     * Optional input mask template (or list of templates) applied as the user types.
+     * Use `#` as the digit placeholder; any other character (`(`, `)`, `-`, `.`,
+     * space, `+`, etc.) is treated as a literal and inserted automatically. When
+     * provided as an array, the mask whose digit-slot count fits the typed digit
+     * count is chosen; the last mask in the array is used as the fallback when
+     * the user types more digits than any mask can hold.
+     *
+     * `mask` is independent of `pattern` — `pattern` is left untouched and
+     * continues to drive native browser validation only.
+     *
+     * @example "(###) ###-####"
+     * @example ["###-###-####", "(###) ###-####"]
+     */
+    mask?: string | string[];
+    sizing?: FormControlSize;
+};
+export type FormTextAreaProps = TextAreaElement & {
+    isInvalid?: boolean;
+    isResizable?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormTextInputProps = InputElement & {
+    'data-form-type'?: string;
+    'data-lpignore'?: string;
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormTimeInputProps = InputElement & {
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormUrlInputProps = InputElement & {
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};
+export type FormWeekInputProps = InputElement & {
+    isInvalid?: boolean;
+    isPlaintext?: boolean;
+    isValid?: boolean;
+    sizing?: FormControlSize;
+};

package/dist/Form/types.js

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

package/dist/ListGroup/composition.d.ts

@@ -0,0 +1,4 @@
+export { default as ItemAction } from './list-group-item-action.svelte';
+export { default as Item } from './list-group-item.svelte';
+export { default as Root } from './list-group.svelte';
+export type { ListGroupItemActionProps as ItemActionProps, ListGroupItemProps as ItemProps, ListGroupRootProps as RootProps } from './types.js';