@marianmeres/stuic 1.99.0 → 1.101.0

package/dist/actions/tooltip/_maybe-pick-safe-placement.d.ts

@@ -1,4 +1,3 @@
-import type { calculateAlignment } from '../../index.js';
-import type { Alignment } from '../../utils/calculate-alignment.js';
+import type { Alignment, calculateAlignment } from '../../utils/calculate-alignment.js';
 import type { TooltipLogger, TooltipOptions } from './tooltip.js';
 export declare const _maybePickSafePlacement: (calc: ReturnType<typeof calculateAlignment>, opts: TooltipOptions, log: TooltipLogger) => Alignment | false;

package/dist/actions/tooltip/_set-position.js

@@ -1,5 +1,6 @@
 import { get as storeGet } from 'svelte/store';
-import { calculateAlignment, windowSize } from '../../index.js';
+import { calculateAlignment } from '../../utils/calculate-alignment.js';
+import { windowSize } from '../../utils/window-size.js';
 import { _maybePickSafePlacement } from './_maybe-pick-safe-placement.js';
 export const _setPosition = async (boundaryRoot, // will default to window dimensions
 parent, div, arrow, opts, log) => {

package/dist/actions/tooltip/tooltip.js

@@ -1,7 +1,7 @@
 import { createStore } from '@marianmeres/store';
 import { derived, get as storeGet, writable, } from 'svelte/store';
 import { twMerge } from 'tailwind-merge';
-import { windowSize } from '../../index.js';
+import { windowSize } from '../../utils/window-size.js';
 import { _makeInVisible, _makeVisible } from './_make-visible.js';
 import { _setPosition } from './_set-position.js';
 export class TooltipConfig {

package/dist/components/AlertConfirmPrompt/AlertConfirmPrompt.svelte

@@ -1,18 +1,17 @@
 <script context="module">import { createClog } from "@marianmeres/clog";
 import { onMount } from "svelte";
 import { twMerge } from "tailwind-merge";
+import { focusTrap } from "../../actions/focus-trap.js";
+import Button from "../Button/Button.svelte";
+import Field from "../Input/Field.svelte";
+import FieldSelect from "../Input/FieldSelect.svelte";
+import Notifications from "../Notifications/Notifications.svelte";
+import Thc from "../Thc/Thc.svelte";
+import { acpDefaultIcons } from "./acp-icons.js";
 import {
   AlertConfirmPromptType,
-  Button,
-  Field,
-  FieldSelect,
-  Notifications,
-  Thc,
-  createAlertConfirmPromptStore,
-  createNotificationsStore,
-  focusTrap
-} from "../../index.js";
-import { acpDefaultIcons } from "./acp-icons.js";
+  createAlertConfirmPromptStore
+} from "./alert-confirm-prompt.js";
 export class AlertConfirmPromptConfig {
   // sane defaults which perhaps should stay untouched
   static preset = {

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

@@ -1,6 +1,7 @@
 import { SvelteComponent } from "svelte";
-import { createAlertConfirmPromptStore, createNotificationsStore, type NOTIFICATIONS_POSX, type NOTIFICATIONS_POSY } from '../../index.js';
-import type { AlertConfirmPromptKnownClasses, AlertConfirmPromptVariant } from './alert-confirm-prompt.js';
+import type { NOTIFICATIONS_POSX, NOTIFICATIONS_POSY } from '../Notifications/Notifications.svelte';
+import type { createNotificationsStore } from '../Notifications/notifications.js';
+import { createAlertConfirmPromptStore, type AlertConfirmPromptKnownClasses, type AlertConfirmPromptVariant } from './alert-confirm-prompt.js';
 export interface AlertConfirmPromptIcons extends Record<AlertConfirmPromptVariant, () => string> {
     spinner: () => string;
 }

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

@@ -50,7 +50,7 @@ declare const __propDef: {
         square?: boolean | undefined;
         disabled?: boolean | undefined;
         value?: string | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     };
     events: {
         focus: FocusEvent;

package/dist/components/DismissibleMessage/DismissibleMessage.svelte

@@ -1,6 +1,7 @@
 <script context="module">import { slide } from "svelte/transition";
 import { twMerge } from "tailwind-merge";
-import { Thc, X, isTHCNotEmpty } from "../../index.js";
+import Thc, { isTHCNotEmpty } from "../Thc/Thc.svelte";
+import X from "../X/X.svelte";
 const themes = {
   primary: "bg-stuic-primary/10   text-stuic-primary   dark:bg-stuic-primary   dark:text-white/90",
   secondary: "bg-stuic-secondary/10 text-stuic-secondary dark:bg-stuic-secondary dark:text-white/90",

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

@@ -1,5 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { type THC, type TW_COLORS } from '../../index.js';
+import type { TW_COLORS } from '../../utils/tw-types.js';
+import { type THC } from '../Thc/Thc.svelte';
 export declare class DismissibleMessageConfig {
     static class: {
         box: string;

package/dist/components/HoverExpandableWidth/HoverExpandableWidth.svelte

@@ -2,7 +2,7 @@
 import { createEventDispatcher } from "svelte";
 import { get } from "svelte/store";
 import { twMerge } from "tailwind-merge";
-import { DevicePointer } from "../../index.js";
+import { DevicePointer } from "../../utils/device-pointer.js";
 import { prefersReducedMotionStore } from "../../utils/prefers-reduced-motion.js";
 import { windowSize } from "../../utils/window-size.js";
 const clog = createClog("HoverExpandableWidth");

package/dist/components/Input/Field.svelte

@@ -2,13 +2,11 @@
 import { createEventDispatcher } from "svelte";
 import { slide } from "svelte/transition";
 import { twMerge } from "tailwind-merge";
-import {
-  autogrow,
-  getId,
-  trim,
-  validate as validateAction,
-  Thc
-} from "../../index.js";
+import { autogrow } from "../../actions/autogrow.js";
+import { trim } from "../../actions/trim.js";
+import { validate as validateAction } from "../../actions/validate.js";
+import { getId } from "../../utils/get-id.js";
+import Thc from "../Thc/Thc.svelte";
 const _emptyClasses = () => ({
   box: "",
   wrap: "",

package/dist/components/Input/Field.svelte.d.ts

@@ -1,5 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { type ValidateOptions, type THC } from '../../index.js';
+import type { ValidateOptions } from '../../actions/validate.js';
+import type { THC } from '../Thc/Thc.svelte';
 export interface FieldConfigClasses {
     box?: string;
     wrap?: string;

package/dist/components/Input/FieldCheckbox.svelte

@@ -1,10 +1,8 @@
 <script context="module">import { slide } from "svelte/transition";
 import { twMerge } from "tailwind-merge";
-import {
-  getId,
-  Thc,
-  validate as validateAction
-} from "../../index.js";
+import { validate as validateAction } from "../../actions/validate.js";
+import { getId } from "../../utils/get-id.js";
+import Thc from "../Thc/Thc.svelte";
 const _emptyClasses = () => ({
   box: "",
   label: "",

package/dist/components/Input/FieldCheckbox.svelte.d.ts

@@ -1,5 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { type THC, type ValidateOptions } from '../../index.js';
+import type { ValidateOptions } from '../../actions/validate.js';
+import type { THC } from '../Thc/Thc.svelte';
 export interface FieldCheckboxConfigClasses {
     box?: string;
     label?: string;

package/dist/components/Input/FieldRadios.svelte

@@ -1,6 +1,6 @@
 <script context="module">import { createClog } from "@marianmeres/clog";
 import { twMerge } from "tailwind-merge";
-import { getId } from "../../index.js";
+import { getId } from "../../utils/get-id.js";
 import XFieldRadioInternal from "./XFieldRadioInternal.svelte";
 const _emptyClasses = () => ({
   group: "",

package/dist/components/Input/FieldSelect.svelte

@@ -2,11 +2,9 @@
 import { createEventDispatcher } from "svelte";
 import { slide } from "svelte/transition";
 import { twMerge } from "tailwind-merge";
-import {
-  Thc,
-  getId,
-  validate as validateAction
-} from "../../index.js";
+import { validate as validateAction } from "../../actions/validate.js";
+import { getId } from "../../utils/get-id.js";
+import Thc from "../Thc/Thc.svelte";
 const _emptyClasses = () => ({
   box: "",
   wrap: "",

package/dist/components/Input/FieldSelect.svelte.d.ts

@@ -1,5 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { type THC, type ValidateOptions } from '../../index.js';
+import type { ValidateOptions } from '../../actions/validate.js';
+import type { THC } from '../Thc/Thc.svelte';
 export interface FieldSelectConfigClasses {
     box?: string;
     wrap?: string;

package/dist/components/Input/XFieldRadioInternal.svelte

@@ -1,12 +1,12 @@
-<script context="module">import { twMerge } from "tailwind-merge";
-import {
-  getId,
-  validate as validateAction,
-  FieldRadiosConfig,
-  Thc
-} from "../../index.js";
+<script context="module">import { createEventDispatcher } from "svelte";
 import { slide } from "svelte/transition";
-import { createEventDispatcher, onMount } from "svelte";
+import { twMerge } from "tailwind-merge";
+import { validate as validateAction } from "../../actions/validate.js";
+import { getId } from "../../utils/get-id.js";
+import Thc from "../Thc/Thc.svelte";
+import {
+  FieldRadiosConfig
+} from "./FieldRadios.svelte";
 const _PRESET = {
   box: "flex items-start",
   label: "block w-full",

package/dist/components/Input/XFieldRadioInternal.svelte.d.ts

@@ -1,5 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { type FieldRadiosConfigClassesBySize, type ValidateOptions, type FieldRadiosConfigClasses } from '../../index.js';
+import type { ValidateOptions } from '../../actions/validate.js';
+import { type FieldRadiosConfigClasses, type FieldRadiosConfigClassesBySize } from './FieldRadios.svelte';
 declare const __propDef: {
     props: {
         class?: FieldRadiosConfigClasses | undefined;

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

@@ -28,14 +28,14 @@ declare const __propDef: {
         classes?: Partial<NotificationKnownClasses> | undefined;
         classesByType?: Partial<Record<string, Partial<NotificationKnownClasses>>> | undefined;
         ariaCloseLabel?: string | undefined;
-        posX?: "left" | "center" | "right" | undefined;
-        posXMobile?: "left" | "center" | "right" | undefined;
+        posX?: "center" | "left" | "right" | undefined;
+        posXMobile?: "center" | "left" | "right" | undefined;
         posY?: "center" | "top" | "bottom" | undefined;
         posYMobile?: "center" | "top" | "bottom" | undefined;
         getPositionConfig?: (() => {
-            posX: "left" | "center" | "right";
+            posX: "center" | "left" | "right";
             posY: "center" | "top" | "bottom";
-            posXMobile: "left" | "center" | "right";
+            posXMobile: "center" | "left" | "right";
             posYMobile: "center" | "top" | "bottom";
         }) | undefined;
     };
@@ -49,9 +49,9 @@ export type NotificationsEvents = typeof __propDef.events;
 export type NotificationsSlots = typeof __propDef.slots;
 export default class Notifications extends SvelteComponent<NotificationsProps, NotificationsEvents, NotificationsSlots> {
     get getPositionConfig(): () => {
-        posX: "left" | "center" | "right";
+        posX: "center" | "left" | "right";
         posY: "center" | "top" | "bottom";
-        posXMobile: "left" | "center" | "right";
+        posXMobile: "center" | "left" | "right";
         posYMobile: "center" | "top" | "bottom";
     };
 }

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

@@ -36,7 +36,7 @@ declare const __propDef: {
         stopPropagation?: boolean | undefined;
         preventDefault?: boolean | undefined;
         preHook?: SwitchPreHook | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     };
     events: {
         click: MouseEvent;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "1.99.0",
+	"version": "1.101.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package && node ./scripts/date.js",