sk-clib 1.19.0 → 2.0.4

package/dist/ui/header/components/header.svelte

@@ -1,147 +0,0 @@
-<script lang="ts">
-	// --- Logic ---
-	import { cn, Tokenizer } from '../../../utils';
-	import { type Props } from '..';
-
-	// Size Class Lookup Table
-	const sizeClasses = {
-		xxl: 'text-2xl',
-		xl: 'text-xl',
-		lg: 'text-lg',
-		md: 'text-base',
-		sm: 'text-sm'
-	};
-
-	// Semantic Sizes Lookup Table
-	const semanticSizes = {
-		xxl: 'h1',
-		xl: 'h2',
-		lg: 'h3',
-		md: 'h4',
-		sm: 'h5'
-	};
-
-	// Weight Classes Lookup Table
-	const weightClasses = {
-		extrabold: 'font-extrabold',
-		bold: 'font-bold',
-		semibold: 'font-semibold',
-		regular: 'font-normal',
-		light: 'font-light'
-	};
-
-	let {
-		children,
-		class: className = $bindable(undefined),
-
-		// Sizing
-		size = 'md', // Catch All
-		xxl,
-		xl,
-		lg,
-		md,
-		sm,
-
-		// Weights
-		weight = 'regular', // Catch All
-		extrabold,
-		bold,
-		semibold,
-		regular,
-		light,
-
-		// Semantic Element
-		as = undefined, // Catchall
-
-		// Italics
-		em,
-
-		...rest
-	}: Props = $props();
-
-	const tokenInstance = new Tokenizer(className);
-
-	// === Catch All statements should be applied first ===
-
-	// Apply Size Class
-	tokenInstance.addTokenIf(true, sizeClasses[size] ?? 'text-base');
-
-	// Apply Weight Class
-	tokenInstance.addTokenIf(true, weightClasses[weight] ?? 'font-normal');
-
-	// Sizing Tokens
-	tokenInstance.addTokenIf(xxl, 'text-2xl');
-	tokenInstance.addTokenIf(xl, 'text-xl');
-	tokenInstance.addTokenIf(lg, 'text-lg');
-	tokenInstance.addTokenIf(md, 'text-base');
-	tokenInstance.addTokenIf(sm, 'text-sm');
-
-	function determineSemanticViaSize() {
-		// Go in order of importance, top-down
-		if (xxl) return 'h1';
-		if (xl) return 'h2';
-		if (lg) return 'h3';
-		if (md) return 'h4';
-		if (sm) return 'h5';
-
-		// Fallback to size prop
-		return semanticSizes[size] ?? 'span';
-	}
-
-	// Weight Tokens
-	tokenInstance.addTokenIf(extrabold, 'font-extrabold');
-	tokenInstance.addTokenIf(bold, 'font-bold');
-	tokenInstance.addTokenIf(semibold, 'font-semibold');
-	tokenInstance.addTokenIf(regular, 'font-normal');
-	tokenInstance.addTokenIf(light, 'font-light');
-
-	// Italic Token
-	tokenInstance.addTokenIf(em, 'italic');
-
-	// Determine Semantic Tag
-	let semanticTag = as ?? determineSemanticViaSize();
-</script>
-
-<svelte:element this={semanticTag} class={cn(tokenInstance.className)} {...rest}>
-	{@render children?.()}
-</svelte:element>
-
-<!--@component
-	Generated by SvelteForge🔥
-
-	# Header Component
-	A semantic and styled heading component that combines typography flexibility with accessible HTML.
-
-	This component maps `size` values to both Tailwind classes and semantic tags (`h1`–`h5`),
-	while also allowing direct override with the `as` prop for full control.
-
-	## Props
-
-	- `size`: `"xxl" | "xl" | "lg" | "md" | "sm"` — sets both font size and default semantic tag.
-	- `as`: `"h1" | "h2" | "h3" | "h4" | "h5" | "span"` — override the default semantic tag.
-	- `weight`: `"extrabold" | "bold" | "semibold" | "regular" | "light"` — font-weight control.
-	- `xxl`, `xl`, `lg`, `md`, `sm`: boolean shorthands to set font size via token (overrides `size`).
-	- `extrabold`, `bold`, `semibold`, `regular`, `light`: boolean shorthands to set weight (overrides `weight`).
-	- `em`: boolean — italicizes the text.
-	- `class`: Tailwind utility classes to append additional styling.
-	- `children`: Rendered content of the header.
-
-	## Example
-
-	```svelte
-	<Header size="xl" weight="semibold">
-		Dashboard
-	</Header>
-
-	<Header lg bold em>
-		Welcome Back!
-	</Header>
-
-	<Header size="md" as="h2">
-		Settings
-	</Header>
-	```
-
-	Defaults to a `h4` tag (`md` size) with `regular` weight if not specified.
--->
-

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

@@ -1,52 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type HeaderProps = typeof __propDef.props;
-export type HeaderEvents = typeof __propDef.events;
-export type HeaderSlots = typeof __propDef.slots;
-/**
- * Generated by SvelteForge🔥
- *
- * # Header Component
- * A semantic and styled heading component that combines typography flexibility with accessible HTML.
- *
- * This component maps `size` values to both Tailwind classes and semantic tags (`h1`–`h5`),
- * while also allowing direct override with the `as` prop for full control.
- *
- * ## Props
- *
- * - `size`: `"xxl" | "xl" | "lg" | "md" | "sm"` — sets both font size and default semantic tag.
- * - `as`: `"h1" | "h2" | "h3" | "h4" | "h5" | "span"` — override the default semantic tag.
- * - `weight`: `"extrabold" | "bold" | "semibold" | "regular" | "light"` — font-weight control.
- * - `xxl`, `xl`, `lg`, `md`, `sm`: boolean shorthands to set font size via token (overrides `size`).
- * - `extrabold`, `bold`, `semibold`, `regular`, `light`: boolean shorthands to set weight (overrides `weight`).
- * - `em`: boolean — italicizes the text.
- * - `class`: Tailwind utility classes to append additional styling.
- * - `children`: Rendered content of the header.
- *
- * ## Example
- *
- * ```svelte
- * <Header size="xl" weight="semibold">
- * 	Dashboard
- * </Header>
- *
- * <Header lg bold em>
- * 	Welcome Back!
- * </Header>
- *
- * <Header size="md" as="h2">
- * 	Settings
- * </Header>
- * ```
- *
- * Defaults to a `h4` tag (`md` size) with `regular` weight if not specified.
- */
-export default class Header extends SvelteComponentTyped<HeaderProps, HeaderEvents, HeaderSlots> {
-}
-export {};

package/dist/ui/header/index.d.ts

@@ -1,2 +0,0 @@
-export { default as _, default as Root } from "./components/header.svelte";
-export type { tHeaderProps as Props, tHeaderSizes as Sizes, tHeaderWeights as Weights } from "./types";

package/dist/ui/header/index.js

@@ -1 +0,0 @@
-export { default as _, default as Root } from "./components/header.svelte";

package/dist/ui/header/types.d.ts

@@ -1,31 +0,0 @@
-import type { HTMLAttributes } from 'svelte/elements';
-export type tHeaderSizes = {
-    xxl: 'h1';
-    xl: 'h2';
-    lg: 'h3';
-    md: 'h4';
-    sm: 'h5';
-};
-export type tHeaderWeights = {
-    light: 'font-light';
-    regular: 'font-normal';
-    semibold: 'font-semibold';
-    bold: 'font-bold';
-    extrabold: 'font-extrabold';
-};
-export type tHeaderProps = HTMLAttributes<HTMLDivElement> & {
-    size?: keyof tHeaderSizes;
-    xxl?: boolean;
-    xl?: boolean;
-    lg?: boolean;
-    md?: boolean;
-    sm?: boolean;
-    as?: tHeaderSizes[keyof tHeaderSizes];
-    weight?: keyof tHeaderWeights;
-    extrabold?: boolean;
-    bold?: boolean;
-    semibold?: boolean;
-    regular?: boolean;
-    light?: boolean;
-    em?: boolean;
-};

package/dist/ui/header/types.js

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