@invopop/popui 0.1.3 → 0.1.4-beta.1

package/dist/tabs/tabs-trigger.svelte

@@ -5,8 +5,9 @@
     ref = $bindable(null),
     class: className,
     children,
-    value
-  }: TabsPrimitive.TriggerProps = $props()
+    value,
+    variant
+  }: TabsPrimitive.TriggerProps & { variant?: 'md' | 'lg' } = $props()
 </script>
 
 <TabsPrimitive.Trigger
@@ -14,7 +15,8 @@
   {value}
   data-slot="tabs-trigger"
   class={cn(
-    'data-[state=active]:bg-white  inline-flex items-center justify-center whitespace-nowrap rounded px-3 py-0.5 text-base font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm w-full',
+    'data-[state=active]:bg-background inline-flex items-center justify-center whitespace-nowrap px-3 py-0.5 text-base font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm w-full cursor-pointer h-full',
+    variant === 'lg' ? 'rounded-md' : 'rounded',
     className
   )}
 >

package/dist/tabs/tabs-trigger.svelte.d.ts

@@ -1,4 +1,7 @@
 import { Tabs as TabsPrimitive } from 'bits-ui';
-declare const TabsTrigger: import("svelte").Component<TabsPrimitive.TriggerProps, {}, "ref">;
+type $$ComponentProps = TabsPrimitive.TriggerProps & {
+    variant?: 'md' | 'lg';
+};
+declare const TabsTrigger: import("svelte").Component<$$ComponentProps, {}, "ref">;
 type TabsTrigger = ReturnType<typeof TabsTrigger>;
 export default TabsTrigger;