@widgetic/design-system 0.5.7 → 0.5.9

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

@@ -3,13 +3,13 @@ export type TextareaProps = WithoutChildren<WithElementRef<HTMLTextareaAttribute
 import type { WithElementRef, WithoutChildren } from "bits-ui";
 import type { HTMLTextareaAttributes } from "svelte/elements";
 declare const __propDef: {
-    props: Record<string, never>;
+    props: TextareaProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type TextareaProps_ = typeof __propDef.props;
+type TextareaProps_ = TextareaProps;
 export type TextareaEvents = typeof __propDef.events;
 export type TextareaSlots = typeof __propDef.slots;
 export default class Textarea extends SvelteComponentTyped<TextareaProps_, TextareaEvents, TextareaSlots> {

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

@@ -1,89 +1,19 @@
+import { type VariantProps, tv } from "tailwind-variants";
+import type { Toggle as TogglePrimitive } from "bits-ui";
 import { SvelteComponentTyped } from "svelte";
-import { type VariantProps } from "tailwind-variants";
-export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, {
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}>, {
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, {
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}>, unknown, unknown, undefined>>;
-export type ToggleVariant = VariantProps<typeof toggleVariants>["variant"];
-export type ToggleSize = VariantProps<typeof toggleVariants>["size"];
-export type ToggleVariants = VariantProps<typeof toggleVariants>;
+export type ToggleProps = TogglePrimitive.RootProps & {
+		variant?: ToggleVariant;
+		size?: ToggleSize;
+	};
 declare const __propDef: {
-    props: Record<string, never>;
+    props: ToggleProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export type ToggleProps = typeof __propDef.props;
 export type ToggleEvents = typeof __propDef.events;
 export type ToggleSlots = typeof __propDef.slots;
-export default class Toggle extends SvelteComponentTyped<ToggleProps, ToggleEvents, ToggleSlots> {
+export default class extends SvelteComponentTyped<ToggleProps, typeof __propDef.events, typeof __propDef.slots> {
 }
 export {};

package/dist/components/ui/toggle-group/toggle-group-item.svelte.d.ts

@@ -3,13 +3,13 @@ import type { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
 export type ToggleGroupItemProps = ToggleGroupPrimitive.ItemProps & ToggleVariants;
 import { type ToggleVariants } from "../toggle/index.js";
 declare const __propDef: {
-    props: Record<string, never>;
+    props: ToggleGroupItemProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type ToggleGroupItemProps_ = typeof __propDef.props;
+type ToggleGroupItemProps_ = ToggleGroupItemProps;
 export type ToggleGroupItemEvents = typeof __propDef.events;
 export type ToggleGroupItemSlots = typeof __propDef.slots;
 export default class ToggleGroupItem extends SvelteComponentTyped<ToggleGroupItemProps_, ToggleGroupItemEvents, ToggleGroupItemSlots> {

package/dist/components/ui/toggle-group/toggle-group.svelte.d.ts

@@ -1,17 +1,16 @@
+import type { ToggleVariants } from "$lib/components/ui/toggle/index.js";
+import type { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
 import { SvelteComponentTyped } from "svelte";
-import type { ToggleVariants } from "../toggle/index.js";
-export declare function setToggleGroupCtx(props: ToggleVariants): void;
-export declare function getToggleGroupCtx(): ToggleVariants;
+export type ToggleGroupProps = ToggleGroupPrimitive.RootProps & ToggleVariants;
 declare const __propDef: {
-    props: Record<string, never>;
+    props: ToggleGroupProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export type ToggleGroupProps = typeof __propDef.props;
 export type ToggleGroupEvents = typeof __propDef.events;
 export type ToggleGroupSlots = typeof __propDef.slots;
-export default class ToggleGroup extends SvelteComponentTyped<ToggleGroupProps, ToggleGroupEvents, ToggleGroupSlots> {
+export default class extends SvelteComponentTyped<ToggleGroupProps, typeof __propDef.events, typeof __propDef.slots> {
 }
 export {};

package/dist/components/ui/tooltip/tooltip-content.svelte.d.ts

@@ -2,13 +2,13 @@ import { SvelteComponentTyped } from "svelte";
 import type { Tooltip as TooltipPrimitive } from "bits-ui";
 export type TooltipContentProps = TooltipPrimitive.ContentProps;
 declare const __propDef: {
-    props: Record<string, never>;
+    props: TooltipContentProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type TooltipContentProps_ = typeof __propDef.props;
+type TooltipContentProps_ = TooltipContentProps;
 export type TooltipContentEvents = typeof __propDef.events;
 export type TooltipContentSlots = typeof __propDef.slots;
 export default class TooltipContent extends SvelteComponentTyped<TooltipContentProps_, TooltipContentEvents, TooltipContentSlots> {

package/dist/icons/CheckerBoardBackground.svelte.d.ts

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+export type CheckerBoardBackgroundProps = any;
 declare const __propDef: {
-    props: Record<string, never>;
+    props: CheckerBoardBackgroundProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export type CheckerBoardBackgroundProps = typeof __propDef.props;
 export type CheckerBoardBackgroundEvents = typeof __propDef.events;
 export type CheckerBoardBackgroundSlots = typeof __propDef.slots;
-export default class CheckerBoardBackground extends SvelteComponentTyped<CheckerBoardBackgroundProps, CheckerBoardBackgroundEvents, CheckerBoardBackgroundSlots> {
+export default class extends SvelteComponentTyped<CheckerBoardBackgroundProps, typeof __propDef.events, typeof __propDef.slots> {
 }
 export {};

package/dist/icons/OpacitySliderArrows.svelte.d.ts

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+export type OpacitySliderArrowsProps = any;
 declare const __propDef: {
-    props: Record<string, never>;
+    props: OpacitySliderArrowsProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export type OpacitySliderArrowsProps = typeof __propDef.props;
 export type OpacitySliderArrowsEvents = typeof __propDef.events;
 export type OpacitySliderArrowsSlots = typeof __propDef.slots;
-export default class OpacitySliderArrows extends SvelteComponentTyped<OpacitySliderArrowsProps, OpacitySliderArrowsEvents, OpacitySliderArrowsSlots> {
+export default class extends SvelteComponentTyped<OpacitySliderArrowsProps, typeof __propDef.events, typeof __propDef.slots> {
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@widgetic/design-system",
-	"version": "0.5.7",
+	"version": "0.5.9",
 	"type": "module",
 	"svelte": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -22,7 +22,11 @@
 		"llinks": "ls -la node_modules/@widgetic",
 		"glinks": "npm ls --global | grep widgetic",
 		"set-git": "git config core.ignorecase false",
-		"dev": "concurrently \"npm run dev-sv\" \"npm run package:watch\"",
+		"ensure-fonts": "mkdir -p static/fonts && ln -sfn ../../src/lib/fonts/BLMelody static/fonts/BLMelody && ln -sfn ../../src/lib/fonts/Riegla static/fonts/Riegla",
+		"predev": "npm run ensure-fonts && npx svelte-kit sync",
+		"predev-sv": "npm run ensure-fonts && npx svelte-kit sync",
+		"dev": "npm run dev-sv",
+		"dev:lib": "concurrently -n app,pkg -c blue,green \"npm run dev-sv\" \"npm run package:watch\"",
 		"dev-with-check": "NODE_ENV=development concurrently \"npm run check:watch\" \"npm run dev-sv\" \"npm run package:watch\"",
 		"dev-open": "npm run dev-sv -- --open",
 		"dev-sv": "NODE_ENV=development vite dev",
@@ -32,7 +36,7 @@
 		"package:watch:svelte": "NODE_ENV=development svelte-package --watch | grep -v '$app/environment'",
 		"package:watch:css": "chokidar 'dist/styles/global.css' --debounce 500 -c \"npm run update-config-path\" --initial",
 		"package:watch": "concurrently \"npm run package:watch:svelte\" \"npm run package:watch:css\"",
-		"package": "NODE_ENV=production svelte-package | grep -v '$app/environment' && npm run update-config-path",
+		"package": "NODE_ENV=production svelte-package | grep -v '$app/environment' && npm run update-config-path && node scripts/fix-svelte-dts-props.mjs",
 		"update-config-path": "if [ -f dist/styles/global.css ] && grep -q '@config \"../../../tailwind.config.ts\";' dist/styles/global.css; then echo 'Updating @config path in dist/styles/global.css...'; sed -i.bak 's|@config \"../../../tailwind.config.ts\";|@config \"../../tailwind.config.ts\";|g' dist/styles/global.css && rm -f dist/styles/global.css.bak; else :; fi",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "NODE_OPTIONS='--max-old-space-size=8192' svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
@@ -120,7 +124,7 @@
 	"devDependencies": {
 		"@sveltejs/adapter-node": "^5.2.9",
 		"@sveltejs/kit": "^2.20.7",
-		"@sveltejs/package": "^2.3.7",
+		"@sveltejs/package": "^2.5.8",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@tailwindcss/postcss": "^4.1.4",
 		"@tailwindcss/typography": "^0.5.15",