pika-ux 1.0.0-beta.1 → 1.0.0-beta.10

package/src/shadcn/dropdown-menu copy/dropdown-menu-radio-group.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		...restProps
+	}: DropdownMenuPrimitive.RadioGroupProps = $props();
+</script>
+
+<DropdownMenuPrimitive.RadioGroup
+	bind:ref
+	bind:value
+	data-slot="dropdown-menu-radio-group"
+	{...restProps}
+/>

package/src/shadcn/dropdown-menu copy/dropdown-menu-radio-item.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+    import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+    import CircleIcon from '$icons/lucide/circle';
+    import { cn, type WithoutChild } from '../utils.js';
+
+    let { ref = $bindable(null), class: className, children: childrenProp, ...restProps }: WithoutChild<DropdownMenuPrimitive.RadioItemProps> = $props();
+</script>
+
+<DropdownMenuPrimitive.RadioItem
+    bind:ref
+    data-slot="dropdown-menu-radio-item"
+    class={cn(
+        "focus:bg-accent focus:text-accent-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+    )}
+    {...restProps}
+>
+    {#snippet children({ checked })}
+        <span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+            {#if checked}
+                <CircleIcon class="size-2 fill-current" />
+            {/if}
+        </span>
+        {@render childrenProp?.({ checked })}
+    {/snippet}
+</DropdownMenuPrimitive.RadioItem>

package/src/shadcn/dropdown-menu copy/dropdown-menu-separator.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+    import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+    import { cn } from '../utils.js';
+
+    let { ref = $bindable(null), class: className, ...restProps }: DropdownMenuPrimitive.SeparatorProps = $props();
+</script>
+
+<DropdownMenuPrimitive.Separator
+    bind:ref
+    data-slot="dropdown-menu-separator"
+    class={cn('bg-border -mx-1 my-1 h-px', className)}
+    {...restProps}
+/>

package/src/shadcn/dropdown-menu copy/dropdown-menu-shortcut.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn, type WithElementRef } from '../utils.js';
+
+    let {
+        ref = $bindable(null),
+        class: className,
+        children,
+        ...restProps
+    }: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+    bind:this={ref}
+    data-slot="dropdown-menu-shortcut"
+    class={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)}
+    {...restProps}
+>
+    {@render children?.()}
+</span>

package/src/shadcn/dropdown-menu copy/dropdown-menu-sub-content.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+    import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+    import { cn } from '../utils.js';
+
+    let { ref = $bindable(null), class: className, ...restProps }: DropdownMenuPrimitive.SubContentProps = $props();
+</script>
+
+<DropdownMenuPrimitive.SubContent
+    bind:ref
+    data-slot="dropdown-menu-sub-content"
+    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 origin-(--bits-dropdown-menu-content-transform-origin) z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg',
+        className
+    )}
+    {...restProps}
+/>

package/src/shadcn/dropdown-menu copy/dropdown-menu-sub-trigger.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+    import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+    import ChevronRightIcon from '$icons/lucide/chevron-right';
+    import { cn } from '../utils.js';
+
+    let {
+        ref = $bindable(null),
+        class: className,
+        inset,
+        children,
+        ...restProps
+    }: DropdownMenuPrimitive.SubTriggerProps & {
+        inset?: boolean;
+    } = $props();
+</script>
+
+<DropdownMenuPrimitive.SubTrigger
+    bind:ref
+    data-slot="dropdown-menu-sub-trigger"
+    data-inset={inset}
+    class={cn(
+        "data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+    )}
+    {...restProps}
+>
+    {@render children?.()}
+    <ChevronRightIcon class="ml-auto size-4" />
+</DropdownMenuPrimitive.SubTrigger>

package/src/shadcn/dropdown-menu copy/dropdown-menu-trigger.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.TriggerProps = $props();
+</script>
+
+<DropdownMenuPrimitive.Trigger bind:ref data-slot="dropdown-menu-trigger" {...restProps} />

package/src/shadcn/spinner/index.ts

@@ -0,0 +1 @@
+export { default as Spinner } from './spinner.svelte';

package/src/shadcn/spinner/spinner.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+    import { cn } from '../utils.js';
+    import Loader2Icon from '$icons/lucide/loader-circle';
+    import type { ComponentProps } from 'svelte';
+    type Props = ComponentProps<typeof Loader2Icon>;
+    let { class: className, ...restProps }: Props = $props();
+</script>
+
+<Loader2Icon role="status" aria-label="Loading" class={cn('size-4 animate-spin', className)} {...restProps} />

package/src/shadcn/toggle-group/toggle-group.svelte

@@ -1,41 +1,36 @@
 <script lang="ts" module>
-	import { getContext, setContext } from "svelte";
-	import type { ToggleVariants } from "$ui/shadcn/toggle/index.js";
-	export function setToggleGroupCtx(props: ToggleVariants) {
-		setContext("toggleGroup", props);
-	}
+    import { getContext, setContext } from 'svelte';
+    import type { ToggleVariants } from '../toggle/index';
+    export function setToggleGroupCtx(props: ToggleVariants) {
+        setContext('toggleGroup', props);
+    }
 
-	export function getToggleGroupCtx() {
-		return getContext<ToggleVariants>("toggleGroup");
-	}
+    export function getToggleGroupCtx() {
+        return getContext<ToggleVariants>('toggleGroup');
+    }
 </script>
 
 <script lang="ts">
-	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-	import { cn } from "../utils.js";
+    import { ToggleGroup as ToggleGroupPrimitive } from 'bits-ui';
+    import { cn } from '../utils.js';
 
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		class: className,
-		size = "default",
-		variant = "default",
-		...restProps
-	}: ToggleGroupPrimitive.RootProps & ToggleVariants = $props();
+    let {
+        ref = $bindable(null),
+        value = $bindable(),
+        class: className,
+        size = 'default',
+        variant = 'default',
+        ...restProps
+    }: ToggleGroupPrimitive.RootProps & ToggleVariants = $props();
 
-	setToggleGroupCtx({
-		variant,
-		size,
-	});
+    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}
-/>
+<ToggleGroupPrimitive.Root bind:value={value as never} bind:ref class={cn('flex items-center justify-center gap-1', className)} {...restProps} />

package/src/pika/index.ts

@@ -1,29 +0,0 @@
-// Pika UI Components - Non-conflicting exports
-export * from './chip';
-export * from './combobox';
-export * from './confirm-dialog';
-export * from './copy-button';
-export * from './create-copy-link-button';
-export * from './date-picker';
-export * from './date-range-picker';
-export * from './date-time-picker';
-export * from './expandable-container';
-export * from './markdown-editor';
-export * from './permanent-toast';
-export * from './pika-alert';
-export * from './pika-badge';
-export * from './pika-table';
-export * from './popup-help';
-export * from './simple-dropdown';
-export * from './text-wave-shimmer';
-export * from './tooltip-plus';
-
-// Selective exports to avoid naming conflicts
-// List component - renamed to avoid conflict with TabsList
-export { List as PikaList, type ListMapping } from './list';
-
-// Tabs component - only export aliased versions to avoid "Content" and "List" conflicts
-export { Tabs, TabsContent, TabsList, TabsTrigger } from './pika-tabs';
-
-// Slideout component - only export aliased versions to avoid "Content" conflict
-export { Slideout, SlideoutContent, SlideoutPanel, SlideoutProvider, useSlideout } from './slideout';

package/src/shadcn/index.ts

@@ -1,40 +0,0 @@
-// shadcn UI Components
-export * from './alert';
-export * from './avatar';
-export * from './badge';
-export * from './breadcrumb';
-export * from './button';
-export * from './calendar';
-export * from './card';
-export * from './carousel';
-export * from './checkbox';
-export * from './collapsible';
-export * from './command';
-export * from './data-table';
-export * from './dialog';
-export * from './dropdown-menu';
-export * from './input';
-export * from './label';
-export * from './popover';
-export * from './radio-group';
-export * from './range-calendar';
-export * from './resizable';
-export * from './scroll-area';
-export * from './select';
-export * from './separator';
-export * from './sheet';
-export * from './sidebar';
-export * from './skeleton';
-export * from './slider';
-export * from './sonner';
-export * from './switch';
-export * from './table';
-export * from './tabs';
-export * from './textarea';
-export * from './toggle';
-export * from './toggle-group';
-export * from './tooltip';
-
-// Utilities
-export * from './utils';
-export * from './is-mobile.svelte';