@foxui/core 0.4.0

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

@@ -0,0 +1,6 @@
+import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+import { type ToggleVariants } from "../toggle/";
+type $$ComponentProps = ToggleGroupPrimitive.ItemProps & ToggleVariants;
+declare const ToggleGroupItem: import("svelte").Component<$$ComponentProps, {}, "ref" | "value">;
+type ToggleGroupItem = ReturnType<typeof ToggleGroupItem>;
+export default ToggleGroupItem;

package/dist/components/toggle-group/toggle-group.svelte

@@ -0,0 +1,41 @@
+<script lang="ts" module>
+	import { getContext, setContext } from "svelte";
+	import type { ToggleVariants } from "../toggle/";
+	export function setToggleGroupCtx(props: ToggleVariants) {
+		setContext("toggleGroup", props);
+	}
+
+	export function getToggleGroupCtx() {
+		return getContext<ToggleVariants>("toggleGroup");
+	}
+</script>
+
+<script lang="ts">
+	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+	import { cn } from "../../utils";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		size = "default",
+		variant = "default",
+		...restProps
+	}: ToggleGroupPrimitive.RootProps & ToggleVariants = $props();
+
+	setToggleGroupCtx({
+		variant,
+		size,
+	});
+</script>
+
+<!--
+Discriminated Unions + Destructing (required for bindable) do not
+get along, so we shut typescript up by casting `value` to `never`.
+-->
+<ToggleGroupPrimitive.Root
+	bind:value={value as never}
+	bind:ref
+	class={cn("flex items-center justify-center gap-1", className)}
+	{...restProps}
+/>

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

@@ -0,0 +1,8 @@
+import type { ToggleVariants } from "../toggle/";
+export declare function setToggleGroupCtx(props: ToggleVariants): void;
+export declare function getToggleGroupCtx(): ToggleVariants;
+import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+type $$ComponentProps = ToggleGroupPrimitive.RootProps & ToggleVariants;
+declare const ToggleGroup: import("svelte").Component<$$ComponentProps, {}, "ref" | "value">;
+type ToggleGroup = ReturnType<typeof ToggleGroup>;
+export default ToggleGroup;

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

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+import Content from './tooltip-content.svelte';
+import Tooltip from './tooltip.svelte';
+declare const Root: import("svelte").Component<TooltipPrimitive.RootProps, {}, "open">;
+declare const Trigger: import("svelte").Component<TooltipPrimitive.TriggerProps, {}, "ref">;
+declare const Provider: import("svelte").Component<TooltipPrimitive.ProviderProps, {}, "">;
+export { Root as TooltipRoot, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Tooltip };

package/dist/components/tooltip/index.js

@@ -0,0 +1,9 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+import Content from './tooltip-content.svelte';
+import Tooltip from './tooltip.svelte';
+const Root = TooltipPrimitive.Root;
+const Trigger = TooltipPrimitive.Trigger;
+const Provider = TooltipPrimitive.Provider;
+export { Root as TooltipRoot, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, 
+//
+Tooltip };

package/dist/components/tooltip/tooltip-content.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Tooltip as TooltipPrimitive } from 'bits-ui';
+	import { cn } from '../../utils';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 4,
+		...restProps
+	}: TooltipPrimitive.ContentProps = $props();
+</script>
+
+<TooltipPrimitive.Content
+	bind:ref
+	{sideOffset}
+	class={cn(
+		'border-base-200 bg-base-100 text-base-900 motion-safe:animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-base-800 dark:bg-base-900 dark:text-base-50 z-50 overflow-hidden rounded-2xl border px-3 py-1.5 text-sm',
+		className
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+declare const TooltipContent: import("svelte").Component<TooltipPrimitive.ContentProps, {}, "ref">;
+type TooltipContent = ReturnType<typeof TooltipContent>;
+export default TooltipContent;

package/dist/components/tooltip/tooltip.svelte

@@ -0,0 +1,62 @@
+<script lang="ts">
+	import { Tooltip } from 'bits-ui';
+	import { type Snippet } from 'svelte';
+	import { TooltipContent } from '.';
+
+	type Props = Tooltip.RootProps & {
+		withContext?: boolean;
+
+		triggerProps?: Tooltip.TriggerProps;
+
+		contentProps?: Tooltip.ContentProps;
+
+		content?: Snippet;
+		text?: string;
+	} & Tooltip.TriggerProps;
+
+	let {
+		open = $bindable(false),
+		child: myChild,
+
+		withContext = false,
+
+		triggerProps = {},
+
+		content,
+		contentProps = {},
+		text,
+		...restProps
+	}: Props = $props();
+</script>
+
+{#snippet root()}
+	<Tooltip.Root bind:open {...restProps}>
+		<Tooltip.Trigger {...triggerProps}>
+			{#snippet child({ props })}
+				{@render myChild?.({ props })}
+			{/snippet}
+		</Tooltip.Trigger>
+
+		<Tooltip.Portal>
+			<TooltipContent
+				sideOffset={contentProps.sideOffset ?? 6}
+				side={contentProps.side ?? 'top'}
+				class={contentProps.class}
+			>
+				{#if content}
+					{@render content()}
+				{:else}
+					{text}
+				{/if}
+			</TooltipContent>
+		</Tooltip.Portal>
+	</Tooltip.Root>
+{/snippet}
+
+{#if withContext}
+	<Tooltip.Provider>
+		{@render root()}
+	</Tooltip.Provider>
+{:else}
+	{@render root()}
+{/if}

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

@@ -0,0 +1,12 @@
+import { Tooltip } from 'bits-ui';
+import { type Snippet } from 'svelte';
+type Props = Tooltip.RootProps & {
+    withContext?: boolean;
+    triggerProps?: Tooltip.TriggerProps;
+    contentProps?: Tooltip.ContentProps;
+    content?: Snippet;
+    text?: string;
+} & Tooltip.TriggerProps;
+declare const Tooltip: import("svelte").Component<Props, {}, "open">;
+type Tooltip = ReturnType<typeof Tooltip>;
+export default Tooltip;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { cn } from './utils';
+export * from './components/';

package/dist/index.js

@@ -0,0 +1,3 @@
+export { cn } from './utils';
+// base components
+export * from './components/';

package/dist/types.d.ts

@@ -0,0 +1 @@
+export * from './index';

package/dist/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@foxui/core",
+  "private": false,
+  "version": "0.4.0",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "types": "./dist/types.d.ts",
+  "svelte": "./dist/index.js",
+  "devDependencies": {
+    "@eslint/compat": "^1.2.5",
+    "@eslint/js": "^9.18.0",
+    "@sveltejs/adapter-auto": "^6.0.0",
+    "@sveltejs/kit": "^2.16.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.0",
+    "@tailwindcss/forms": "^0.5.9",
+    "@tailwindcss/typography": "^0.5.15",
+    "@tailwindcss/vite": "^4.1.5",
+    "eslint": "^9.18.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-svelte": "^3.0.0",
+    "globals": "^16.0.0",
+    "prettier": "^3.4.2",
+    "prettier-plugin-svelte": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.0.0",
+    "tailwindcss": "^4.1.5",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.20.0",
+    "vite": "^6.2.6",
+    "@sveltejs/adapter-static": "^3.0.8",
+    "@sveltejs/package": "^2.3.11"
+  },
+  "dependencies": {
+    "@number-flow/svelte": "^0.3.7",
+    "bits-ui": "^1.4.3",
+    "clsx": "^2.1.1",
+    "svelte-sonner": "^0.3.28",
+    "tailwind-merge": "^3.2.0",
+    "tailwind-variants": "^1.0.0"
+  },
+  "peerDependencies": {
+    "svelte": ">=5",
+    "tailwindcss": ">=3"
+  },
+  "keywords": [
+    "svelte",
+    "ui-kit",
+    "3d",
+    "components"
+  ],
+  "description": "ui kit - svelte 5 + tailwind 4 - base components",
+  "homepage": "https://flo-bit.dev/ui-kit",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/flo-bit/ui-kit.git"
+  },
+  "author": "flo-bit (http://flo-bit.dev/)",
+  "bugs": "https://github.com/flo-bit/ui-kit/issues",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run prepack",
+    "build:package": "vite build && npm run prepack",
+    "preview": "vite preview",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "format": "prettier --write .",
+    "lint": "prettier --check . && eslint ."
+  }
+}