compote-ui 0.24.1 → 0.25.0

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

@@ -0,0 +1,2 @@
+export { default as Root } from './toggle-group.svelte';
+export { default as Item } from './toggle-group-item.svelte';

package/dist/components/toggle-group/index.js

@@ -0,0 +1,2 @@
+export { default as Root } from './toggle-group.svelte';
+export { default as Item } from './toggle-group-item.svelte';

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

@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { ToggleGroup } from '@ark-ui/svelte/toggle-group';
+	import type { ToggleGroupItemBaseProps } from '@ark-ui/svelte/toggle-group';
+
+	interface Props extends ToggleGroupItemBaseProps {
+		class?: string;
+	}
+
+	let { class: className, children, ...rest }: Props = $props();
+</script>
+
+<ToggleGroup.Item
+	{...rest}
+	class={className ??
+		'inline-flex h-8 w-8 items-center justify-center rounded-md text-sm text-ink-dim transition-colors select-none hover:bg-surface-2 hover:text-ink focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[state=on]:bg-surface-2 data-[state=on]:text-ink data-[state=on]:shadow-sm'}
+>
+	{@render children?.()}
+</ToggleGroup.Item>

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

@@ -0,0 +1,7 @@
+import type { ToggleGroupItemBaseProps } from '@ark-ui/svelte/toggle-group';
+interface Props extends ToggleGroupItemBaseProps {
+    class?: string;
+}
+declare const ToggleGroupItem: import("svelte").Component<Props, {}, "">;
+type ToggleGroupItem = ReturnType<typeof ToggleGroupItem>;
+export default ToggleGroupItem;

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

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { ToggleGroup } from '@ark-ui/svelte/toggle-group';
+	import type { ToggleGroupRootBaseProps } from '@ark-ui/svelte/toggle-group';
+
+	interface Props extends ToggleGroupRootBaseProps {
+		class?: string;
+	}
+
+	let { class: className, children, value = $bindable(), ...rootProps }: Props = $props();
+</script>
+
+<ToggleGroup.Root
+	{...rootProps}
+	bind:value
+	class={className ??
+		'inline-flex gap-1 rounded-lg border border-border bg-surface-1 p-1 data-[orientation=vertical]:flex-col'}
+>
+	{@render children?.()}
+</ToggleGroup.Root>

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

@@ -0,0 +1,8 @@
+import { ToggleGroup } from '@ark-ui/svelte/toggle-group';
+import type { ToggleGroupRootBaseProps } from '@ark-ui/svelte/toggle-group';
+interface Props extends ToggleGroupRootBaseProps {
+    class?: string;
+}
+declare const ToggleGroup: import("svelte").Component<Props, {}, "value">;
+type ToggleGroup = ReturnType<typeof ToggleGroup>;
+export default ToggleGroup;

package/dist/index.d.ts

@@ -27,6 +27,7 @@ export { default as Splitter } from './components/splitter/splitter.svelte';
 export type { SplitterPanelConfig, SplitterProps } from './components/splitter/types';
 export { default as Switch } from './components/switch/switch.svelte';
 export * as Tabs from './components/tabs';
+export * as ToggleGroup from './components/toggle-group';
 export * as Menu from './components/menu';
 export * as Field from './components/field';
 export * as Fieldset from './components/fieldset';

package/dist/index.js

@@ -21,6 +21,7 @@ export { default as Select } from './components/select/select.svelte';
 export { default as Splitter } from './components/splitter/splitter.svelte';
 export { default as Switch } from './components/switch/switch.svelte';
 export * as Tabs from './components/tabs';
+export * as ToggleGroup from './components/toggle-group';
 export * as Menu from './components/menu';
 export * as Field from './components/field';
 export * as Fieldset from './components/fieldset';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "compote-ui",
-	"version": "0.24.1",
+	"version": "0.25.0",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",