@connectorvol/chess-shadcn 1.0.0 → 1.1.0

package/dist/components/ui/select/index.d.ts

@@ -0,0 +1,8 @@
+import Root from "./select.svelte";
+import Trigger from "./select-trigger.svelte";
+import Content from "./select-content.svelte";
+import Item from "./select-item.svelte";
+import Separator from "./select-separator.svelte";
+import Group from "./select-group.svelte";
+import Label from "./select-label.svelte";
+export { Root, Trigger, Content, Item, Separator, Group, Label, Root as Select, Trigger as SelectTrigger, Content as SelectContent, Item as SelectItem, Separator as SelectSeparator, Group as SelectGroup, Label as SelectLabel, };

package/dist/components/ui/select/index.js

@@ -0,0 +1,10 @@
+import Root from "./select.svelte";
+import Trigger from "./select-trigger.svelte";
+import Content from "./select-content.svelte";
+import Item from "./select-item.svelte";
+import Separator from "./select-separator.svelte";
+import Group from "./select-group.svelte";
+import Label from "./select-label.svelte";
+export { Root, Trigger, Content, Item, Separator, Group, Label, 
+//
+Root as Select, Trigger as SelectTrigger, Content as SelectContent, Item as SelectItem, Separator as SelectSeparator, Group as SelectGroup, Label as SelectLabel, };

package/dist/components/ui/select/select-content.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: SelectPrimitive.ContentProps = $props();
+</script>
+
+<SelectPrimitive.Portal>
+	<SelectPrimitive.Content
+		bind:ref
+		class={cn(
+			"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
+			className,
+		)}
+		{...restProps}
+	>
+		<SelectPrimitive.ScrollUpButton />
+		<SelectPrimitive.Viewport class="p-1">
+			{@render children?.()}
+		</SelectPrimitive.Viewport>
+		<SelectPrimitive.ScrollDownButton />
+	</SelectPrimitive.Content>
+</SelectPrimitive.Portal>

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

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

package/dist/components/ui/select/select-group.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from "bits-ui";
+
+	let { ...restProps }: SelectPrimitive.GroupProps = $props();
+</script>
+
+<SelectPrimitive.Group {...restProps} />

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

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectGroup: import("svelte").Component<SelectPrimitive.GroupProps, {}, "">;
+type SelectGroup = ReturnType<typeof SelectGroup>;
+export default SelectGroup;

package/dist/components/ui/select/select-item.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from "bits-ui";
+	import Check from "@lucide/svelte/icons/check";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: SelectPrimitive.ItemProps = $props();
+</script>
+
+<SelectPrimitive.Item
+	bind:ref
+	class={cn(
+		"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		className,
+	)}
+	{...restProps}
+>
+	{#snippet children({ selected, highlighted })}
+		<span class="absolute right-2 flex size-3.5 items-center justify-center">
+			{#if selected}
+				<Check class="size-4" />
+			{/if}
+		</span>
+		{@render children?.({ selected, highlighted })}
+	{/snippet}
+</SelectPrimitive.Item>

package/dist/components/ui/select/select-item.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectItem: import("svelte").Component<SelectPrimitive.ItemProps, {}, "ref">;
+type SelectItem = ReturnType<typeof SelectItem>;
+export default SelectItem;

package/dist/components/ui/select/select-label.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		class: className,
+		...restProps
+	}: SelectPrimitive.GroupHeadingProps = $props();
+</script>
+
+<SelectPrimitive.GroupHeading
+	class={cn("px-2 py-1.5 text-sm font-semibold", className)}
+	{...restProps}
+/>

package/dist/components/ui/select/select-label.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectLabel: import("svelte").Component<SelectPrimitive.GroupHeadingProps, {}, "">;
+type SelectLabel = ReturnType<typeof SelectLabel>;
+export default SelectLabel;

package/dist/components/ui/select/select-separator.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		class: className,
+		...restProps
+	}: SelectPrimitive.SeparatorProps = $props();
+</script>
+
+<SelectPrimitive.Separator
+	class={cn("bg-muted -mx-1 my-1 h-px", className)}
+	{...restProps}
+/>

package/dist/components/ui/select/select-separator.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const SelectSeparator: import("svelte").Component<SelectPrimitive.SeparatorProps, {}, "">;
+type SelectSeparator = ReturnType<typeof SelectSeparator>;
+export default SelectSeparator;

package/dist/components/ui/select/select-trigger.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from "bits-ui";
+	import ChevronDown from "@lucide/svelte/icons/chevron-down";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: SelectPrimitive.TriggerProps = $props();
+</script>
+
+<SelectPrimitive.Trigger
+	bind:ref
+	class={cn(
+		"border-input bg-background ring-offset-background data-placeholder:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between rounded-md border px-3 py-2 text-sm whitespace-nowrap shadow-sm transition-colors focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+		className,
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronDown class="size-4 opacity-50" />
+</SelectPrimitive.Trigger>

package/dist/components/ui/select/select-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectTrigger: import("svelte").Component<SelectPrimitive.TriggerProps, {}, "ref">;
+type SelectTrigger = ReturnType<typeof SelectTrigger>;
+export default SelectTrigger;

package/dist/components/ui/select/select.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from "bits-ui";
+
+	let { ...restProps }: SelectPrimitive.RootProps = $props();
+</script>
+
+<SelectPrimitive.Root {...restProps} />

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

@@ -0,0 +1,3 @@
+declare const Select: import("svelte").Component<import("bits-ui").SelectRootPropsWithoutHTML, {}, "">;
+type Select = ReturnType<typeof Select>;
+export default Select;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PopoverClose, PopoverPortal, } from "./components/ui/popover/index.js";
 export { Toggle, toggleVariants, type ToggleSize, type ToggleVariant, type ToggleVariants, } from "./components/ui/toggle/index.js";
 export { Checkbox } from "./components/ui/checkbox/index.js";
+export { Select, SelectTrigger, SelectContent, SelectItem, SelectSeparator, SelectGroup, SelectLabel, } from "./components/ui/select/index.js";

package/dist/index.js

@@ -1,3 +1,4 @@
 export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PopoverClose, PopoverPortal, } from "./components/ui/popover/index.js";
 export { Toggle, toggleVariants, } from "./components/ui/toggle/index.js";
 export { Checkbox } from "./components/ui/checkbox/index.js";
+export { Select, SelectTrigger, SelectContent, SelectItem, SelectSeparator, SelectGroup, SelectLabel, } from "./components/ui/select/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectorvol/chess-shadcn",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -37,7 +37,9 @@
     "prettier": "prettier --write \"**/*.svelte\""
   },
   "dependencies": {
+    "bits-ui": "2.16.4",
     "clsx": "^2.1.1",
+    "svelte-toolbelt": "^0.10.6",
     "tailwind-merge": "3.3.1",
     "tailwind-variants": "3.1.1",
     "@lucide/svelte": "^1.16.0"
@@ -56,7 +58,6 @@
     "vite": "8.0.7"
   },
   "peerDependencies": {
-    "bits-ui": "2.16.4",
     "svelte": "^5.53.12"
   }
 }