sk-clib 1.19.0 → 2.0.5

package/dist/ui/frame/components/frame.svelte.d.ts

@@ -1,14 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FrameProps = typeof __propDef.props;
-export type FrameEvents = typeof __propDef.events;
-export type FrameSlots = typeof __propDef.slots;
+import type { Props } from '..';
 /**
  * Generated by SvelteForge🔥 [Component Template]
  *
@@ -27,6 +17,6 @@ export type FrameSlots = typeof __propDef.slots;
  * This will create a flex container that is a row, centered, and fills the available space.
  * The `class` prop can be used to add additional classes to the frame, and the `children` prop can be used to pass in child components.
  */
-export default class Frame extends SvelteComponentTyped<FrameProps, FrameEvents, FrameSlots> {
-}
-export {};
+declare const Frame: import("svelte").Component<Props, {}, "shadow" | "scrim" | "surfaceVariant" | "background" | "surface" | "inverseSurface" | "outline" | "outlineVariant" | "primary" | "primaryContainer" | "inversePrimary" | "secondary" | "secondaryContainer" | "tertiary" | "tertiaryContainer" | "error" | "fill" | "class" | "flex" | "row" | "col" | "centerx" | "centery" | "center" | "fillw" | "fillh" | "noshrink" | "aspectSquare" | "cursorAuto" | "cursorDefault" | "cursorPointer">;
+type Frame = ReturnType<typeof Frame>;
+export default Frame;

package/dist/ui/index.d.ts

@@ -1,14 +1,12 @@
 export { default as Button } from './button/components/button.svelte';
 export { default as Flex } from './flex/components/flex.svelte';
 export { default as Frame } from './frame/components/frame.svelte';
-export { default as Header } from './header/components/header.svelte';
 export { default as Input } from './input/components/input.svelte';
 export { default as Spacer } from './spacer/components/spacer.svelte';
 export { default as Text } from './text/components/text.svelte';
 export type { tButtonProps } from './button/types';
 export type { tFlexProps } from './flex/types';
 export type { tFrameProps } from './frame/types';
-export type { tHeaderProps } from './header/types';
 export type { tInputProps } from './input/types';
 export type { tSpacerProps } from './spacer/types';
 export type { tTextProps } from './text/types';

package/dist/ui/index.js

@@ -4,7 +4,6 @@
 export { default as Button } from './button/components/button.svelte';
 export { default as Flex } from './flex/components/flex.svelte';
 export { default as Frame } from './frame/components/frame.svelte';
-export { default as Header } from './header/components/header.svelte';
 export { default as Input } from './input/components/input.svelte';
 export { default as Spacer } from './spacer/components/spacer.svelte';
 export { default as Text } from './text/components/text.svelte';

package/dist/ui/input/components/input.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	// --- Logic ---
-	import { cn, uuidv4 } from '../../../utils';
+	import { cn } from '../../../utils/classname';
+	import { uuidv4 } from '../../../utils/crypto';
 	import type { Props } from '..';
 	import { Frame } from '../..';
 

package/dist/ui/input/components/input.svelte.d.ts

@@ -1,20 +1,10 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InputProps = typeof __propDef.props;
-export type InputEvents = typeof __propDef.events;
-export type InputSlots = typeof __propDef.slots;
+import type { Props } from '..';
 /**
  * Generated by SvelteForge🔥
  *
  * # Input Component
  * Wrapper for input element that renders children within a label tag
  */
-export default class Input extends SvelteComponentTyped<InputProps, InputEvents, InputSlots> {
-}
-export {};
+declare const Input: import("svelte").Component<Props, {}, "fill" | "class" | "name" | "type" | "id" | "flex" | "row" | "col" | "centerx" | "centery" | "center" | "fillw" | "fillh" | "noshrink" | "aspectSquare" | "cursorAuto" | "cursorDefault" | "cursorPointer" | "classFrame">;
+type Input = ReturnType<typeof Input>;
+export default Input;

package/dist/ui/spacer/components/spacer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	// --- Logic ---
-	import { cn, Tokenizer } from '../../../utils';
+	import { cn, Tokenizer } from '../../../utils/classname';
 	import type { Props } from '..';
 
 	let {

package/dist/ui/spacer/components/spacer.svelte.d.ts

@@ -1,14 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SpacerProps = typeof __propDef.props;
-export type SpacerEvents = typeof __propDef.events;
-export type SpacerSlots = typeof __propDef.slots;
+import type { Props } from '..';
 /**
  * ---
  * name: Spacer
@@ -22,6 +12,6 @@ export type SpacerSlots = typeof __propDef.slots;
  * Element that is soley made to fill in space. If nothing is passed, assumes 'size-full',
  * otherwise, it fills the direction you tell it to.
  */
-export default class Spacer extends SvelteComponentTyped<SpacerProps, SpacerEvents, SpacerSlots> {
-}
-export {};
+declare const Spacer: import("svelte").Component<Props, {}, "class" | "height" | "width" | "horizontal" | "vertical">;
+type Spacer = ReturnType<typeof Spacer>;
+export default Spacer;

package/dist/ui/text/components/text.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 
     // --- Logic ---
-    import { cn, Tokenizer } from '../../../utils';
+    import { cn, Tokenizer } from '../../../utils/classname';
     import type { Props } from ".."
 
     // Size Class Lookup Table

package/dist/ui/text/components/text.svelte.d.ts

@@ -1,15 +1,5 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TextProps = typeof __propDef.props;
-export type TextEvents = typeof __propDef.events;
-export type TextSlots = typeof __propDef.slots;
+import type { Props } from "..";
 /** Generated by SvelteForge🔥 */
-export default class Text extends SvelteComponentTyped<TextProps, TextEvents, TextSlots> {
-}
-export {};
+declare const Text: import("svelte").Component<Props, {}, "">;
+type Text = ReturnType<typeof Text>;
+export default Text;

package/dist/{utils.d.ts → utils/classname.d.ts}

@@ -43,15 +43,6 @@ export declare class cn_a {
      */
     static buildx(selector: string, classes: string): string;
 }
-export declare function expand(node: HTMLElement, params: any, { duration }: {
-    duration?: number | undefined;
-}): {
-    duration: number;
-    easing: any;
-    css: (t: number) => string;
-};
-export declare function uuidv4(): string;
-export declare function reference_package_to_form(package_name: string, location?: string | undefined): string;
 /**
  * A utility class for dynamically building class names based on conditional logic.
  * This class is particularly useful for managing conditional class tokens in a structured way.

package/dist/{utils.js → utils/classname.js}

@@ -1,7 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { base } from '$app/paths';
 import { clsx } from 'clsx';
-import { cubicOut } from 'svelte/easing';
 import { twMerge } from 'tailwind-merge';
 /**
  * Fix class naming conflicts by utilizing both :function:`twMerge` and :function:`clsx`
@@ -74,25 +72,6 @@ export class cn_a {
         return buffer.join(' '); // Return all the changes split
     }
 }
-export function expand(node, params, { duration = 300 }) {
-    const height = node.scrollHeight;
-    return {
-        duration,
-        easing: params.easing || cubicOut,
-        css: (t) => `height: ${t * height}px; opacity: ${t}; margin-top: ${t * ((params.offset !== undefined) ? params.offset : 8)}px;`
-    };
-}
-export function uuidv4() {
-    return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, (c) => (+c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (+c / 4)))).toString(16));
-}
-export function reference_package_to_form(package_name, location = undefined) {
-    let buff = `?tour-package=${package_name}`;
-    if (location !== undefined) {
-        buff += `&location=${location}`;
-    }
-    window.location.href = `${base}/form${buff}`;
-    return buff;
-}
 /**
  * A utility class for dynamically building class names based on conditional logic.
  * This class is particularly useful for managing conditional class tokens in a structured way.

package/dist/utils/crypto.d.ts

@@ -0,0 +1 @@
+export declare function uuidv4(): string;

package/dist/utils/crypto.js

@@ -0,0 +1,3 @@
+export function uuidv4() {
+    return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, (c) => (+c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (+c / 4)))).toString(16));
+}

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './classname';
+export * from './number';
+export * from './string';

package/dist/utils/index.js

@@ -0,0 +1,3 @@
+export * from './classname';
+export * from './number';
+export * from './string';

package/dist/utils/number.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Clamps a number between a given min and max
+ *
+ * @param number Number to clamp
+ * @param min Minimum the number can be
+ * @param max Maximum the number can be
+ */
+export declare function clamp(number: number, min: number, max: number): number;

package/dist/utils/number.js

@@ -0,0 +1,10 @@
+/**
+ * Clamps a number between a given min and max
+ *
+ * @param number Number to clamp
+ * @param min Minimum the number can be
+ * @param max Maximum the number can be
+ */
+export function clamp(number, min, max) {
+    return Math.max(min, Math.min(number, max));
+}

package/dist/utils/string.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Converts a string like "test_string" or "test-string" to "testString"
+ * @param s String to convert
+ */
+export declare function snakeOrKebabToCamel(s: string): string;
+/**
+ * Converts a snake_case string to kebab-case.
+ *
+ * Examples:
+ * - "test_string" -> "test-string"
+ * - "__Foo__Bar__" -> "foo-bar"
+ * - "already-kebab" -> "already-kebab"
+ *
+ * @param s Input string in snake_case (or similar).
+ * @returns The input converted to kebab-case (lowercased, underscores -> hyphens,
+ *          consecutive underscores collapsed, and leading/trailing separators trimmed).
+ */
+export declare function snakeToKebab(s: string): string;

package/dist/utils/string.js

@@ -0,0 +1,28 @@
+/**
+ * Converts a string like "test_string" or "test-string" to "testString"
+ * @param s String to convert
+ */
+export function snakeOrKebabToCamel(s) {
+    return s.toLowerCase().replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
+}
+/**
+ * Converts a snake_case string to kebab-case.
+ *
+ * Examples:
+ * - "test_string" -> "test-string"
+ * - "__Foo__Bar__" -> "foo-bar"
+ * - "already-kebab" -> "already-kebab"
+ *
+ * @param s Input string in snake_case (or similar).
+ * @returns The input converted to kebab-case (lowercased, underscores -> hyphens,
+ *          consecutive underscores collapsed, and leading/trailing separators trimmed).
+ */
+export function snakeToKebab(s) {
+    if (!s)
+        return s;
+    // Replace one-or-more underscores with a single hyphen, then trim hyphens, then lowercase.
+    return s
+        .replace(/_+/g, '-')
+        .replace(/^-+|-+$/g, '')
+        .toLowerCase();
+}

package/package.json

@@ -1,17 +1,32 @@
 {
 	"name": "sk-clib",
-	"version": "1.19.0",
+	"version": "2.0.5",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/TreltaSev/sk-clib"
 	},
-	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && npm run prepack",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"prepack": "svelte-kit sync && svelte-package && publint",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --check .",
+		"format": "prettier --write ."
+	},
 	"files": [
 		"dist",
 		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*",
-		"dist/styles.css"
+		"!dist/**/*.spec.*"
 	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",
@@ -22,68 +37,40 @@
 			"svelte": "./dist/ui/index.js"
 		},
 		"./style": {
-			"default": "./dist/styles.css"
+			"default": "./dist/theme/theme.css"
 		},
 		"./theme": {
 			"types": "./dist/theme/index.d.ts",
 			"svelte": "./dist/theme/index.js",
 			"default": "./dist/theme/index.js"
-		},
-		"./theme/types": {
-			"types": "./dist/theme/types.d.ts",
-			"default": "./dist/theme/types.js"
 		}
 	},
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"sideEffects": [
-		"**/*.css"
-	],
-	"keywords": [
-		"svelte",
-		"component",
-		"library"
-	],
-	"scripts": {
-		"dev": "vite dev",
-		"build": "svelte-package && node ../../scripts/postbuild-theme-types.mjs && npm run css_build",
-		"css_build": "npx tailwindcss -i ./src/library.css -o ./dist/styles.css",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --check . && eslint .",
-		"format": "prettier --write ."
+	"peerDependencies": {
+		"svelte": "^5.0.0"
 	},
 	"devDependencies": {
-		"@eslint/compat": "^2.0.4",
-		"@eslint/js": "^10.0.1",
-		"@iconify/json": "^2.2.480",
-		"@sveltejs/adapter-auto": "^7.0.1",
+		"@sveltejs/adapter-static": "^3.0.10",
+		"@sveltejs/kit": "^2.57.0",
+		"@sveltejs/package": "^2.5.7",
 		"@sveltejs/vite-plugin-svelte": "^7.0.0",
-		"@types/node": "^22",
-		"eslint": "^10.2.0",
-		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-svelte": "^3.17.0",
-		"globals": "^17.4.0",
+		"@tailwindcss/vite": "^4.2.2",
+		"@types/node": "^25.9.1",
 		"prettier": "^3.8.1",
 		"prettier-plugin-svelte": "^3.5.1",
 		"prettier-plugin-tailwindcss": "^0.7.2",
+		"publint": "^0.3.18",
 		"svelte": "^5.55.2",
 		"svelte-check": "^4.4.6",
+		"tailwindcss": "^4.2.2",
 		"typescript": "^6.0.2",
-		"typescript-eslint": "^8.58.1",
-		"unplugin-icons": "^23.0.1",
 		"vite": "^8.0.7"
 	},
+	"keywords": [
+		"svelte"
+	],
 	"dependencies": {
-		"@material/material-color-utilities": "^0.3.0",
-		"@sveltejs/package": "^2.5.7",
-		"js-cookie": "^3.0.5",
-		"tailwind-merge": "^3.2.0",
-		"@sveltejs/kit": "^2.57.0",
-		"@tailwindcss/cli": "^4.1.5",
-		"@tailwindcss/vite": "^4.1.7",
-		"tailwindcss": "^4.2.2"
+		"@poupe/material-color-utilities": "^0.4.1",
+		"js-cookie": "^3.0.8",
+		"tailwind-merge": "^3.6.0"
 	}
 }

package/dist/assets/favicon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>