@marianmeres/stuic 1.126.0 → 2.0.0-next.3

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

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 interface WithComponent {
     component: any;
     props?: Record<string, any>;
@@ -9,25 +8,22 @@ interface WithText {
 interface WithHtml {
     html: string;
 }
-export type THC = string | WithText | WithHtml | WithComponent;
-export declare const isTHCNotEmpty: (m: any) => any;
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        thc: THC;
-        forceAsHtml?: boolean | undefined;
-        allowCastToStringFallback?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type ThcProps = typeof __propDef.props;
-export type ThcEvents = typeof __propDef.events;
-export type ThcSlots = typeof __propDef.slots;
-export default class Thc extends SvelteComponent<ThcProps, ThcEvents, ThcSlots> {
+interface WithSnippet {
+    snippet: Snippet;
 }
-export {};
+type AsSnippet = Snippet;
+export type THC = string | WithText | WithHtml | WithComponent | WithSnippet | AsSnippet;
+export declare function isTHCNotEmpty(m: any): any;
+/**
+ * Will try to extract textual (or html) content from THC
+ */
+export declare function getTHCStringContent(m: any): string;
+import type { Snippet } from "svelte";
+interface Props extends Record<string, any> {
+    thc: THC;
+    forceAsHtml?: boolean;
+    allowCastToStringFallback?: boolean;
+}
+declare const Thc: import("svelte").Component<Props, {}, "">;
+type Thc = ReturnType<typeof Thc>;
+export default Thc;

package/dist/components/Thc/index.d.ts

@@ -0,0 +1 @@
+export { default as Thc, type THC, isTHCNotEmpty, getTHCStringContent, } from "./Thc.svelte";

package/dist/components/Thc/index.js

@@ -0,0 +1 @@
+export { default as Thc, isTHCNotEmpty, getTHCStringContent, } from "./Thc.svelte";

package/dist/components/TwCheck/TwCheck.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+	import type { Snippet } from "svelte";
+	import "./index.css";
+	import { twMerge } from "tailwind-merge";
+
+	let {
+		class: classProp,
+		children,
+		theme,
+	}: {
+		class?: string;
+		children?: Snippet;
+		theme?: string;
+	} = $props();
+
+	const _default = `
+		stuic-twcheck bg-twcheck-bg 
+		inline-block px-2 
+		text-yellow-300 sm:text-white 
+		text-base sm:text-2xl
+		sm:border-2 border-teal-400
+	`;
+
+	const _buildTheme = (theme?: string) => {
+		// simulating missing css var
+		return theme
+			? `--color-twcheck-bg: var(--color-foo-bar-baz, var(--color-${theme}-600));`
+			: "";
+	};
+</script>
+
+<div class={twMerge(_default, classProp)} style={_buildTheme(theme)}>
+	{@render children?.()}
+</div>

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

@@ -0,0 +1,10 @@
+import type { Snippet } from "svelte";
+import "./index.css";
+type $$ComponentProps = {
+    class?: string;
+    children?: Snippet;
+    theme?: string;
+};
+declare const TwCheck: import("svelte").Component<$$ComponentProps, {}, "">;
+type TwCheck = ReturnType<typeof TwCheck>;
+export default TwCheck;

package/dist/components/TwCheck/index.css

@@ -0,0 +1,5 @@
+@import "../../_shared.css";
+
+@theme inline {
+	--color-twcheck-bg: var(--color-twcheck-bg, var(--color-red-600));
+}

package/dist/components/TwCheck/index.d.ts

@@ -0,0 +1 @@
+export { default as TwCheck } from "./TwCheck.svelte";

package/dist/components/TwCheck/index.js

@@ -0,0 +1 @@
+export { default as TwCheck } from "./TwCheck.svelte";

package/dist/components/X/X.svelte

@@ -1,7 +1,14 @@
-<script>import { twMerge2 } from "../../utils/tw-merge2.js";
-let _class = "";
-export { _class as class };
-export let strokeWidth = 2;
+<script lang="ts">
+	import { twMerge } from "../../index.js";
+
+	interface Props {
+		class?: string;
+		strokeWidth?: 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4;
+	}
+
+	let { class: classProps, strokeWidth = 2 }: Props = $props();
+
+	// size-6 = 1.5rem = 24px
 </script>
 
 <svg
@@ -9,7 +16,7 @@ export let strokeWidth = 2;
 	viewBox="0 0 24 24"
 	stroke-width={strokeWidth}
 	stroke="currentColor"
-	class={twMerge2(`inline size-6 ${_class}`)}
+	class={twMerge("inline size-6", classProps)}
 >
 	<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
 </svg>

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

@@ -1,19 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string;
-        strokeWidth?: 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type XProps = typeof __propDef.props;
-export type XEvents = typeof __propDef.events;
-export type XSlots = typeof __propDef.slots;
-export default class X extends SvelteComponent<XProps, XEvents, XSlots> {
+interface Props {
+    class?: string;
+    strokeWidth?: 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4;
 }
-export {};
+declare const X: import("svelte").Component<Props, {}, "">;
+type X = ReturnType<typeof X>;
+export default X;

package/dist/components/X/index.d.ts

@@ -0,0 +1 @@
+export { default as X } from "./X.svelte";

package/dist/components/X/index.js

@@ -0,0 +1 @@
+export { default as X } from "./X.svelte";

package/dist/index.css

@@ -0,0 +1,26 @@
+@import "./_shared.css";
+
+@source "./";
+
+@import "./actions/tooltip/index.css";
+@import "./components/Button/index.css";
+@import "./components/DismissibleMessage/index.css";
+@import "./components/Input/index.css";
+@import "./components/Notifications/index.css";
+@import "./components/Progress/index.css";
+@import "./components/Switch/index.css";
+@import "./components/TwCheck/index.css";
+
+@layer base {
+	button:not(:disabled),
+	[role="button"]:not(:disabled) {
+		cursor: pointer;
+	}
+
+	button:disabled,
+	[role="button"]:disabled,
+	input:disabled {
+		cursor: not-allowed !important;
+		opacity: 0.5 !important;
+	}
+}

package/dist/index.d.ts

@@ -1,39 +1,21 @@
-export { default as AlertConfirmPrompt, AlertConfirmPromptConfig, } from './components/AlertConfirmPrompt/AlertConfirmPrompt.svelte';
-export { createAlertConfirmPromptStore, createAlert, createConfirm, createPrompt, AlertConfirmPromptType, type AlertConfirmPromptVariant, type AlertConfirmPromptOptions, type AlertConfirmPromptKnownClasses, } from './components/AlertConfirmPrompt/alert-confirm-prompt.js';
-export { default as AppShell, appShellSetHtmlBodyHeight, } from './components/AppShell/AppShell.svelte';
-export { default as Backdrop, BackdropConfig, } from './components/Backdrop/Backdrop.svelte';
-export { default as Button, ButtonConfig } from './components/Button/Button.svelte';
-export { default as SystemAwareColorScheme } from './components/ColorScheme/SystemAwareColorScheme.svelte';
-export { default as LocalColorScheme } from './components/ColorScheme/LocalColorScheme.svelte';
-export { ColorScheme } from './components/ColorScheme/color-scheme.js';
-export { default as DismissibleMessage, DismissibleMessageConfig, } from './components/DismissibleMessage/DismissibleMessage.svelte';
-export { default as Drawer, createDrawerStore } from './components/Drawer/Drawer.svelte';
-export { default as HoverExpandableWidth } from './components/HoverExpandableWidth/HoverExpandableWidth.svelte';
-export { default as Field, FieldConfig, type FieldConfigClasses, } from './components/Input/Field.svelte';
-export { default as FieldCheckbox, FieldCheckboxConfig, type FieldCheckboxConfigClasses, type FieldCheckboxConfigClassesBySize, } from './components/Input/FieldCheckbox.svelte';
-export { default as FieldRadios, FieldRadiosConfig, type FieldRadiosConfigClasses, type FieldRadiosConfigClassesBySize, } from './components/Input/FieldRadios.svelte';
-export { default as FieldSelect, FieldSelectConfig, type FieldSelectConfigClasses, type FieldSelectConfigClassesBySize, } from './components/Input/FieldSelect.svelte';
-export { default as Fieldset, FieldsetConfig, type FieldsetConfigClasses, } from './components/Input/Fieldset.svelte';
-export { default as ModalDialog, type ModalDialogAPI, } from './components/ModalDialog/ModalDialog.svelte';
-export { createNotificationsStore, NOTIFICATION_EVENT, type NotiticationsCreateStoreOptions, type NotificationCreateParam, type Notification, type NotificationInput, type NotificationType, type NotificationOnEventHandler, type NotificationsSortOrder, type NotificationKnownClasses, } from './components/Notifications/notifications.js';
-export { default as Notifications, NotificationsConfig, type NOTIFICATIONS_POSX, type NOTIFICATIONS_POSY, } from './components/Notifications/Notifications.svelte';
-export { default as Popover } from './components/Popover/Popover.svelte';
-export { default as Spinner } from './components/Spinner/Spinner.svelte';
-export { default as Switch, SwitchConfig, type SwitchPreHook, } from './components/Switch/Switch.svelte';
-export { default as Thc, type THC, isTHCNotEmpty } from './components/Thc/Thc.svelte';
-export { default as X } from './components/X/X.svelte';
-export { autogrow } from './actions/autogrow.js';
-export { autoscroll } from './actions/autoscroll.js';
-export { draggable, droppable, type DraggableOptions, type DroppableOptions, } from './actions/drag-drop.js';
-export { focusTrap, type FocusTrapOptions } from './actions/focus-trap.js';
-export { onOutside } from './actions/on-outside.js';
-export { preSubmitValidityCheck } from './actions/pre-submit-validity-check.js';
-export { tooltip, TooltipConfig, type TooltipOptions, } from './actions/tooltip/tooltip.js';
-export { trim } from './actions/trim.js';
-export { validate, type ValidateOptions, type ValidationResult, } from './actions/validate.js';
-export { calculateAlignment } from './utils/calculate-alignment.js';
-export { DevicePointer } from './utils/device-pointer.js';
-export { getId } from './utils/get-id.js';
-export { windowSize, breakpoint } from './utils/window-size.js';
-export { twMerge2, clsClean } from './utils/tw-merge2.js';
-export type { TW_COLORS } from './utils/tw-types.js';
+export * from "./components/AlertConfirmPrompt/index.js";
+export * from "./components/AnimatedElipsis/index.js";
+export * from "./components/AppShell/index.js";
+export * from "./components/Backdrop/index.js";
+export * from "./components/Button/index.js";
+export * from "./components/ColorScheme/index.js";
+export * from "./components/DismissibleMessage/index.js";
+export * from "./components/Drawer/index.js";
+export * from "./components/HoverExpandableWidth/index.js";
+export * from "./components/Input/index.js";
+export * from "./components/KbdShortcut/index.js";
+export * from "./components/Modal/index.js";
+export * from "./components/ModalDialog/index.js";
+export * from "./components/Notifications/index.js";
+export * from "./components/Progress/index.js";
+export * from "./components/Spinner/index.js";
+export * from "./components/Switch/index.js";
+export * from "./components/TwCheck/index.js";
+export * from "./components/X/index.js";
+export * from "./utils/index.js";
+export * from "./actions/index.js";

package/dist/index.js

@@ -1,55 +1,24 @@
-// Reexport your entry components here
-//
-export { default as AlertConfirmPrompt, AlertConfirmPromptConfig, } from './components/AlertConfirmPrompt/AlertConfirmPrompt.svelte';
-export { createAlertConfirmPromptStore, createAlert, createConfirm, createPrompt, AlertConfirmPromptType, } from './components/AlertConfirmPrompt/alert-confirm-prompt.js';
-//
-export { default as AppShell, appShellSetHtmlBodyHeight, } from './components/AppShell/AppShell.svelte';
-//
-export { default as Backdrop, BackdropConfig, } from './components/Backdrop/Backdrop.svelte';
-//
-export { default as Button, ButtonConfig } from './components/Button/Button.svelte';
-//
-export { default as SystemAwareColorScheme } from './components/ColorScheme/SystemAwareColorScheme.svelte';
-export { default as LocalColorScheme } from './components/ColorScheme/LocalColorScheme.svelte';
-export { ColorScheme } from './components/ColorScheme/color-scheme.js';
-//
-export { default as DismissibleMessage, DismissibleMessageConfig, } from './components/DismissibleMessage/DismissibleMessage.svelte';
-//
-export { default as Drawer, createDrawerStore } from './components/Drawer/Drawer.svelte';
-//
-export { default as HoverExpandableWidth } from './components/HoverExpandableWidth/HoverExpandableWidth.svelte';
-//
-export { default as Field, FieldConfig, } from './components/Input/Field.svelte';
-export { default as FieldCheckbox, FieldCheckboxConfig, } from './components/Input/FieldCheckbox.svelte';
-export { default as FieldRadios, FieldRadiosConfig, } from './components/Input/FieldRadios.svelte';
-export { default as FieldSelect, FieldSelectConfig, } from './components/Input/FieldSelect.svelte';
-export { default as Fieldset, FieldsetConfig, } from './components/Input/Fieldset.svelte';
-export { default as ModalDialog, } from './components/ModalDialog/ModalDialog.svelte';
-//
-export { createNotificationsStore, NOTIFICATION_EVENT, } from './components/Notifications/notifications.js';
-export { default as Notifications, NotificationsConfig, } from './components/Notifications/Notifications.svelte';
-//
-export { default as Popover } from './components/Popover/Popover.svelte';
-//
-export { default as Spinner } from './components/Spinner/Spinner.svelte';
-//
-export { default as Switch, SwitchConfig, } from './components/Switch/Switch.svelte';
-export { default as Thc, isTHCNotEmpty } from './components/Thc/Thc.svelte';
-//
-export { default as X } from './components/X/X.svelte';
-// actions
-export { autogrow } from './actions/autogrow.js';
-export { autoscroll } from './actions/autoscroll.js';
-export { draggable, droppable, } from './actions/drag-drop.js';
-export { focusTrap } from './actions/focus-trap.js';
-export { onOutside } from './actions/on-outside.js';
-export { preSubmitValidityCheck } from './actions/pre-submit-validity-check.js';
-export { tooltip, TooltipConfig, } from './actions/tooltip/tooltip.js';
-export { trim } from './actions/trim.js';
-export { validate, } from './actions/validate.js';
+// components
+export * from "./components/AlertConfirmPrompt/index.js";
+export * from "./components/AnimatedElipsis/index.js";
+export * from "./components/AppShell/index.js";
+export * from "./components/Backdrop/index.js";
+export * from "./components/Button/index.js";
+export * from "./components/ColorScheme/index.js";
+export * from "./components/DismissibleMessage/index.js";
+export * from "./components/Drawer/index.js";
+export * from "./components/HoverExpandableWidth/index.js";
+export * from "./components/Input/index.js";
+export * from "./components/KbdShortcut/index.js";
+export * from "./components/Modal/index.js";
+export * from "./components/ModalDialog/index.js";
+export * from "./components/Notifications/index.js";
+export * from "./components/Progress/index.js";
+export * from "./components/Spinner/index.js";
+export * from "./components/Switch/index.js";
+export * from "./components/TwCheck/index.js";
+export * from "./components/X/index.js";
 // utils
-export { calculateAlignment } from './utils/calculate-alignment.js';
-export { DevicePointer } from './utils/device-pointer.js';
-export { getId } from './utils/get-id.js';
-export { windowSize, breakpoint } from './utils/window-size.js';
-export { twMerge2, clsClean } from './utils/tw-merge2.js';
+export * from "./utils/index.js";
+// actions
+export * from "./actions/index.js";

package/dist/types.d.ts

@@ -1,3 +1,252 @@
-export type SvelteEvent<E extends Event = Event, T extends EventTarget = Element> = E & {
-    currentTarget: EventTarget & T;
+export type DataAttributes = {
+    [key: `data-${string}`]: string | number | boolean;
 };
+export type TW_COLORS = "amber" | "blue" | "cyan" | "emerald" | "fuchsia" | "gray" | "green" | "indigo" | "lime" | "neutral" | "orange" | "pink" | "purple" | "red" | "rose" | "sky" | "slate" | "stone" | "teal" | "violet" | "yellow" | "zinc";
+/**
+DO NOTE REMOVE. FOOD FOR TW COMPILER...
+
+bg-black
+bg-white
+bg-slate-50
+bg-slate-100
+bg-slate-200
+bg-slate-300
+bg-slate-400
+bg-slate-500
+bg-slate-600
+bg-slate-700
+bg-slate-800
+bg-slate-900
+bg-slate-950
+bg-gray-50
+bg-gray-100
+bg-gray-200
+bg-gray-300
+bg-gray-400
+bg-gray-500
+bg-gray-600
+bg-gray-700
+bg-gray-800
+bg-gray-900
+bg-gray-950
+bg-zinc-50
+bg-zinc-100
+bg-zinc-200
+bg-zinc-300
+bg-zinc-400
+bg-zinc-500
+bg-zinc-600
+bg-zinc-700
+bg-zinc-800
+bg-zinc-900
+bg-zinc-950
+bg-neutral-50
+bg-neutral-100
+bg-neutral-200
+bg-neutral-300
+bg-neutral-400
+bg-neutral-500
+bg-neutral-600
+bg-neutral-700
+bg-neutral-800
+bg-neutral-900
+bg-neutral-950
+bg-stone-50
+bg-stone-100
+bg-stone-200
+bg-stone-300
+bg-stone-400
+bg-stone-500
+bg-stone-600
+bg-stone-700
+bg-stone-800
+bg-stone-900
+bg-stone-950
+bg-red-50
+bg-red-100
+bg-red-200
+bg-red-300
+bg-red-400
+bg-red-500
+bg-red-600
+bg-red-700
+bg-red-800
+bg-red-900
+bg-red-950
+bg-orange-50
+bg-orange-100
+bg-orange-200
+bg-orange-300
+bg-orange-400
+bg-orange-500
+bg-orange-600
+bg-orange-700
+bg-orange-800
+bg-orange-900
+bg-orange-950
+bg-amber-50
+bg-amber-100
+bg-amber-200
+bg-amber-300
+bg-amber-400
+bg-amber-500
+bg-amber-600
+bg-amber-700
+bg-amber-800
+bg-amber-900
+bg-amber-950
+bg-yellow-50
+bg-yellow-100
+bg-yellow-200
+bg-yellow-300
+bg-yellow-400
+bg-yellow-500
+bg-yellow-600
+bg-yellow-700
+bg-yellow-800
+bg-yellow-900
+bg-yellow-950
+bg-lime-50
+bg-lime-100
+bg-lime-200
+bg-lime-300
+bg-lime-400
+bg-lime-500
+bg-lime-600
+bg-lime-700
+bg-lime-800
+bg-lime-900
+bg-lime-950
+bg-green-50
+bg-green-100
+bg-green-200
+bg-green-300
+bg-green-400
+bg-green-500
+bg-green-600
+bg-green-700
+bg-green-800
+bg-green-900
+bg-green-950
+bg-emerald-50
+bg-emerald-100
+bg-emerald-200
+bg-emerald-300
+bg-emerald-400
+bg-emerald-500
+bg-emerald-600
+bg-emerald-700
+bg-emerald-800
+bg-emerald-900
+bg-emerald-950
+bg-teal-50
+bg-teal-100
+bg-teal-200
+bg-teal-300
+bg-teal-400
+bg-teal-500
+bg-teal-600
+bg-teal-700
+bg-teal-800
+bg-teal-900
+bg-teal-950
+bg-cyan-50
+bg-cyan-100
+bg-cyan-200
+bg-cyan-300
+bg-cyan-400
+bg-cyan-500
+bg-cyan-600
+bg-cyan-700
+bg-cyan-800
+bg-cyan-900
+bg-cyan-950
+bg-sky-50
+bg-sky-100
+bg-sky-200
+bg-sky-300
+bg-sky-400
+bg-sky-500
+bg-sky-600
+bg-sky-700
+bg-sky-800
+bg-sky-900
+bg-sky-950
+bg-blue-50
+bg-blue-100
+bg-blue-200
+bg-blue-300
+bg-blue-400
+bg-blue-500
+bg-blue-600
+bg-blue-700
+bg-blue-800
+bg-blue-900
+bg-blue-950
+bg-indigo-50
+bg-indigo-100
+bg-indigo-200
+bg-indigo-300
+bg-indigo-400
+bg-indigo-500
+bg-indigo-600
+bg-indigo-700
+bg-indigo-800
+bg-indigo-900
+bg-indigo-950
+bg-violet-50
+bg-violet-100
+bg-violet-200
+bg-violet-300
+bg-violet-400
+bg-violet-500
+bg-violet-600
+bg-violet-700
+bg-violet-800
+bg-violet-900
+bg-violet-950
+bg-purple-50
+bg-purple-100
+bg-purple-200
+bg-purple-300
+bg-purple-400
+bg-purple-500
+bg-purple-600
+bg-purple-700
+bg-purple-800
+bg-purple-900
+bg-purple-950
+bg-fuchsia-50
+bg-fuchsia-100
+bg-fuchsia-200
+bg-fuchsia-300
+bg-fuchsia-400
+bg-fuchsia-500
+bg-fuchsia-600
+bg-fuchsia-700
+bg-fuchsia-800
+bg-fuchsia-900
+bg-fuchsia-950
+bg-pink-50
+bg-pink-100
+bg-pink-200
+bg-pink-300
+bg-pink-400
+bg-pink-500
+bg-pink-600
+bg-pink-700
+bg-pink-800
+bg-pink-900
+bg-pink-950
+bg-rose-50
+bg-rose-100
+bg-rose-200
+bg-rose-300
+bg-rose-400
+bg-rose-500
+bg-rose-600
+bg-rose-700
+bg-rose-800
+bg-rose-900
+bg-rose-950
+ */